@flower-city-online/itinerary-lib 0.0.52 → 0.0.54
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/itinerary-app/modules/dashboard/components/navbar/navbar.component.mjs +5 -4
- package/esm2022/lib/itinerary-app/modules/itineraries/components/app-header-desktop/app-header-desktop.component.mjs +6 -5
- package/esm2022/lib/itinerary-app/modules/itineraries/components/share-popup/share-popup.component.mjs +6 -5
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/advanced-filters/advanced-filters.component.mjs +5 -4
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/builder/builder.component.mjs +4 -5
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/builder/pages/create-itinerary-destination/create-itinerary-destination.component.mjs +5 -4
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/builder/pages/create-itinerary-draw-mode/create-itinerary-draw-mode.component.mjs +7 -6
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/builder/pages/create-itinerary-draw-preview/create-itinerary-draw-preview.component.mjs +7 -6
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/builder/pages/create-itinerary-header/create-itinerary-header.component.mjs +3 -3
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/builder/pages/create-itinerary-no-visual-filter/create-itinerary-no-visual-filter.component.mjs +8 -7
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/builder/pages/create-itinerary-no-visual-preview/create-itinerary-no-visual-preview.component.mjs +7 -6
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/builder/pages/create-itinerary-start-location/create-itinerary-start-location.component.mjs +6 -5
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/builder/pages/create-itinerary-user-search/create-itinerary-user-search.component.mjs +4 -3
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/builder/pages/created-itinerary/created-itinerary.component.mjs +7 -6
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/builder/pages/itinerary-add-place/itinerary-add-place.component.mjs +6 -5
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/builder/pages/select-itinerary-event/select-itinerary-event.component.mjs +5 -4
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/builder/pages/suggested-events-location/suggested-events-location.component.mjs +7 -6
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/builder/pages/suggested-events-route-radius/suggested-events-route-radius.component.mjs +6 -5
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/builder/pages/suggested-events-route-type/suggested-events-route-type.component.mjs +5 -4
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/comment-replies/components/comment-single/comment-single.component.mjs +5 -4
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/explore/explore.component.mjs +8 -7
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/itinerary-detail/itinerary-detail.component.mjs +4 -3
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/itinerary-friends/existing-friends/existing-friends.component.mjs +4 -3
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/itinerary-friends/list-friend-users/list-friend-users.component.mjs +5 -4
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/itinerary-friends/send-friend-request/send-friend-request.component.mjs +5 -4
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/itinerary-members/all-people/all-people.component.mjs +5 -4
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/itinerary-members/existing-members/existing-members.component.mjs +4 -3
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/itinerary-members/send-invite/send-invite.component.mjs +5 -4
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/itinerary-members/user-list/user-list.component.mjs +4 -3
- package/esm2022/lib/itinerary-app/modules/search/pages/main-search/main-search.component.mjs +4 -4
- package/esm2022/lib/itinerary-app/shared/bottom-modal/bottom-modal.component.mjs +65 -0
- package/esm2022/lib/itinerary-app/shared/card-component/card-component.component.mjs +5 -4
- package/esm2022/lib/itinerary-app/shared/comment/comment.component.mjs +5 -4
- package/esm2022/lib/itinerary-app/shared/custom-story-card/custom-story-card.component.mjs +4 -4
- package/esm2022/lib/itinerary-app/shared/cutom-card/cutom-card.component.mjs +6 -5
- package/esm2022/lib/itinerary-app/shared/footer/footer.component.mjs +6 -6
- package/esm2022/lib/itinerary-app/shared/header/header.component.mjs +2 -2
- package/esm2022/lib/itinerary-app/shared/icon-button/icon-button.component.mjs +37 -10
- package/esm2022/lib/itinerary-app/shared/input-field-select/input-field-select.component.mjs +109 -0
- package/esm2022/lib/itinerary-app/shared/notification-tile/notification-tile.component.mjs +4 -4
- package/esm2022/lib/itinerary-app/shared/popup-modal/popup-modal.component.mjs +85 -0
- package/esm2022/lib/itinerary-app/shared/search-bar/search-bar.component.mjs +30 -0
- package/esm2022/lib/itinerary-app/shared/search-popup/search-popup.component.mjs +4 -4
- package/esm2022/lib/itinerary-app/shared/shared.module.mjs +29 -6
- package/fesm2022/flower-city-online-itinerary-lib.mjs +459 -141
- package/fesm2022/flower-city-online-itinerary-lib.mjs.map +1 -1
- package/lib/itinerary-app/shared/bottom-modal/bottom-modal.component.d.ts +20 -0
- package/lib/itinerary-app/shared/icon-button/icon-button.component.d.ts +13 -4
- package/lib/itinerary-app/shared/input-field-select/input-field-select.component.d.ts +35 -0
- package/lib/itinerary-app/shared/popup-modal/popup-modal.component.d.ts +30 -0
- package/lib/itinerary-app/shared/search-bar/search-bar.component.d.ts +12 -0
- package/lib/itinerary-app/shared/shared.module.d.ts +11 -7
- package/package.json +1 -1
- package/src/lib/itinerary-app/_styles/modal.scss +2 -2
- package/src/lib/itinerary-app/_styles/styles.scss +327 -327
- package/src/lib/itinerary-app/styles.scss +237 -289
- package/styles.css +1 -1
- package/src/lib/itinerary-app/_styles/component-global-styles/bottom-navigation.scss +0 -19
- package/src/lib/itinerary-app/_styles/component-global-styles/create-itinerary.scss +0 -16
- package/src/lib/itinerary-app/_styles/component-global-styles/custom-button.scss +0 -32
- package/src/lib/itinerary-app/_styles/component-global-styles/custom-menu.scss +0 -38
- package/src/lib/itinerary-app/_styles/component-global-styles/dashboard.scss +0 -5
- package/src/lib/itinerary-app/_styles/component-global-styles/delete-itineraries.scss +0 -7
- package/src/lib/itinerary-app/_styles/component-global-styles/filter-menu.scss +0 -36
- package/src/lib/itinerary-app/_styles/component-global-styles/header.scss +0 -22
- package/src/lib/itinerary-app/_styles/component-global-styles/navbar.scss +0 -47
- package/src/lib/itinerary-app/_styles/component-global-styles/search-bar.scss +0 -17
- package/src/lib/itinerary-app/_styles/component-global-styles/side-bar.scss +0 -28
- package/src/lib/itinerary-app/_styles/component-global-styles/tab-bar.scss +0 -21
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import * as i1$1 from '@angular/cdk/layout';
|
|
2
2
|
import { Breakpoints } from '@angular/cdk/layout';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { Injectable, inject, ViewContainerRef, HostListener, ViewChild, Component, EventEmitter, Output, Input, Pipe, ChangeDetectionStrategy, ViewEncapsulation, Inject, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA, NgModule, ViewChildren } from '@angular/core';
|
|
4
|
+
import { Injectable, inject, ViewContainerRef, HostListener, ViewChild, Component, EventEmitter, Output, Input, Pipe, ChangeDetectionStrategy, ViewEncapsulation, Inject, forwardRef, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA, NgModule, ViewChildren } from '@angular/core';
|
|
5
5
|
import * as i5 from '@naniteninja/ionic-lib';
|
|
6
|
-
import { PopupModalService, BaseCardModule, SearchBarModule, ButtonsModule, OtpInputModule, DashedCheckboxModule, FormFieldModule, FormGeneratorModule, GridModule, ImageCardModule, InfoCardModule, InfoCardListModule, InfoCardPlaceholderModule, InputDateFieldModule, LibMapModule, PopperModule, LibTabMenuModule, LibModalModule, ContentViewCardModule, NotificationsModule, LibToastrModule, SelectableModule, FormFieldType, StatusPosition, ToastrSeverity, ToastrDescription, Direction, ToggleModule, DirectiveModule, TextBoxComponent, LibPercentageBarModule,
|
|
6
|
+
import { PopupModalService, BaseCardModule, SearchBarModule, ButtonsModule, OtpInputModule, DashedCheckboxModule, FormFieldModule, FormGeneratorModule, GridModule, ImageCardModule, InfoCardModule, InfoCardListModule, InfoCardPlaceholderModule, InputDateFieldModule, LibMapModule, PopperModule, LibTabMenuModule, LibModalModule, ContentViewCardModule, NotificationsModule, LibToastrModule, SelectableModule, InputFieldSelectModule, FormFieldType, StatusPosition, ToastrSeverity, ToastrDescription, Direction, ToggleModule, DirectiveModule, TextBoxComponent, LibPercentageBarModule, SectionSeparatorComponent, GridFiltersModule, ImageDeckComponent, LibToastrStackModule, ProgressBarModule, FooterSharedComponent, RangeSelectorModule, InputFieldModule, UserMenuComponent, GridToolbarModule, NextsapienComponentLibModule } from '@naniteninja/ionic-lib';
|
|
7
7
|
import * as i1$2 from '@angular/common';
|
|
8
8
|
import { CommonModule, NgOptimizedImage } from '@angular/common';
|
|
9
9
|
import * as i1 from '@angular/router';
|
|
10
10
|
import { NavigationEnd, RouterLink, RouterModule } from '@angular/router';
|
|
11
11
|
import * as i2 from '@angular/forms';
|
|
12
|
-
import { FormControl, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
|
|
13
|
-
import * as
|
|
12
|
+
import { FormControl, NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
|
|
13
|
+
import * as i5$1 from '@ngx-translate/core';
|
|
14
14
|
import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
|
|
15
15
|
import * as i1$5 from '@angular/material/dialog';
|
|
16
16
|
import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
|
|
@@ -537,6 +537,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
537
537
|
}]
|
|
538
538
|
}], ctorParameters: () => [{ type: i1$3.HttpClient }] });
|
|
539
539
|
|
|
540
|
+
class IconButtonComponent {
|
|
541
|
+
buttonIcon;
|
|
542
|
+
disableTextShadow;
|
|
543
|
+
class;
|
|
544
|
+
libMenuItems;
|
|
545
|
+
buttonText;
|
|
546
|
+
buttonClick = new EventEmitter();
|
|
547
|
+
select = new EventEmitter();
|
|
548
|
+
change = new EventEmitter();
|
|
549
|
+
handleSelect() {
|
|
550
|
+
this.select.emit();
|
|
551
|
+
}
|
|
552
|
+
handleChange() {
|
|
553
|
+
this.change.emit();
|
|
554
|
+
}
|
|
555
|
+
handleClick() {
|
|
556
|
+
this.buttonClick.emit();
|
|
557
|
+
}
|
|
558
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
559
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: IconButtonComponent, selector: "app-icon-button", inputs: { buttonIcon: "buttonIcon", disableTextShadow: "disableTextShadow", class: "class", libMenuItems: "libMenuItems", buttonText: "buttonText" }, outputs: { buttonClick: "buttonClick", select: "select", change: "change" }, ngImport: i0, template: "<lib-menu-btn\r\n(select)=\"handleSelect()\"\r\n(click)=\"handleClick()\"\r\n(change)=\"handleChange()\"\r\n[class]=\"'lib-menu-custom-class ' + class\"\r\n[disableTextShadow]=\"disableTextShadow\"\r\n[menuItems]=\"libMenuItems\"\r\n[menuBtnIcon]=\"buttonIcon ? true : false\"\r\n>\r\n<img *ngIf=\"buttonIcon\" [src]=\"buttonIcon\" alt=\"\" />\r\n<span *ngIf=\"buttonText\">{{ buttonText }}</span>\r\n</lib-menu-btn>", styles: ["::ng-deep .lib-menu-custom-class .text{padding:0!important;font-size:10px!important}::ng-deep .lib-menu-custom-class .mat-mdc-menu-item{min-height:35px!important}::ng-deep .lib-menu-custom-class .mat-ripple{background:transparent!important;box-shadow:none!important;border:none!important}::ng-deep .lib-menu-custom-class .lib-button-component{background:transparent!important;box-shadow:none!important;border:none!important}::ng-deep .lib-menu-custom-class .lib-button-container{background:transparent!important;box-shadow:none!important;border:none!important}::ng-deep .builder-add-btn .lib-base-btn .mat-ripple .btn-text{display:flex!important;justify-content:center!important;align-items:center!important;flex-direction:row!important;width:100%!important;color:var(--lib-secondary-button-font-color)!important;text-shadow:var(--lib-secondary-button-text-shadow)!important}::ng-deep .builder-add-btn .lib-button-container{display:none!important}::ng-deep .builder-add-btn .mat-ripple{height:60px!important}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MenuBtnComponent, selector: "lib-menu-btn", inputs: ["menuBtnIcon", "menuBtnTooltip", "menuBtnTooltipPosition", "menuBtnIconName", "menuBtnImgUrl", "menuBtnNotificationIconUrl", "menuDirection", "hasNotification", "menuItems", "disableTranslation", "listItem", "listItemIndex", "selectable", "overlayClass", "isUserMenu", "onlyCloseOnClickOutside", "hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "loading$"] }] });
|
|
560
|
+
}
|
|
561
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconButtonComponent, decorators: [{
|
|
562
|
+
type: Component,
|
|
563
|
+
args: [{ selector: 'app-icon-button', standalone: false, template: "<lib-menu-btn\r\n(select)=\"handleSelect()\"\r\n(click)=\"handleClick()\"\r\n(change)=\"handleChange()\"\r\n[class]=\"'lib-menu-custom-class ' + class\"\r\n[disableTextShadow]=\"disableTextShadow\"\r\n[menuItems]=\"libMenuItems\"\r\n[menuBtnIcon]=\"buttonIcon ? true : false\"\r\n>\r\n<img *ngIf=\"buttonIcon\" [src]=\"buttonIcon\" alt=\"\" />\r\n<span *ngIf=\"buttonText\">{{ buttonText }}</span>\r\n</lib-menu-btn>", styles: ["::ng-deep .lib-menu-custom-class .text{padding:0!important;font-size:10px!important}::ng-deep .lib-menu-custom-class .mat-mdc-menu-item{min-height:35px!important}::ng-deep .lib-menu-custom-class .mat-ripple{background:transparent!important;box-shadow:none!important;border:none!important}::ng-deep .lib-menu-custom-class .lib-button-component{background:transparent!important;box-shadow:none!important;border:none!important}::ng-deep .lib-menu-custom-class .lib-button-container{background:transparent!important;box-shadow:none!important;border:none!important}::ng-deep .builder-add-btn .lib-base-btn .mat-ripple .btn-text{display:flex!important;justify-content:center!important;align-items:center!important;flex-direction:row!important;width:100%!important;color:var(--lib-secondary-button-font-color)!important;text-shadow:var(--lib-secondary-button-text-shadow)!important}::ng-deep .builder-add-btn .lib-button-container{display:none!important}::ng-deep .builder-add-btn .mat-ripple{height:60px!important}\n"] }]
|
|
564
|
+
}], propDecorators: { buttonIcon: [{
|
|
565
|
+
type: Input
|
|
566
|
+
}], disableTextShadow: [{
|
|
567
|
+
type: Input
|
|
568
|
+
}], class: [{
|
|
569
|
+
type: Input
|
|
570
|
+
}], libMenuItems: [{
|
|
571
|
+
type: Input
|
|
572
|
+
}], buttonText: [{
|
|
573
|
+
type: Input
|
|
574
|
+
}], buttonClick: [{
|
|
575
|
+
type: Output
|
|
576
|
+
}], select: [{
|
|
577
|
+
type: Output
|
|
578
|
+
}], change: [{
|
|
579
|
+
type: Output
|
|
580
|
+
}] } });
|
|
581
|
+
|
|
540
582
|
class CardComponent {
|
|
541
583
|
apiService;
|
|
542
584
|
libMenuItem;
|
|
@@ -636,11 +678,11 @@ class CardComponent {
|
|
|
636
678
|
this.messageClicked.emit();
|
|
637
679
|
}
|
|
638
680
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardComponent, deps: [{ token: ApiService }], target: i0.ɵɵFactoryTarget.Component });
|
|
639
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CardComponent, selector: "app-card-component", inputs: { libMenuItem: "libMenuItem", isDraft: "isDraft", itineraryStarted: "itineraryStarted" }, outputs: { StartItineraryClick: "StartItineraryClick", TitleClicked: "TitleClicked", forkClicked: "forkClicked", messageClicked: "messageClicked" }, ngImport: i0, template: "<lib-base-card\r\n *ngIf=\"processedCardData\"\r\n class=\"card-component px-4 py-4 my-2 rounded-lg outset-downshadow\"\r\n>\r\n <div class=\"flex items-start justify-between mb-2\">\r\n <div class=\"flex gap-5 items-start\">\r\n <div\r\n [class]=\"\r\n !isDraft\r\n ? ' text-primary'\r\n : '' +\r\n ' items-center sm:text-[10px] xs:text-[9px] flex flex-col gap-y-[0px]'\r\n \"\r\n >\r\n <img [src]=\"!isDraft ? ICONS['upvote'] : ICONS['upArrowWhite']\" alt=\"\" />\r\n <span [class]=\"!isDraft ? 'text-primary' : 'drah-voter-header'\">\r\n {{ processedCardData.upVotes }}\r\n </span>\r\n <img [src]=\"ICONS['downvote']\" alt=\"\" />\r\n </div>\r\n <div class=\"\">\r\n <h4 class=\"title medium-14 p-0 m-0\" (click)=\"handleTitleClick()\">\r\n {{ processedCardData.title }}\r\n </h4>\r\n <h5\r\n class=\"text-secondary opacity-80 text-[10px] xs:text-[9px] flex gap-[6px] items-center\"\r\n >\r\n <img [src]=\"ICONS['user']\" alt=\"\" />\r\n <span\r\n >{{ processedCardData.userName }} -\r\n {{ processedCardData.timeAgo }}</span\r\n >\r\n </h5>\r\n </div>\r\n </div>\r\n <div class=\"draft-header\" *ngIf=\"processedCardData.isDraft\">\r\n Draft Saved\r\n </div>\r\n\r\n <div class=\"flex items-center\">\r\n <div\r\n *ngIf=\"itineraryStarted\"\r\n (click)=\"handleStartItineraryClick()\"\r\n class=\"startItinerary\"\r\n >\r\n <img [src]=\"ICONS['startItinerary']\" alt=\"icon\" />\r\n </div>\r\n <
|
|
681
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CardComponent, selector: "app-card-component", inputs: { libMenuItem: "libMenuItem", isDraft: "isDraft", itineraryStarted: "itineraryStarted" }, outputs: { StartItineraryClick: "StartItineraryClick", TitleClicked: "TitleClicked", forkClicked: "forkClicked", messageClicked: "messageClicked" }, ngImport: i0, template: "<lib-base-card\r\n *ngIf=\"processedCardData\"\r\n class=\"card-component px-4 py-4 my-2 rounded-lg outset-downshadow\"\r\n>\r\n <div class=\"flex items-start justify-between mb-2\">\r\n <div class=\"flex gap-5 items-start\">\r\n <div\r\n [class]=\"\r\n !isDraft\r\n ? ' text-primary'\r\n : '' +\r\n ' items-center sm:text-[10px] xs:text-[9px] flex flex-col gap-y-[0px]'\r\n \"\r\n >\r\n <img [src]=\"!isDraft ? ICONS['upvote'] : ICONS['upArrowWhite']\" alt=\"\" />\r\n <span [class]=\"!isDraft ? 'text-primary' : 'drah-voter-header'\">\r\n {{ processedCardData.upVotes }}\r\n </span>\r\n <img [src]=\"ICONS['downvote']\" alt=\"\" />\r\n </div>\r\n <div class=\"\">\r\n <h4 class=\"title medium-14 p-0 m-0\" (click)=\"handleTitleClick()\">\r\n {{ processedCardData.title }}\r\n </h4>\r\n <h5\r\n class=\"text-secondary opacity-80 text-[10px] xs:text-[9px] flex gap-[6px] items-center\"\r\n >\r\n <img [src]=\"ICONS['user']\" alt=\"\" />\r\n <span\r\n >{{ processedCardData.userName }} -\r\n {{ processedCardData.timeAgo }}</span\r\n >\r\n </h5>\r\n </div>\r\n </div>\r\n <div class=\"draft-header\" *ngIf=\"processedCardData.isDraft\">\r\n Draft Saved\r\n </div>\r\n\r\n <div class=\"flex items-center\">\r\n <div\r\n *ngIf=\"itineraryStarted\"\r\n (click)=\"handleStartItineraryClick()\"\r\n class=\"startItinerary\"\r\n >\r\n <img [src]=\"ICONS['startItinerary']\" alt=\"icon\" />\r\n </div>\r\n <app-icon-button\r\n (select)=\"handleMenueItemSelect()\"\r\n (buttonClick)=\"handleMenuClick()\"\r\n (change)=\"handleMenuItemChange()\"\r\n class=\"lib-menu-custom-class\"\r\n [disableTextShadow]=\"true\"\r\n [menuItems]=\"libMenuItem\"\r\n [buttonIcon]=\"ICONS['horizontal']\"\r\n ></app-icon-button>\r\n </div>\r\n </div>\r\n <hr class=\"h-1 text-secondary opacity-25\" />\r\n <div class=\"my-2 mb-1 flex items-start gap-x-5\">\r\n <div class=\"1 mb-0 flex flex-col items-center justify-center\">\r\n <img\r\n [class]=\"isDraft ? 'draf-location-image' : ''\"\r\n [src]=\"processedCardData.imageSrc\"\r\n alt=\"\"\r\n width=\"100\"\r\n />\r\n </div>\r\n <div class=\"2\">\r\n <div\r\n *ngIf=\"!cardData?.isDraft\"\r\n class=\"font-normal text-secondary flex items-center gap-x-4 text-sm\"\r\n >\r\n <ul class=\"flex flex-col gap-y-[6px] xs:text-[9px] sm:text-[12px]\">\r\n <li\r\n *ngFor=\"let location of cardDataForLocations.locationColumn1\"\r\n class=\"location-item flex items-center gap-1\"\r\n >\r\n <img [src]=\"location.icon\" alt=\"\" />\r\n <span class=\"truncate sm:max-w-10 xs:max-w-11\">{{\r\n location.name\r\n }}</span>\r\n </li>\r\n </ul>\r\n <ul class=\"flex flex-col gap-y-[6px] xs:text-[9px] sm:text-[12px]\">\r\n <li\r\n *ngFor=\"let location of cardDataForLocations.locationColumn2\"\r\n class=\"location-item flex items-center gap-1\"\r\n >\r\n <img [src]=\"location.icon\" alt=\"\" />\r\n <span class=\"truncate sm:max-w-10 xs:max-w-11\">{{\r\n location.name\r\n }}</span>\r\n </li>\r\n </ul>\r\n </div>\r\n <p *ngIf=\"processedCardData.isDraft\" class=\"text-xs draft-description\">\r\n {{ \"FINISH_ITINERARY_CREATION\" | translate }}\r\n </p>\r\n </div>\r\n </div>\r\n <hr class=\"h-1 text-secondary opacity-25\" />\r\n <div class=\"my-2 flex items-center justify-between\">\r\n <div\r\n class=\"flex items-center justify-between sm:gap-x-7 xs:gap-x-5 sm:text-sm xs:text-[9px] text-secondary\"\r\n >\r\n <div class=\"flex items-center gap-x-[6px]\">\r\n <img class=\"bottom-icons\" [src]=\"ICONS['eye']\" alt=\"\" />\r\n <span class=\"bottom-tags\">{{ processedCardData.views }}</span>\r\n </div>\r\n <div\r\n (click)=\"handleMessageClicked()\"\r\n class=\"flex items-center gap-x-[6px]\"\r\n >\r\n <img class=\"bottom-icons\" [src]=\"ICONS['comment2']\" alt=\"\" />\r\n <span class=\"bottom-tags\">{{ processedCardData.comments }}</span>\r\n </div>\r\n <div (click)=\"handleForkClick()\" class=\"flex items-center gap-x-[6px]\">\r\n <img class=\"bottom-icons\" [src]=\"ICONS['fork']\" alt=\"\" />\r\n <span class=\"bottom-tags\">{{ processedCardData.shares }}</span>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-2\">\r\n <span class=\"text-xs userIconText\">\r\n {{ processedCardData.users }}\r\n <span class=\"user-icon-text\" *ngIf=\"processedCardData.users > 0\"\r\n >Users</span\r\n >\r\n </span>\r\n <img [src]=\"processedCardData.userimageSrc\" alt=\"\" />\r\n </div>\r\n </div>\r\n</lib-base-card>\r\n", styles: [".card-component{width:200px!important;height:300px!important;background:#27242c}.bottom-tags{font-size:12px}.text-primary{font-size:10px}.draft-header{color:#bdbdbd;font-weight:400!important;font-size:11px!important;margin-top:7px;position:relative;left:36px}.draft-description{color:#fff}.user-icon-text{color:#bdbdbd;margin-top:2px;font-size:13px}.bottom-icons{height:15px;width:16px}.bottom-icons:last-child{height:16px!important;width:17px!important}.draf-location-image{height:5rem;width:9rem}.bottom-bar-loc{background:#413f47!important;width:5rem!important;bottom:1rem!important}.location-item-main{font-size:12px}.location-item-main span{margin-top:2px;font-size:12px}.location-item span{color:#bbbabc!important;font-size:12px;margin-top:2px}.drah-voter-header{font-family:Gilroy-Thin;margin-top:5px!important}.title{font-family:var(--font-gilroy-bold)}.h-1{opacity:.1!important}.startItinerary{position:relative;top:-4px}\n"], dependencies: [{ kind: "component", type: i5.BaseCardComponent, selector: "lib-base-card" }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconButtonComponent, selector: "app-icon-button", inputs: ["buttonIcon", "disableTextShadow", "class", "libMenuItems", "buttonText"], outputs: ["buttonClick", "select", "change"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
|
|
640
682
|
}
|
|
641
683
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardComponent, decorators: [{
|
|
642
684
|
type: Component,
|
|
643
|
-
args: [{ selector: 'app-card-component', standalone: false, template: "<lib-base-card\r\n *ngIf=\"processedCardData\"\r\n class=\"card-component px-4 py-4 my-2 rounded-lg outset-downshadow\"\r\n>\r\n <div class=\"flex items-start justify-between mb-2\">\r\n <div class=\"flex gap-5 items-start\">\r\n <div\r\n [class]=\"\r\n !isDraft\r\n ? ' text-primary'\r\n : '' +\r\n ' items-center sm:text-[10px] xs:text-[9px] flex flex-col gap-y-[0px]'\r\n \"\r\n >\r\n <img [src]=\"!isDraft ? ICONS['upvote'] : ICONS['upArrowWhite']\" alt=\"\" />\r\n <span [class]=\"!isDraft ? 'text-primary' : 'drah-voter-header'\">\r\n {{ processedCardData.upVotes }}\r\n </span>\r\n <img [src]=\"ICONS['downvote']\" alt=\"\" />\r\n </div>\r\n <div class=\"\">\r\n <h4 class=\"title medium-14 p-0 m-0\" (click)=\"handleTitleClick()\">\r\n {{ processedCardData.title }}\r\n </h4>\r\n <h5\r\n class=\"text-secondary opacity-80 text-[10px] xs:text-[9px] flex gap-[6px] items-center\"\r\n >\r\n <img [src]=\"ICONS['user']\" alt=\"\" />\r\n <span\r\n >{{ processedCardData.userName }} -\r\n {{ processedCardData.timeAgo }}</span\r\n >\r\n </h5>\r\n </div>\r\n </div>\r\n <div class=\"draft-header\" *ngIf=\"processedCardData.isDraft\">\r\n Draft Saved\r\n </div>\r\n\r\n <div class=\"flex items-center\">\r\n <div\r\n *ngIf=\"itineraryStarted\"\r\n (click)=\"handleStartItineraryClick()\"\r\n class=\"startItinerary\"\r\n >\r\n <img [src]=\"ICONS['startItinerary']\" alt=\"icon\" />\r\n </div>\r\n <
|
|
685
|
+
args: [{ selector: 'app-card-component', standalone: false, template: "<lib-base-card\r\n *ngIf=\"processedCardData\"\r\n class=\"card-component px-4 py-4 my-2 rounded-lg outset-downshadow\"\r\n>\r\n <div class=\"flex items-start justify-between mb-2\">\r\n <div class=\"flex gap-5 items-start\">\r\n <div\r\n [class]=\"\r\n !isDraft\r\n ? ' text-primary'\r\n : '' +\r\n ' items-center sm:text-[10px] xs:text-[9px] flex flex-col gap-y-[0px]'\r\n \"\r\n >\r\n <img [src]=\"!isDraft ? ICONS['upvote'] : ICONS['upArrowWhite']\" alt=\"\" />\r\n <span [class]=\"!isDraft ? 'text-primary' : 'drah-voter-header'\">\r\n {{ processedCardData.upVotes }}\r\n </span>\r\n <img [src]=\"ICONS['downvote']\" alt=\"\" />\r\n </div>\r\n <div class=\"\">\r\n <h4 class=\"title medium-14 p-0 m-0\" (click)=\"handleTitleClick()\">\r\n {{ processedCardData.title }}\r\n </h4>\r\n <h5\r\n class=\"text-secondary opacity-80 text-[10px] xs:text-[9px] flex gap-[6px] items-center\"\r\n >\r\n <img [src]=\"ICONS['user']\" alt=\"\" />\r\n <span\r\n >{{ processedCardData.userName }} -\r\n {{ processedCardData.timeAgo }}</span\r\n >\r\n </h5>\r\n </div>\r\n </div>\r\n <div class=\"draft-header\" *ngIf=\"processedCardData.isDraft\">\r\n Draft Saved\r\n </div>\r\n\r\n <div class=\"flex items-center\">\r\n <div\r\n *ngIf=\"itineraryStarted\"\r\n (click)=\"handleStartItineraryClick()\"\r\n class=\"startItinerary\"\r\n >\r\n <img [src]=\"ICONS['startItinerary']\" alt=\"icon\" />\r\n </div>\r\n <app-icon-button\r\n (select)=\"handleMenueItemSelect()\"\r\n (buttonClick)=\"handleMenuClick()\"\r\n (change)=\"handleMenuItemChange()\"\r\n class=\"lib-menu-custom-class\"\r\n [disableTextShadow]=\"true\"\r\n [menuItems]=\"libMenuItem\"\r\n [buttonIcon]=\"ICONS['horizontal']\"\r\n ></app-icon-button>\r\n </div>\r\n </div>\r\n <hr class=\"h-1 text-secondary opacity-25\" />\r\n <div class=\"my-2 mb-1 flex items-start gap-x-5\">\r\n <div class=\"1 mb-0 flex flex-col items-center justify-center\">\r\n <img\r\n [class]=\"isDraft ? 'draf-location-image' : ''\"\r\n [src]=\"processedCardData.imageSrc\"\r\n alt=\"\"\r\n width=\"100\"\r\n />\r\n </div>\r\n <div class=\"2\">\r\n <div\r\n *ngIf=\"!cardData?.isDraft\"\r\n class=\"font-normal text-secondary flex items-center gap-x-4 text-sm\"\r\n >\r\n <ul class=\"flex flex-col gap-y-[6px] xs:text-[9px] sm:text-[12px]\">\r\n <li\r\n *ngFor=\"let location of cardDataForLocations.locationColumn1\"\r\n class=\"location-item flex items-center gap-1\"\r\n >\r\n <img [src]=\"location.icon\" alt=\"\" />\r\n <span class=\"truncate sm:max-w-10 xs:max-w-11\">{{\r\n location.name\r\n }}</span>\r\n </li>\r\n </ul>\r\n <ul class=\"flex flex-col gap-y-[6px] xs:text-[9px] sm:text-[12px]\">\r\n <li\r\n *ngFor=\"let location of cardDataForLocations.locationColumn2\"\r\n class=\"location-item flex items-center gap-1\"\r\n >\r\n <img [src]=\"location.icon\" alt=\"\" />\r\n <span class=\"truncate sm:max-w-10 xs:max-w-11\">{{\r\n location.name\r\n }}</span>\r\n </li>\r\n </ul>\r\n </div>\r\n <p *ngIf=\"processedCardData.isDraft\" class=\"text-xs draft-description\">\r\n {{ \"FINISH_ITINERARY_CREATION\" | translate }}\r\n </p>\r\n </div>\r\n </div>\r\n <hr class=\"h-1 text-secondary opacity-25\" />\r\n <div class=\"my-2 flex items-center justify-between\">\r\n <div\r\n class=\"flex items-center justify-between sm:gap-x-7 xs:gap-x-5 sm:text-sm xs:text-[9px] text-secondary\"\r\n >\r\n <div class=\"flex items-center gap-x-[6px]\">\r\n <img class=\"bottom-icons\" [src]=\"ICONS['eye']\" alt=\"\" />\r\n <span class=\"bottom-tags\">{{ processedCardData.views }}</span>\r\n </div>\r\n <div\r\n (click)=\"handleMessageClicked()\"\r\n class=\"flex items-center gap-x-[6px]\"\r\n >\r\n <img class=\"bottom-icons\" [src]=\"ICONS['comment2']\" alt=\"\" />\r\n <span class=\"bottom-tags\">{{ processedCardData.comments }}</span>\r\n </div>\r\n <div (click)=\"handleForkClick()\" class=\"flex items-center gap-x-[6px]\">\r\n <img class=\"bottom-icons\" [src]=\"ICONS['fork']\" alt=\"\" />\r\n <span class=\"bottom-tags\">{{ processedCardData.shares }}</span>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-2\">\r\n <span class=\"text-xs userIconText\">\r\n {{ processedCardData.users }}\r\n <span class=\"user-icon-text\" *ngIf=\"processedCardData.users > 0\"\r\n >Users</span\r\n >\r\n </span>\r\n <img [src]=\"processedCardData.userimageSrc\" alt=\"\" />\r\n </div>\r\n </div>\r\n</lib-base-card>\r\n", styles: [".card-component{width:200px!important;height:300px!important;background:#27242c}.bottom-tags{font-size:12px}.text-primary{font-size:10px}.draft-header{color:#bdbdbd;font-weight:400!important;font-size:11px!important;margin-top:7px;position:relative;left:36px}.draft-description{color:#fff}.user-icon-text{color:#bdbdbd;margin-top:2px;font-size:13px}.bottom-icons{height:15px;width:16px}.bottom-icons:last-child{height:16px!important;width:17px!important}.draf-location-image{height:5rem;width:9rem}.bottom-bar-loc{background:#413f47!important;width:5rem!important;bottom:1rem!important}.location-item-main{font-size:12px}.location-item-main span{margin-top:2px;font-size:12px}.location-item span{color:#bbbabc!important;font-size:12px;margin-top:2px}.drah-voter-header{font-family:Gilroy-Thin;margin-top:5px!important}.title{font-family:var(--font-gilroy-bold)}.h-1{opacity:.1!important}.startItinerary{position:relative;top:-4px}\n"] }]
|
|
644
686
|
}], ctorParameters: () => [{ type: ApiService }], propDecorators: { libMenuItem: [{
|
|
645
687
|
type: Input
|
|
646
688
|
}], isDraft: [{
|
|
@@ -773,11 +815,11 @@ class CommentComponent {
|
|
|
773
815
|
this.navHelper.navigate([ItinerariesRoutesEnum.COMMENT_REPLIES], this.route);
|
|
774
816
|
}
|
|
775
817
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CommentComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: CommentImageService }, { token: i1.ActivatedRoute }, { token: NavigationHelperService }], target: i0.ɵɵFactoryTarget.Component });
|
|
776
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CommentComponent, selector: "app-comment", inputs: { libMenuItem: "libMenuItem", commentsData: "commentsData" }, ngImport: i0, template: "<ng-container *ngFor=\"let data of commentsData; let i = index\">\r\n <div class=\"comment-card text-white px-4 mb-4 rounded-xl w-full\">\r\n <div class=\"flex items-start justify-between\">\r\n <div class=\"flex space-x-3 mr-1\">\r\n <div>\r\n <img\r\n [src]=\"ICONS['user']\"\r\n loading=\"lazy\"\r\n alt=\"User\"\r\n class=\"comment-user rounded-full\"\r\n />\r\n <div class=\"flex flex-col items-center text-pink-500 mt-4\">\r\n <img\r\n [src]=\"ICONS['upvote']\"\r\n alt=\"Upvote\"\r\n class=\"cursor-pointer\"\r\n (click)=\"upvote(i)\"\r\n />\r\n <span class=\"normal-text-xs font-semibold text-pink-500\">{{\r\n data!.upVotes - data!.downVotes | votes\r\n }}</span>\r\n <img\r\n [src]=\"ICONS['downvote']\"\r\n alt=\"Downvote\"\r\n class=\"cursor-pointer\"\r\n (click)=\"downvote(i)\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <div class=\"flex gap-[18px]\">\r\n <div class=\"flex flex-col\">\r\n <div>\r\n <p class=\"normal-text-sm normal-text\">\r\n {{ data?.userName }} - {{ data?.timeAgo }}\r\n {{ data.isEditted == true ? \"(Edited)\" : \"\" }}\r\n </p>\r\n <p class=\"normal-text-md text-white\">{{ data?.commentText }}</p>\r\n </div>\r\n <div\r\n *ngIf=\"data.hasAttachments === true\"\r\n class=\"grid grid-cols-2 gap-[3.5px] mt-3 mb-2\"\r\n >\r\n <ng-container *ngFor=\"let image of data?.attachments; let i = index\">\r\n <div class=\"relative\" *ngIf=\"i < 4\">\r\n <img\r\n [src]=\"image\"\r\n loading=\"lazy\"\r\n alt=\"Attachment\"\r\n (click)=\"showImage(data?.attachments!, i)\"\r\n class=\"w-full object-cover\"\r\n />\r\n <div\r\n *ngIf=\"i === 3 && data?.attachments\"\r\n class=\"absolute inset-0 bg-black bg-opacity-50 flex items-center justify-center text-white text-xl font-bold\"\r\n >\r\n +{{ i }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div class=\"flex items-center justify-between mt-3\">\r\n <div class=\"flex gap-8 text-gray-400 text-sm\">\r\n <button\r\n class=\"flex items-center space-x-1 hover:text-white normal-text-sm\"\r\n (click)=\"RedirectToReplies()\"\r\n >\r\n <img [src]=\"ICONS['comment2']\" alt=\"Reply\" />\r\n <p class=\"normal-text-sm\">Reply</p>\r\n </button>\r\n <button class=\"flex items-center space-x-1 hover:text-white normal-text-sm\">\r\n <img\r\n style=\"height: 10px; width: 10px\"\r\n [src]=\"ICONS['featured']\"\r\n alt=\"Feature\"\r\n />\r\n <p class=\"normal-text-sm\">Featured</p>\r\n </button>\r\n </div>\r\n </div>\r\n <p\r\n class=\"custom-pink mt-4 font-bold normal-text-sm cursor-pointer\"\r\n (click)=\"RedirectToReplies()\"\r\n >\r\n View Replies\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <
|
|
818
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CommentComponent, selector: "app-comment", inputs: { libMenuItem: "libMenuItem", commentsData: "commentsData" }, ngImport: i0, template: "<ng-container *ngFor=\"let data of commentsData; let i = index\">\r\n <div class=\"comment-card text-white px-4 mb-4 rounded-xl w-full\">\r\n <div class=\"flex items-start justify-between\">\r\n <div class=\"flex space-x-3 mr-1\">\r\n <div>\r\n <img\r\n [src]=\"ICONS['user']\"\r\n loading=\"lazy\"\r\n alt=\"User\"\r\n class=\"comment-user rounded-full\"\r\n />\r\n <div class=\"flex flex-col items-center text-pink-500 mt-4\">\r\n <img\r\n [src]=\"ICONS['upvote']\"\r\n alt=\"Upvote\"\r\n class=\"cursor-pointer\"\r\n (click)=\"upvote(i)\"\r\n />\r\n <span class=\"normal-text-xs font-semibold text-pink-500\">{{\r\n data!.upVotes - data!.downVotes | votes\r\n }}</span>\r\n <img\r\n [src]=\"ICONS['downvote']\"\r\n alt=\"Downvote\"\r\n class=\"cursor-pointer\"\r\n (click)=\"downvote(i)\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <div class=\"flex gap-[18px]\">\r\n <div class=\"flex flex-col\">\r\n <div>\r\n <p class=\"normal-text-sm normal-text\">\r\n {{ data?.userName }} - {{ data?.timeAgo }}\r\n {{ data.isEditted == true ? \"(Edited)\" : \"\" }}\r\n </p>\r\n <p class=\"normal-text-md text-white\">{{ data?.commentText }}</p>\r\n </div>\r\n <div\r\n *ngIf=\"data.hasAttachments === true\"\r\n class=\"grid grid-cols-2 gap-[3.5px] mt-3 mb-2\"\r\n >\r\n <ng-container *ngFor=\"let image of data?.attachments; let i = index\">\r\n <div class=\"relative\" *ngIf=\"i < 4\">\r\n <img\r\n [src]=\"image\"\r\n loading=\"lazy\"\r\n alt=\"Attachment\"\r\n (click)=\"showImage(data?.attachments!, i)\"\r\n class=\"w-full object-cover\"\r\n />\r\n <div\r\n *ngIf=\"i === 3 && data?.attachments\"\r\n class=\"absolute inset-0 bg-black bg-opacity-50 flex items-center justify-center text-white text-xl font-bold\"\r\n >\r\n +{{ i }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div class=\"flex items-center justify-between mt-3\">\r\n <div class=\"flex gap-8 text-gray-400 text-sm\">\r\n <button\r\n class=\"flex items-center space-x-1 hover:text-white normal-text-sm\"\r\n (click)=\"RedirectToReplies()\"\r\n >\r\n <img [src]=\"ICONS['comment2']\" alt=\"Reply\" />\r\n <p class=\"normal-text-sm\">Reply</p>\r\n </button>\r\n <button class=\"flex items-center space-x-1 hover:text-white normal-text-sm\">\r\n <img\r\n style=\"height: 10px; width: 10px\"\r\n [src]=\"ICONS['featured']\"\r\n alt=\"Feature\"\r\n />\r\n <p class=\"normal-text-sm\">Featured</p>\r\n </button>\r\n </div>\r\n </div>\r\n <p\r\n class=\"custom-pink mt-4 font-bold normal-text-sm cursor-pointer\"\r\n (click)=\"RedirectToReplies()\"\r\n >\r\n View Replies\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <app-icon-button\r\n (select)=\"handleMenueItemSelect()\"\r\n (buttonClick)=\"handleMenuClick(i)\"\r\n (change)=\"handleMenuItemChange()\"\r\n class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n [disableTextShadow]=\"true\"\r\n [libMenuItems]=\"libMenuItem\"\r\n [buttonIcon]=\"ICONS['horizontalWhite']\"\r\n ></app-icon-button>\r\n </div>\r\n\r\n\r\n\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n </div>\r\n</ng-container>\r\n\r\n<lib-popup\r\n [isOpen]=\"isOpen\"\r\n [modalComponent]=\"imageComponent\"\r\n [backdropDismiss]=\"true\"\r\n (afterCloseEvent)=\"close()\"\r\n>\r\n</lib-popup>\r\n", styles: [".comment-card .text-md{font-size:14px}.comment-card .text-sm{font-size:12px}.comment-card .text-xs{font-size:10px}.comment-card img{transition:opacity .2s}.comment-card img:hover{opacity:.8}.comment-card .custom-pink{margin-left:0;font-weight:700;color:#fe3c72}.comment-user{height:20px;width:20px}.grid img.object-cover{width:118.15;height:72.2}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.LibModalComponent, selector: "lib-popup", inputs: ["isOpen", "icon", "title", "message", "extendedMessage", "cancelButton", "confirmButton", "checkboxText", "progBarCurrentStep", "progBarTotalSteps", "customClass", "backdropDismiss", "modalComponent", "modalComponentData"], outputs: ["modalConfirm", "modalDismiss", "afterCloseEvent"] }, { kind: "component", type: IconButtonComponent, selector: "app-icon-button", inputs: ["buttonIcon", "disableTextShadow", "class", "libMenuItems", "buttonText"], outputs: ["buttonClick", "select", "change"] }, { kind: "pipe", type: VotesPipe, name: "votes" }] });
|
|
777
819
|
}
|
|
778
820
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CommentComponent, decorators: [{
|
|
779
821
|
type: Component,
|
|
780
|
-
args: [{ selector: 'app-comment', standalone: false, template: "<ng-container *ngFor=\"let data of commentsData; let i = index\">\r\n <div class=\"comment-card text-white px-4 mb-4 rounded-xl w-full\">\r\n <div class=\"flex items-start justify-between\">\r\n <div class=\"flex space-x-3 mr-1\">\r\n <div>\r\n <img\r\n [src]=\"ICONS['user']\"\r\n loading=\"lazy\"\r\n alt=\"User\"\r\n class=\"comment-user rounded-full\"\r\n />\r\n <div class=\"flex flex-col items-center text-pink-500 mt-4\">\r\n <img\r\n [src]=\"ICONS['upvote']\"\r\n alt=\"Upvote\"\r\n class=\"cursor-pointer\"\r\n (click)=\"upvote(i)\"\r\n />\r\n <span class=\"normal-text-xs font-semibold text-pink-500\">{{\r\n data!.upVotes - data!.downVotes | votes\r\n }}</span>\r\n <img\r\n [src]=\"ICONS['downvote']\"\r\n alt=\"Downvote\"\r\n class=\"cursor-pointer\"\r\n (click)=\"downvote(i)\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <div class=\"flex gap-[18px]\">\r\n <div class=\"flex flex-col\">\r\n <div>\r\n <p class=\"normal-text-sm normal-text\">\r\n {{ data?.userName }} - {{ data?.timeAgo }}\r\n {{ data.isEditted == true ? \"(Edited)\" : \"\" }}\r\n </p>\r\n <p class=\"normal-text-md text-white\">{{ data?.commentText }}</p>\r\n </div>\r\n <div\r\n *ngIf=\"data.hasAttachments === true\"\r\n class=\"grid grid-cols-2 gap-[3.5px] mt-3 mb-2\"\r\n >\r\n <ng-container *ngFor=\"let image of data?.attachments; let i = index\">\r\n <div class=\"relative\" *ngIf=\"i < 4\">\r\n <img\r\n [src]=\"image\"\r\n loading=\"lazy\"\r\n alt=\"Attachment\"\r\n (click)=\"showImage(data?.attachments!, i)\"\r\n class=\"w-full object-cover\"\r\n />\r\n <div\r\n *ngIf=\"i === 3 && data?.attachments\"\r\n class=\"absolute inset-0 bg-black bg-opacity-50 flex items-center justify-center text-white text-xl font-bold\"\r\n >\r\n +{{ i }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div class=\"flex items-center justify-between mt-3\">\r\n <div class=\"flex gap-8 text-gray-400 text-sm\">\r\n <button\r\n class=\"flex items-center space-x-1 hover:text-white normal-text-sm\"\r\n (click)=\"RedirectToReplies()\"\r\n >\r\n <img [src]=\"ICONS['comment2']\" alt=\"Reply\" />\r\n <p class=\"normal-text-sm\">Reply</p>\r\n </button>\r\n <button class=\"flex items-center space-x-1 hover:text-white normal-text-sm\">\r\n <img\r\n style=\"height: 10px; width: 10px\"\r\n [src]=\"ICONS['featured']\"\r\n alt=\"Feature\"\r\n />\r\n <p class=\"normal-text-sm\">Featured</p>\r\n </button>\r\n </div>\r\n </div>\r\n <p\r\n class=\"custom-pink mt-4 font-bold normal-text-sm cursor-pointer\"\r\n (click)=\"RedirectToReplies()\"\r\n >\r\n View Replies\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <
|
|
822
|
+
args: [{ selector: 'app-comment', standalone: false, template: "<ng-container *ngFor=\"let data of commentsData; let i = index\">\r\n <div class=\"comment-card text-white px-4 mb-4 rounded-xl w-full\">\r\n <div class=\"flex items-start justify-between\">\r\n <div class=\"flex space-x-3 mr-1\">\r\n <div>\r\n <img\r\n [src]=\"ICONS['user']\"\r\n loading=\"lazy\"\r\n alt=\"User\"\r\n class=\"comment-user rounded-full\"\r\n />\r\n <div class=\"flex flex-col items-center text-pink-500 mt-4\">\r\n <img\r\n [src]=\"ICONS['upvote']\"\r\n alt=\"Upvote\"\r\n class=\"cursor-pointer\"\r\n (click)=\"upvote(i)\"\r\n />\r\n <span class=\"normal-text-xs font-semibold text-pink-500\">{{\r\n data!.upVotes - data!.downVotes | votes\r\n }}</span>\r\n <img\r\n [src]=\"ICONS['downvote']\"\r\n alt=\"Downvote\"\r\n class=\"cursor-pointer\"\r\n (click)=\"downvote(i)\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <div class=\"flex gap-[18px]\">\r\n <div class=\"flex flex-col\">\r\n <div>\r\n <p class=\"normal-text-sm normal-text\">\r\n {{ data?.userName }} - {{ data?.timeAgo }}\r\n {{ data.isEditted == true ? \"(Edited)\" : \"\" }}\r\n </p>\r\n <p class=\"normal-text-md text-white\">{{ data?.commentText }}</p>\r\n </div>\r\n <div\r\n *ngIf=\"data.hasAttachments === true\"\r\n class=\"grid grid-cols-2 gap-[3.5px] mt-3 mb-2\"\r\n >\r\n <ng-container *ngFor=\"let image of data?.attachments; let i = index\">\r\n <div class=\"relative\" *ngIf=\"i < 4\">\r\n <img\r\n [src]=\"image\"\r\n loading=\"lazy\"\r\n alt=\"Attachment\"\r\n (click)=\"showImage(data?.attachments!, i)\"\r\n class=\"w-full object-cover\"\r\n />\r\n <div\r\n *ngIf=\"i === 3 && data?.attachments\"\r\n class=\"absolute inset-0 bg-black bg-opacity-50 flex items-center justify-center text-white text-xl font-bold\"\r\n >\r\n +{{ i }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div class=\"flex items-center justify-between mt-3\">\r\n <div class=\"flex gap-8 text-gray-400 text-sm\">\r\n <button\r\n class=\"flex items-center space-x-1 hover:text-white normal-text-sm\"\r\n (click)=\"RedirectToReplies()\"\r\n >\r\n <img [src]=\"ICONS['comment2']\" alt=\"Reply\" />\r\n <p class=\"normal-text-sm\">Reply</p>\r\n </button>\r\n <button class=\"flex items-center space-x-1 hover:text-white normal-text-sm\">\r\n <img\r\n style=\"height: 10px; width: 10px\"\r\n [src]=\"ICONS['featured']\"\r\n alt=\"Feature\"\r\n />\r\n <p class=\"normal-text-sm\">Featured</p>\r\n </button>\r\n </div>\r\n </div>\r\n <p\r\n class=\"custom-pink mt-4 font-bold normal-text-sm cursor-pointer\"\r\n (click)=\"RedirectToReplies()\"\r\n >\r\n View Replies\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <app-icon-button\r\n (select)=\"handleMenueItemSelect()\"\r\n (buttonClick)=\"handleMenuClick(i)\"\r\n (change)=\"handleMenuItemChange()\"\r\n class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n [disableTextShadow]=\"true\"\r\n [libMenuItems]=\"libMenuItem\"\r\n [buttonIcon]=\"ICONS['horizontalWhite']\"\r\n ></app-icon-button>\r\n </div>\r\n\r\n\r\n\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n </div>\r\n</ng-container>\r\n\r\n<lib-popup\r\n [isOpen]=\"isOpen\"\r\n [modalComponent]=\"imageComponent\"\r\n [backdropDismiss]=\"true\"\r\n (afterCloseEvent)=\"close()\"\r\n>\r\n</lib-popup>\r\n", styles: [".comment-card .text-md{font-size:14px}.comment-card .text-sm{font-size:12px}.comment-card .text-xs{font-size:10px}.comment-card img{transition:opacity .2s}.comment-card img:hover{opacity:.8}.comment-card .custom-pink{margin-left:0;font-weight:700;color:#fe3c72}.comment-user{height:20px;width:20px}.grid img.object-cover{width:118.15;height:72.2}\n"] }]
|
|
781
823
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: CommentImageService }, { type: i1.ActivatedRoute }, { type: NavigationHelperService }], propDecorators: { libMenuItem: [{
|
|
782
824
|
type: Input
|
|
783
825
|
}], commentsData: [{
|
|
@@ -961,11 +1003,11 @@ class CustomStoryCardComponent {
|
|
|
961
1003
|
}
|
|
962
1004
|
}
|
|
963
1005
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CustomStoryCardComponent, deps: [{ token: ApiService }, { token: i0.ChangeDetectorRef }, { token: i1$2.Location }, { token: i1.ActivatedRoute }, { token: NavigationHelperService }], target: i0.ɵɵFactoryTarget.Component });
|
|
964
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CustomStoryCardComponent, selector: "app-custom-story-card", inputs: { libMenuItem: "libMenuItem", isDraft: "isDraft" }, host: { listeners: { "window:wheel": "onWheel($event)" } }, ngImport: i0, template: "<div class=\"carousel-container w-full bg-transparent\">\r\n <div class=\"carousel\">\r\n <div\r\n class=\"card active bg-cover bg-center bg-no-repeat story-img bg-transparent m-0\"\r\n [style.background-image]=\"'url(' + image + ')'\"\r\n >\r\n <div class=\"flex h-[50px] items-center\">\r\n <button (click)=\"goBack()\">\r\n <img loading=\"lazy\" [src]=\"ICONS['back']\" alt=\"Back\" class=\"p-[13px]\"/>\r\n </button>\r\n <h5 class=\"text-secondary text-[10px] xs:text-[9px] flex gap-[6px] items-center mx-[8px]\">\r\n <img loading=\"lazy\" [src]=\"ICONS['userReal']\" alt=\"User\" />\r\n <span>{{ processedCardData?.userName }} </span>\r\n <img loading=\"lazy\" [src]=\"ICONS['king']\" alt=\"Favorite\" />\r\n </h5>\r\n <lib-menu-btn (select)=\"handleMenueItemSelect()\" (click)=\"handleMenuClick()\" (change)=\"handleMenuItemChange()\"\r\n class=\"lib-menu-custom-class lib-menu-bg-none ms-auto\" [disableTextShadow]=\"true\" [menuItems]=\"libMenuItem\">\r\n <img loading=\"lazy\" [src]=\"ICONS['horizontalWhite']\" alt=\"tricolon\" class=\"p-[6px]\" />\r\n </lib-menu-btn>\r\n </div>\r\n\r\n <div class=\"flex px-[12px]\">\r\n <div class=\"progress-bar\"></div>\r\n <div class=\"progress-bar\"></div>\r\n <div class=\"progress-bar\"></div>\r\n </div>\r\n\r\n <div class=\"p-[12px]\">\r\n <div class=\"flex items-start story-content mb-[30px] p-[12px]\" *ngFor=\"let item of [1, 2, 3]\" style=\"height: 91.9px;\">\r\n <div class=\"items-center sm:text-[10px] xs:text-[9px] flex flex-col gap-y-[0px] px-1\">\r\n <img loading=\"lazy\" [src]=\"ICONS['upvote']\" alt=\"Upvote\" />\r\n <span [class]=\"!isDraft ? 'text-primary' : 'drah-voter-header'\">\r\n {{ processedCardData?.upVotes }}\r\n </span>\r\n <img loading=\"lazy\" [src]=\"ICONS['downvote']\" alt=\"Downvote\" />\r\n </div>\r\n <div class=\"py-[8px] px-[4px]\">\r\n <h5 class=\"text-secondary mb-2 opacity-80 text-[20px] xs:text-[15px] flex gap-[6px] items-center\">\r\n <img loading=\"lazy\" class=\"story-avatar\" [src]=\"ICONS['userReal']\" alt=\"User\" width=\"20\" height=\"20\"/>\r\n <span class=\"story-author\">{{ processedCardData?.userName }} </span>\r\n <img loading=\"lazy\" [src]=\"ICONS['king']\" alt=\"Favorite\" />\r\n </h5>\r\n <div class=\"relative\">\r\n <p class=\"story-text\">\r\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt and also other texts\r\n <span class=\"read-more-text\">Read More</span>\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"flex items-start justify-end absolute story-right-info\">\r\n <div>\r\n <div class=\"mb-[26px] flex flex-col items-center\">\r\n <img loading=\"lazy\" [src]=\"ICONS['upvoteWhite']\" alt=\"Upvote\" />\r\n <span class=\"votes-Count\">\r\n {{ processedCardData?.upVotes }}\r\n </span>\r\n <img loading=\"lazy\" [src]=\"ICONS['downvoteWhite']\" alt=\"Downvote\" />\r\n </div>\r\n\r\n <div class=\"mb-[26px] flex flex-col items-center\">\r\n <img loading=\"lazy\" class=\"mb-[4px]\" [src]=\"ICONS['message']\" alt=\"Message\" />\r\n <span class=\"votes-Count\"> 23 </span>\r\n </div>\r\n\r\n <div class=\"mb-[16px] flex flex-col items-center\">\r\n <img loading=\"lazy\" class=\"mb-[4px]\" [src]=\"ICONS['forward']\" alt=\"Forward\" />\r\n <span class=\"votes-Count\"> Share </span>\r\n </div>\r\n <div class=\"flex flex-col items-center\">\r\n <img loading=\"lazy\" class=\"mb-[4px]\" [src]=\"ICONS['badge_check']\" alt=\"Check\" />\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"text-white absolute w-full story-bottom-info\">\r\n <div class=\"flex-1\">\r\n <h2 class=\"text-2xl font-bold story-title mb-[8px]\">Adventure Tour</h2>\r\n <div class=\"mb-[12px]\">\r\n <h5 class=\"text-secondary opacity-80 text-[10px] xs:text-[9px] flex gap-[6px] items-center\">\r\n <img loading=\"lazy\" [src]=\"ICONS['userReal']\" alt=\"User\" width=\"12px\" height=\"12px\" />\r\n <span>{{ processedCardData?.userName }} - {{ processedCardData?.timeAgo }}</span>\r\n </h5>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center justify-between w-full\">\r\n <!-- Left-aligned div -->\r\n <div class=\"flex space-x-1 justify-start\">\r\n <span class=\"story-bottom-info-badge ellipsis story-bottom-buttons-pink\"><img loading=\"lazy\" [src]=\"ICONS['temp']\" alt=\"Place\" />\r\n Palace</span>\r\n <span class=\"story-bottom-info-badge ellipsis story-bottom-buttons-white\"><img loading=\"lazy\" [src]=\"ICONS['coffee']\" alt=\"Coffee\" />\r\n Coffee</span>\r\n <span class=\"story-bottom-info-badge ellipsis story-bottom-buttons-white\"><img loading=\"lazy\" [src]=\"ICONS['template']\" alt=\"Temple\" />\r\n Temple</span>\r\n <span class=\"story-bottom-info-badge font-bold story-bottom-buttons-white\">More +6</span>\r\n </div>\r\n <!-- Right-aligned div -->\r\n <div class=\"flex justify-end items-end\">\r\n <div class=\"flex\">\r\n <div class=\"flex items-end gap-x-2\">\r\n <span class=\"text-xs user-text text-nowrap\">\r\n {{ processedCardData?.users }}\r\n <span *ngIf=\"processedCardData && processedCardData!.users > 0\">Users</span>\r\n </span>\r\n <img loading=\"lazy\" [src]=\"processedCardData?.userimageSrc\" alt=\"UserPic\" />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".card-component{--width: auto;background:#27242c;padding:0;box-sizing:border-box}.carousel-container{display:flex;justify-content:center;align-items:center;height:82.5vh;overflow:hidden;padding:0;box-sizing:border-box}.carousel{position:relative;width:90%;height:100%;display:flex;flex-direction:column;align-items:center}.card{background-color:gray;position:relative;width:100%;border-radius:6.56px;box-shadow:0 4px 6px #0000001a;overflow:hidden;align-items:center;font-size:1.5rem;font-weight:700;transition:transform .5s ease-in-out,opacity .3s ease;transform:translateY(100%)}.card.above{transform:translateY(-100%);border-radius:0 0 6.56px 6.56px;opacity:.5;z-index:1;height:10%;width:90%}.card.active{transform:translateY(0);opacity:1;z-index:2;height:100%}.card.below{transform:translateY(100%);border-radius:6.56px 6.56px 0 0;opacity:.5;z-index:1;height:10%;width:90%}.card.slide-up{animation:slideUpIn .5s ease-out forwards}.card.slide-down{animation:slideDownOut .5s ease-in forwards}@keyframes slideUpIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDownOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.header-container{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#1a1a1a;border-radius:12px 12px 0 0}.header-container .back-btn,.header-container .menu-btn{background:none;border:none;font-size:20px;color:#fff;cursor:pointer}.header-container .user-info{display:flex;align-items:center;gap:8px}.header-container .user-info .avatar{width:32px;height:32px;border-radius:50%}.header-container .user-info .username{color:#fff;font-size:18px;font-weight:600}.header-container .user-info .icon-crown{color:gold;font-size:18px}.progress-bar{width:100%;height:2px;background:linear-gradient(to right,#eaeaea80,#eaeaea80);margin-top:4px;border-radius:2px;margin-left:2px}.story-content{background:#27242c;box-shadow:9.0255px 8.205px 22.1535px #111014a6,-4.1025px -4.1025px 13.128px #cbc7d140;border-radius:6.564px}.votes-Count{font-weight:600;font-size:9.846px;color:#fff;text-shadow:0px 1.06548px 2.13097px rgba(0,0,0,.5);line-height:100%}.story-title{font-weight:500;font-size:19.692px;line-height:100%;display:flex;align-items:center;color:#fff;text-shadow:0px 1.07px 2.13px 0px rgba(0,0,0,.5019607843)}.story-bottom-info-badge{font-family:Gilroy;font-style:normal;font-weight:500;font-size:8.205px;line-height:100%;display:flex;align-items:center;text-wrap:nowrap}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-bottom-buttons-pink{color:#fe3c72}.story-bottom-buttons-white{color:#fff}.story-text{font-weight:400;font-size:9.846px;line-height:150%;text-align:start;letter-spacing:-.011em;color:#fffc;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.read-more-text{position:absolute;right:0;bottom:0;font-weight:400;font-size:9.846px;line-height:150%;letter-spacing:-.011em;color:#fe3c72;padding-left:4px;background-color:#27242c}.story-avatar{width:20px;height:20px}.story-author{font-weight:500;font-style:Medium;font-size:13.13px;line-height:160%;letter-spacing:0%}.story-img{position:relative;z-index:0}.story-img:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#00000040,#0000001a 21.35%,#0000 51.04%,#00000038 69.27%,#00000059);z-index:1;pointer-events:none}.story-img>*{z-index:2}.pic-switch-bar{z-index:100}.custom-padding{padding-top:130px}.story-bottom-info{bottom:16px;padding:0 12px}.story-right-info{top:260px;right:8px}.user-text{font-size:9.85px;font-weight:600}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MenuBtnComponent, selector: "lib-menu-btn", inputs: ["menuBtnIcon", "menuBtnTooltip", "menuBtnTooltipPosition", "menuBtnIconName", "menuBtnImgUrl", "menuBtnNotificationIconUrl", "menuDirection", "hasNotification", "menuItems", "disableTranslation", "listItem", "listItemIndex", "selectable", "overlayClass", "isUserMenu", "onlyCloseOnClickOutside", "hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "loading$"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1006
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CustomStoryCardComponent, selector: "app-custom-story-card", inputs: { libMenuItem: "libMenuItem", isDraft: "isDraft" }, host: { listeners: { "window:wheel": "onWheel($event)" } }, ngImport: i0, template: "<div class=\"carousel-container w-full bg-transparent\">\r\n <div class=\"carousel\">\r\n <div\r\n class=\"card active bg-cover bg-center bg-no-repeat story-img bg-transparent m-0\"\r\n [style.background-image]=\"'url(' + image + ')'\"\r\n >\r\n <div class=\"flex h-[50px] items-center\">\r\n <button (click)=\"goBack()\">\r\n <img loading=\"lazy\" [src]=\"ICONS['back']\" alt=\"Back\" class=\"p-[13px]\"/>\r\n </button>\r\n <h5 class=\"text-secondary text-[10px] xs:text-[9px] flex gap-[6px] items-center mx-[8px]\">\r\n <img loading=\"lazy\" [src]=\"ICONS['userReal']\" alt=\"User\" />\r\n <span>{{ processedCardData?.userName }} </span>\r\n <img loading=\"lazy\" [src]=\"ICONS['king']\" alt=\"Favorite\" />\r\n </h5>\r\n <app-icon-button (select)=\"handleMenueItemSelect()\" (buttonClick)=\"handleMenuClick()\" (change)=\"handleMenuItemChange()\"\r\n class=\"lib-menu-custom-class lib-menu-bg-none ms-auto\" [disableTextShadow]=\"true\" [libMenuItems]=\"libMenuItem\"\r\n [buttonIcon]=\"ICONS['horizontalWhite']\">\r\n </app-icon-button>\r\n </div>\r\n\r\n <div class=\"flex px-[12px]\">\r\n <div class=\"progress-bar\"></div>\r\n <div class=\"progress-bar\"></div>\r\n <div class=\"progress-bar\"></div>\r\n </div>\r\n\r\n <div class=\"p-[12px]\">\r\n <div class=\"flex items-start story-content mb-[30px] p-[12px]\" *ngFor=\"let item of [1, 2, 3]\" style=\"height: 91.9px;\">\r\n <div class=\"items-center sm:text-[10px] xs:text-[9px] flex flex-col gap-y-[0px] px-1\">\r\n <img loading=\"lazy\" [src]=\"ICONS['upvote']\" alt=\"Upvote\" />\r\n <span [class]=\"!isDraft ? 'text-primary' : 'drah-voter-header'\">\r\n {{ processedCardData?.upVotes }}\r\n </span>\r\n <img loading=\"lazy\" [src]=\"ICONS['downvote']\" alt=\"Downvote\" />\r\n </div>\r\n <div class=\"py-[8px] px-[4px]\">\r\n <h5 class=\"text-secondary mb-2 opacity-80 text-[20px] xs:text-[15px] flex gap-[6px] items-center\">\r\n <img loading=\"lazy\" class=\"story-avatar\" [src]=\"ICONS['userReal']\" alt=\"User\" width=\"20\" height=\"20\"/>\r\n <span class=\"story-author\">{{ processedCardData?.userName }} </span>\r\n <img loading=\"lazy\" [src]=\"ICONS['king']\" alt=\"Favorite\" />\r\n </h5>\r\n <div class=\"relative\">\r\n <p class=\"story-text\">\r\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt and also other texts\r\n <span class=\"read-more-text\">Read More</span>\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"flex items-start justify-end absolute story-right-info\">\r\n <div>\r\n <div class=\"mb-[26px] flex flex-col items-center\">\r\n <img loading=\"lazy\" [src]=\"ICONS['upvoteWhite']\" alt=\"Upvote\" />\r\n <span class=\"votes-Count\">\r\n {{ processedCardData?.upVotes }}\r\n </span>\r\n <img loading=\"lazy\" [src]=\"ICONS['downvoteWhite']\" alt=\"Downvote\" />\r\n </div>\r\n\r\n <div class=\"mb-[26px] flex flex-col items-center\">\r\n <img loading=\"lazy\" class=\"mb-[4px]\" [src]=\"ICONS['message']\" alt=\"Message\" />\r\n <span class=\"votes-Count\"> 23 </span>\r\n </div>\r\n\r\n <div class=\"mb-[16px] flex flex-col items-center\">\r\n <img loading=\"lazy\" class=\"mb-[4px]\" [src]=\"ICONS['forward']\" alt=\"Forward\" />\r\n <span class=\"votes-Count\"> Share </span>\r\n </div>\r\n <div class=\"flex flex-col items-center\">\r\n <img loading=\"lazy\" class=\"mb-[4px]\" [src]=\"ICONS['badge_check']\" alt=\"Check\" />\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"text-white absolute w-full story-bottom-info\">\r\n <div class=\"flex-1\">\r\n <h2 class=\"text-2xl font-bold story-title mb-[8px]\">Adventure Tour</h2>\r\n <div class=\"mb-[12px]\">\r\n <h5 class=\"text-secondary opacity-80 text-[10px] xs:text-[9px] flex gap-[6px] items-center\">\r\n <img loading=\"lazy\" [src]=\"ICONS['userReal']\" alt=\"User\" width=\"12px\" height=\"12px\" />\r\n <span>{{ processedCardData?.userName }} - {{ processedCardData?.timeAgo }}</span>\r\n </h5>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center justify-between w-full\">\r\n <!-- Left-aligned div -->\r\n <div class=\"flex space-x-1 justify-start\">\r\n <span class=\"story-bottom-info-badge ellipsis story-bottom-buttons-pink\"><img loading=\"lazy\" [src]=\"ICONS['temp']\" alt=\"Place\" />\r\n Palace</span>\r\n <span class=\"story-bottom-info-badge ellipsis story-bottom-buttons-white\"><img loading=\"lazy\" [src]=\"ICONS['coffee']\" alt=\"Coffee\" />\r\n Coffee</span>\r\n <span class=\"story-bottom-info-badge ellipsis story-bottom-buttons-white\"><img loading=\"lazy\" [src]=\"ICONS['template']\" alt=\"Temple\" />\r\n Temple</span>\r\n <span class=\"story-bottom-info-badge font-bold story-bottom-buttons-white\">More +6</span>\r\n </div>\r\n <!-- Right-aligned div -->\r\n <div class=\"flex justify-end items-end\">\r\n <div class=\"flex\">\r\n <div class=\"flex items-end gap-x-2\">\r\n <span class=\"text-xs user-text text-nowrap\">\r\n {{ processedCardData?.users }}\r\n <span *ngIf=\"processedCardData && processedCardData!.users > 0\">Users</span>\r\n </span>\r\n <img loading=\"lazy\" [src]=\"processedCardData?.userimageSrc\" alt=\"UserPic\" />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".card-component{--width: auto;background:#27242c;padding:0;box-sizing:border-box}.carousel-container{display:flex;justify-content:center;align-items:center;height:82.5vh;overflow:hidden;padding:0;box-sizing:border-box}.carousel{position:relative;width:90%;height:100%;display:flex;flex-direction:column;align-items:center}.card{background-color:gray;position:relative;width:100%;border-radius:6.56px;box-shadow:0 4px 6px #0000001a;overflow:hidden;align-items:center;font-size:1.5rem;font-weight:700;transition:transform .5s ease-in-out,opacity .3s ease;transform:translateY(100%)}.card.above{transform:translateY(-100%);border-radius:0 0 6.56px 6.56px;opacity:.5;z-index:1;height:10%;width:90%}.card.active{transform:translateY(0);opacity:1;z-index:2;height:100%}.card.below{transform:translateY(100%);border-radius:6.56px 6.56px 0 0;opacity:.5;z-index:1;height:10%;width:90%}.card.slide-up{animation:slideUpIn .5s ease-out forwards}.card.slide-down{animation:slideDownOut .5s ease-in forwards}@keyframes slideUpIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDownOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.header-container{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#1a1a1a;border-radius:12px 12px 0 0}.header-container .back-btn,.header-container .menu-btn{background:none;border:none;font-size:20px;color:#fff;cursor:pointer}.header-container .user-info{display:flex;align-items:center;gap:8px}.header-container .user-info .avatar{width:32px;height:32px;border-radius:50%}.header-container .user-info .username{color:#fff;font-size:18px;font-weight:600}.header-container .user-info .icon-crown{color:gold;font-size:18px}.progress-bar{width:100%;height:2px;background:linear-gradient(to right,#eaeaea80,#eaeaea80);margin-top:4px;border-radius:2px;margin-left:2px}.story-content{background:#27242c;box-shadow:9.0255px 8.205px 22.1535px #111014a6,-4.1025px -4.1025px 13.128px #cbc7d140;border-radius:6.564px}.votes-Count{font-weight:600;font-size:9.846px;color:#fff;text-shadow:0px 1.06548px 2.13097px rgba(0,0,0,.5);line-height:100%}.story-title{font-weight:500;font-size:19.692px;line-height:100%;display:flex;align-items:center;color:#fff;text-shadow:0px 1.07px 2.13px 0px rgba(0,0,0,.5019607843)}.story-bottom-info-badge{font-family:Gilroy;font-style:normal;font-weight:500;font-size:8.205px;line-height:100%;display:flex;align-items:center;text-wrap:nowrap}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-bottom-buttons-pink{color:#fe3c72}.story-bottom-buttons-white{color:#fff}.story-text{font-weight:400;font-size:9.846px;line-height:150%;text-align:start;letter-spacing:-.011em;color:#fffc;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.read-more-text{position:absolute;right:0;bottom:0;font-weight:400;font-size:9.846px;line-height:150%;letter-spacing:-.011em;color:#fe3c72;padding-left:4px;background-color:#27242c}.story-avatar{width:20px;height:20px}.story-author{font-weight:500;font-style:Medium;font-size:13.13px;line-height:160%;letter-spacing:0%}.story-img{position:relative;z-index:0}.story-img:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#00000040,#0000001a 21.35%,#0000 51.04%,#00000038 69.27%,#00000059);z-index:1;pointer-events:none}.story-img>*{z-index:2}.pic-switch-bar{z-index:100}.custom-padding{padding-top:130px}.story-bottom-info{bottom:16px;padding:0 12px}.story-right-info{top:260px;right:8px}.user-text{font-size:9.85px;font-weight:600}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconButtonComponent, selector: "app-icon-button", inputs: ["buttonIcon", "disableTextShadow", "class", "libMenuItems", "buttonText"], outputs: ["buttonClick", "select", "change"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
965
1007
|
}
|
|
966
1008
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CustomStoryCardComponent, decorators: [{
|
|
967
1009
|
type: Component,
|
|
968
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-custom-story-card', standalone: false, template: "<div class=\"carousel-container w-full bg-transparent\">\r\n <div class=\"carousel\">\r\n <div\r\n class=\"card active bg-cover bg-center bg-no-repeat story-img bg-transparent m-0\"\r\n [style.background-image]=\"'url(' + image + ')'\"\r\n >\r\n <div class=\"flex h-[50px] items-center\">\r\n <button (click)=\"goBack()\">\r\n <img loading=\"lazy\" [src]=\"ICONS['back']\" alt=\"Back\" class=\"p-[13px]\"/>\r\n </button>\r\n <h5 class=\"text-secondary text-[10px] xs:text-[9px] flex gap-[6px] items-center mx-[8px]\">\r\n <img loading=\"lazy\" [src]=\"ICONS['userReal']\" alt=\"User\" />\r\n <span>{{ processedCardData?.userName }} </span>\r\n <img loading=\"lazy\" [src]=\"ICONS['king']\" alt=\"Favorite\" />\r\n </h5>\r\n <lib-menu-btn (select)=\"handleMenueItemSelect()\" (click)=\"handleMenuClick()\" (change)=\"handleMenuItemChange()\"\r\n class=\"lib-menu-custom-class lib-menu-bg-none ms-auto\" [disableTextShadow]=\"true\" [menuItems]=\"libMenuItem\">\r\n <img loading=\"lazy\" [src]=\"ICONS['horizontalWhite']\" alt=\"tricolon\" class=\"p-[6px]\" />\r\n </lib-menu-btn>\r\n </div>\r\n\r\n <div class=\"flex px-[12px]\">\r\n <div class=\"progress-bar\"></div>\r\n <div class=\"progress-bar\"></div>\r\n <div class=\"progress-bar\"></div>\r\n </div>\r\n\r\n <div class=\"p-[12px]\">\r\n <div class=\"flex items-start story-content mb-[30px] p-[12px]\" *ngFor=\"let item of [1, 2, 3]\" style=\"height: 91.9px;\">\r\n <div class=\"items-center sm:text-[10px] xs:text-[9px] flex flex-col gap-y-[0px] px-1\">\r\n <img loading=\"lazy\" [src]=\"ICONS['upvote']\" alt=\"Upvote\" />\r\n <span [class]=\"!isDraft ? 'text-primary' : 'drah-voter-header'\">\r\n {{ processedCardData?.upVotes }}\r\n </span>\r\n <img loading=\"lazy\" [src]=\"ICONS['downvote']\" alt=\"Downvote\" />\r\n </div>\r\n <div class=\"py-[8px] px-[4px]\">\r\n <h5 class=\"text-secondary mb-2 opacity-80 text-[20px] xs:text-[15px] flex gap-[6px] items-center\">\r\n <img loading=\"lazy\" class=\"story-avatar\" [src]=\"ICONS['userReal']\" alt=\"User\" width=\"20\" height=\"20\"/>\r\n <span class=\"story-author\">{{ processedCardData?.userName }} </span>\r\n <img loading=\"lazy\" [src]=\"ICONS['king']\" alt=\"Favorite\" />\r\n </h5>\r\n <div class=\"relative\">\r\n <p class=\"story-text\">\r\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt and also other texts\r\n <span class=\"read-more-text\">Read More</span>\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"flex items-start justify-end absolute story-right-info\">\r\n <div>\r\n <div class=\"mb-[26px] flex flex-col items-center\">\r\n <img loading=\"lazy\" [src]=\"ICONS['upvoteWhite']\" alt=\"Upvote\" />\r\n <span class=\"votes-Count\">\r\n {{ processedCardData?.upVotes }}\r\n </span>\r\n <img loading=\"lazy\" [src]=\"ICONS['downvoteWhite']\" alt=\"Downvote\" />\r\n </div>\r\n\r\n <div class=\"mb-[26px] flex flex-col items-center\">\r\n <img loading=\"lazy\" class=\"mb-[4px]\" [src]=\"ICONS['message']\" alt=\"Message\" />\r\n <span class=\"votes-Count\"> 23 </span>\r\n </div>\r\n\r\n <div class=\"mb-[16px] flex flex-col items-center\">\r\n <img loading=\"lazy\" class=\"mb-[4px]\" [src]=\"ICONS['forward']\" alt=\"Forward\" />\r\n <span class=\"votes-Count\"> Share </span>\r\n </div>\r\n <div class=\"flex flex-col items-center\">\r\n <img loading=\"lazy\" class=\"mb-[4px]\" [src]=\"ICONS['badge_check']\" alt=\"Check\" />\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"text-white absolute w-full story-bottom-info\">\r\n <div class=\"flex-1\">\r\n <h2 class=\"text-2xl font-bold story-title mb-[8px]\">Adventure Tour</h2>\r\n <div class=\"mb-[12px]\">\r\n <h5 class=\"text-secondary opacity-80 text-[10px] xs:text-[9px] flex gap-[6px] items-center\">\r\n <img loading=\"lazy\" [src]=\"ICONS['userReal']\" alt=\"User\" width=\"12px\" height=\"12px\" />\r\n <span>{{ processedCardData?.userName }} - {{ processedCardData?.timeAgo }}</span>\r\n </h5>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center justify-between w-full\">\r\n <!-- Left-aligned div -->\r\n <div class=\"flex space-x-1 justify-start\">\r\n <span class=\"story-bottom-info-badge ellipsis story-bottom-buttons-pink\"><img loading=\"lazy\" [src]=\"ICONS['temp']\" alt=\"Place\" />\r\n Palace</span>\r\n <span class=\"story-bottom-info-badge ellipsis story-bottom-buttons-white\"><img loading=\"lazy\" [src]=\"ICONS['coffee']\" alt=\"Coffee\" />\r\n Coffee</span>\r\n <span class=\"story-bottom-info-badge ellipsis story-bottom-buttons-white\"><img loading=\"lazy\" [src]=\"ICONS['template']\" alt=\"Temple\" />\r\n Temple</span>\r\n <span class=\"story-bottom-info-badge font-bold story-bottom-buttons-white\">More +6</span>\r\n </div>\r\n <!-- Right-aligned div -->\r\n <div class=\"flex justify-end items-end\">\r\n <div class=\"flex\">\r\n <div class=\"flex items-end gap-x-2\">\r\n <span class=\"text-xs user-text text-nowrap\">\r\n {{ processedCardData?.users }}\r\n <span *ngIf=\"processedCardData && processedCardData!.users > 0\">Users</span>\r\n </span>\r\n <img loading=\"lazy\" [src]=\"processedCardData?.userimageSrc\" alt=\"UserPic\" />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".card-component{--width: auto;background:#27242c;padding:0;box-sizing:border-box}.carousel-container{display:flex;justify-content:center;align-items:center;height:82.5vh;overflow:hidden;padding:0;box-sizing:border-box}.carousel{position:relative;width:90%;height:100%;display:flex;flex-direction:column;align-items:center}.card{background-color:gray;position:relative;width:100%;border-radius:6.56px;box-shadow:0 4px 6px #0000001a;overflow:hidden;align-items:center;font-size:1.5rem;font-weight:700;transition:transform .5s ease-in-out,opacity .3s ease;transform:translateY(100%)}.card.above{transform:translateY(-100%);border-radius:0 0 6.56px 6.56px;opacity:.5;z-index:1;height:10%;width:90%}.card.active{transform:translateY(0);opacity:1;z-index:2;height:100%}.card.below{transform:translateY(100%);border-radius:6.56px 6.56px 0 0;opacity:.5;z-index:1;height:10%;width:90%}.card.slide-up{animation:slideUpIn .5s ease-out forwards}.card.slide-down{animation:slideDownOut .5s ease-in forwards}@keyframes slideUpIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDownOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.header-container{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#1a1a1a;border-radius:12px 12px 0 0}.header-container .back-btn,.header-container .menu-btn{background:none;border:none;font-size:20px;color:#fff;cursor:pointer}.header-container .user-info{display:flex;align-items:center;gap:8px}.header-container .user-info .avatar{width:32px;height:32px;border-radius:50%}.header-container .user-info .username{color:#fff;font-size:18px;font-weight:600}.header-container .user-info .icon-crown{color:gold;font-size:18px}.progress-bar{width:100%;height:2px;background:linear-gradient(to right,#eaeaea80,#eaeaea80);margin-top:4px;border-radius:2px;margin-left:2px}.story-content{background:#27242c;box-shadow:9.0255px 8.205px 22.1535px #111014a6,-4.1025px -4.1025px 13.128px #cbc7d140;border-radius:6.564px}.votes-Count{font-weight:600;font-size:9.846px;color:#fff;text-shadow:0px 1.06548px 2.13097px rgba(0,0,0,.5);line-height:100%}.story-title{font-weight:500;font-size:19.692px;line-height:100%;display:flex;align-items:center;color:#fff;text-shadow:0px 1.07px 2.13px 0px rgba(0,0,0,.5019607843)}.story-bottom-info-badge{font-family:Gilroy;font-style:normal;font-weight:500;font-size:8.205px;line-height:100%;display:flex;align-items:center;text-wrap:nowrap}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-bottom-buttons-pink{color:#fe3c72}.story-bottom-buttons-white{color:#fff}.story-text{font-weight:400;font-size:9.846px;line-height:150%;text-align:start;letter-spacing:-.011em;color:#fffc;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.read-more-text{position:absolute;right:0;bottom:0;font-weight:400;font-size:9.846px;line-height:150%;letter-spacing:-.011em;color:#fe3c72;padding-left:4px;background-color:#27242c}.story-avatar{width:20px;height:20px}.story-author{font-weight:500;font-style:Medium;font-size:13.13px;line-height:160%;letter-spacing:0%}.story-img{position:relative;z-index:0}.story-img:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#00000040,#0000001a 21.35%,#0000 51.04%,#00000038 69.27%,#00000059);z-index:1;pointer-events:none}.story-img>*{z-index:2}.pic-switch-bar{z-index:100}.custom-padding{padding-top:130px}.story-bottom-info{bottom:16px;padding:0 12px}.story-right-info{top:260px;right:8px}.user-text{font-size:9.85px;font-weight:600}\n"] }]
|
|
1010
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-custom-story-card', standalone: false, template: "<div class=\"carousel-container w-full bg-transparent\">\r\n <div class=\"carousel\">\r\n <div\r\n class=\"card active bg-cover bg-center bg-no-repeat story-img bg-transparent m-0\"\r\n [style.background-image]=\"'url(' + image + ')'\"\r\n >\r\n <div class=\"flex h-[50px] items-center\">\r\n <button (click)=\"goBack()\">\r\n <img loading=\"lazy\" [src]=\"ICONS['back']\" alt=\"Back\" class=\"p-[13px]\"/>\r\n </button>\r\n <h5 class=\"text-secondary text-[10px] xs:text-[9px] flex gap-[6px] items-center mx-[8px]\">\r\n <img loading=\"lazy\" [src]=\"ICONS['userReal']\" alt=\"User\" />\r\n <span>{{ processedCardData?.userName }} </span>\r\n <img loading=\"lazy\" [src]=\"ICONS['king']\" alt=\"Favorite\" />\r\n </h5>\r\n <app-icon-button (select)=\"handleMenueItemSelect()\" (buttonClick)=\"handleMenuClick()\" (change)=\"handleMenuItemChange()\"\r\n class=\"lib-menu-custom-class lib-menu-bg-none ms-auto\" [disableTextShadow]=\"true\" [libMenuItems]=\"libMenuItem\"\r\n [buttonIcon]=\"ICONS['horizontalWhite']\">\r\n </app-icon-button>\r\n </div>\r\n\r\n <div class=\"flex px-[12px]\">\r\n <div class=\"progress-bar\"></div>\r\n <div class=\"progress-bar\"></div>\r\n <div class=\"progress-bar\"></div>\r\n </div>\r\n\r\n <div class=\"p-[12px]\">\r\n <div class=\"flex items-start story-content mb-[30px] p-[12px]\" *ngFor=\"let item of [1, 2, 3]\" style=\"height: 91.9px;\">\r\n <div class=\"items-center sm:text-[10px] xs:text-[9px] flex flex-col gap-y-[0px] px-1\">\r\n <img loading=\"lazy\" [src]=\"ICONS['upvote']\" alt=\"Upvote\" />\r\n <span [class]=\"!isDraft ? 'text-primary' : 'drah-voter-header'\">\r\n {{ processedCardData?.upVotes }}\r\n </span>\r\n <img loading=\"lazy\" [src]=\"ICONS['downvote']\" alt=\"Downvote\" />\r\n </div>\r\n <div class=\"py-[8px] px-[4px]\">\r\n <h5 class=\"text-secondary mb-2 opacity-80 text-[20px] xs:text-[15px] flex gap-[6px] items-center\">\r\n <img loading=\"lazy\" class=\"story-avatar\" [src]=\"ICONS['userReal']\" alt=\"User\" width=\"20\" height=\"20\"/>\r\n <span class=\"story-author\">{{ processedCardData?.userName }} </span>\r\n <img loading=\"lazy\" [src]=\"ICONS['king']\" alt=\"Favorite\" />\r\n </h5>\r\n <div class=\"relative\">\r\n <p class=\"story-text\">\r\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt and also other texts\r\n <span class=\"read-more-text\">Read More</span>\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"flex items-start justify-end absolute story-right-info\">\r\n <div>\r\n <div class=\"mb-[26px] flex flex-col items-center\">\r\n <img loading=\"lazy\" [src]=\"ICONS['upvoteWhite']\" alt=\"Upvote\" />\r\n <span class=\"votes-Count\">\r\n {{ processedCardData?.upVotes }}\r\n </span>\r\n <img loading=\"lazy\" [src]=\"ICONS['downvoteWhite']\" alt=\"Downvote\" />\r\n </div>\r\n\r\n <div class=\"mb-[26px] flex flex-col items-center\">\r\n <img loading=\"lazy\" class=\"mb-[4px]\" [src]=\"ICONS['message']\" alt=\"Message\" />\r\n <span class=\"votes-Count\"> 23 </span>\r\n </div>\r\n\r\n <div class=\"mb-[16px] flex flex-col items-center\">\r\n <img loading=\"lazy\" class=\"mb-[4px]\" [src]=\"ICONS['forward']\" alt=\"Forward\" />\r\n <span class=\"votes-Count\"> Share </span>\r\n </div>\r\n <div class=\"flex flex-col items-center\">\r\n <img loading=\"lazy\" class=\"mb-[4px]\" [src]=\"ICONS['badge_check']\" alt=\"Check\" />\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"text-white absolute w-full story-bottom-info\">\r\n <div class=\"flex-1\">\r\n <h2 class=\"text-2xl font-bold story-title mb-[8px]\">Adventure Tour</h2>\r\n <div class=\"mb-[12px]\">\r\n <h5 class=\"text-secondary opacity-80 text-[10px] xs:text-[9px] flex gap-[6px] items-center\">\r\n <img loading=\"lazy\" [src]=\"ICONS['userReal']\" alt=\"User\" width=\"12px\" height=\"12px\" />\r\n <span>{{ processedCardData?.userName }} - {{ processedCardData?.timeAgo }}</span>\r\n </h5>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center justify-between w-full\">\r\n <!-- Left-aligned div -->\r\n <div class=\"flex space-x-1 justify-start\">\r\n <span class=\"story-bottom-info-badge ellipsis story-bottom-buttons-pink\"><img loading=\"lazy\" [src]=\"ICONS['temp']\" alt=\"Place\" />\r\n Palace</span>\r\n <span class=\"story-bottom-info-badge ellipsis story-bottom-buttons-white\"><img loading=\"lazy\" [src]=\"ICONS['coffee']\" alt=\"Coffee\" />\r\n Coffee</span>\r\n <span class=\"story-bottom-info-badge ellipsis story-bottom-buttons-white\"><img loading=\"lazy\" [src]=\"ICONS['template']\" alt=\"Temple\" />\r\n Temple</span>\r\n <span class=\"story-bottom-info-badge font-bold story-bottom-buttons-white\">More +6</span>\r\n </div>\r\n <!-- Right-aligned div -->\r\n <div class=\"flex justify-end items-end\">\r\n <div class=\"flex\">\r\n <div class=\"flex items-end gap-x-2\">\r\n <span class=\"text-xs user-text text-nowrap\">\r\n {{ processedCardData?.users }}\r\n <span *ngIf=\"processedCardData && processedCardData!.users > 0\">Users</span>\r\n </span>\r\n <img loading=\"lazy\" [src]=\"processedCardData?.userimageSrc\" alt=\"UserPic\" />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".card-component{--width: auto;background:#27242c;padding:0;box-sizing:border-box}.carousel-container{display:flex;justify-content:center;align-items:center;height:82.5vh;overflow:hidden;padding:0;box-sizing:border-box}.carousel{position:relative;width:90%;height:100%;display:flex;flex-direction:column;align-items:center}.card{background-color:gray;position:relative;width:100%;border-radius:6.56px;box-shadow:0 4px 6px #0000001a;overflow:hidden;align-items:center;font-size:1.5rem;font-weight:700;transition:transform .5s ease-in-out,opacity .3s ease;transform:translateY(100%)}.card.above{transform:translateY(-100%);border-radius:0 0 6.56px 6.56px;opacity:.5;z-index:1;height:10%;width:90%}.card.active{transform:translateY(0);opacity:1;z-index:2;height:100%}.card.below{transform:translateY(100%);border-radius:6.56px 6.56px 0 0;opacity:.5;z-index:1;height:10%;width:90%}.card.slide-up{animation:slideUpIn .5s ease-out forwards}.card.slide-down{animation:slideDownOut .5s ease-in forwards}@keyframes slideUpIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDownOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.header-container{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#1a1a1a;border-radius:12px 12px 0 0}.header-container .back-btn,.header-container .menu-btn{background:none;border:none;font-size:20px;color:#fff;cursor:pointer}.header-container .user-info{display:flex;align-items:center;gap:8px}.header-container .user-info .avatar{width:32px;height:32px;border-radius:50%}.header-container .user-info .username{color:#fff;font-size:18px;font-weight:600}.header-container .user-info .icon-crown{color:gold;font-size:18px}.progress-bar{width:100%;height:2px;background:linear-gradient(to right,#eaeaea80,#eaeaea80);margin-top:4px;border-radius:2px;margin-left:2px}.story-content{background:#27242c;box-shadow:9.0255px 8.205px 22.1535px #111014a6,-4.1025px -4.1025px 13.128px #cbc7d140;border-radius:6.564px}.votes-Count{font-weight:600;font-size:9.846px;color:#fff;text-shadow:0px 1.06548px 2.13097px rgba(0,0,0,.5);line-height:100%}.story-title{font-weight:500;font-size:19.692px;line-height:100%;display:flex;align-items:center;color:#fff;text-shadow:0px 1.07px 2.13px 0px rgba(0,0,0,.5019607843)}.story-bottom-info-badge{font-family:Gilroy;font-style:normal;font-weight:500;font-size:8.205px;line-height:100%;display:flex;align-items:center;text-wrap:nowrap}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-bottom-buttons-pink{color:#fe3c72}.story-bottom-buttons-white{color:#fff}.story-text{font-weight:400;font-size:9.846px;line-height:150%;text-align:start;letter-spacing:-.011em;color:#fffc;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.read-more-text{position:absolute;right:0;bottom:0;font-weight:400;font-size:9.846px;line-height:150%;letter-spacing:-.011em;color:#fe3c72;padding-left:4px;background-color:#27242c}.story-avatar{width:20px;height:20px}.story-author{font-weight:500;font-style:Medium;font-size:13.13px;line-height:160%;letter-spacing:0%}.story-img{position:relative;z-index:0}.story-img:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#00000040,#0000001a 21.35%,#0000 51.04%,#00000038 69.27%,#00000059);z-index:1;pointer-events:none}.story-img>*{z-index:2}.pic-switch-bar{z-index:100}.custom-padding{padding-top:130px}.story-bottom-info{bottom:16px;padding:0 12px}.story-right-info{top:260px;right:8px}.user-text{font-size:9.85px;font-weight:600}\n"] }]
|
|
969
1011
|
}], ctorParameters: () => [{ type: ApiService }, { type: i0.ChangeDetectorRef }, { type: i1$2.Location }, { type: i1.ActivatedRoute }, { type: NavigationHelperService }], propDecorators: { libMenuItem: [{
|
|
970
1012
|
type: Input
|
|
971
1013
|
}], isDraft: [{
|
|
@@ -1152,11 +1194,11 @@ class CutomCardComponent {
|
|
|
1152
1194
|
this.itineraryWatchingUsersClicked.emit();
|
|
1153
1195
|
}
|
|
1154
1196
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CutomCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1155
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CutomCardComponent, selector: "app-cutom-card", inputs: { libMenuItem: "libMenuItem", isDraft: "isDraft", cardData: "cardData", displayPublishStatus: "displayPublishStatus", images: "images", itineraryStarted: "itineraryStarted" }, outputs: { StartItineraryClick: "StartItineraryClick", TitleClicked: "TitleClicked", forkClicked: "forkClicked", messageClicked: "messageClicked", userProfileClicked: "userProfileClicked", itineraryWatchingUsersClicked: "itineraryWatchingUsersClicked", imageClicked: "imageClicked", eyeClicked: "eyeClicked", menuClicked: "menuClicked" }, ngImport: i0, template: "<lib-base-card *ngIf=\"processedCardData\" class=\"card-component px-4 py-4 my-2 rounded-lg outset-downshadow\">\r\n <div class=\"flex items-start justify-between mb-2\">\r\n <div class=\"flex gap-5 items-start\">\r\n <div [class]=\"\r\n !isDraft\r\n ? ' text-primary'\r\n : '' +\r\n ' items-center sm:text-[10px] xs:text-[9px] flex flex-col gap-y-[0px]'\r\n \">\r\n <img [src]=\"!isDraft ? ICONS['upvote'] : ICONS['upArrowWhite']\" alt=\"\" />\r\n <span [class]=\"!isDraft ? 'text-primary' : 'drah-voter-header'\">\r\n {{ parseStringToNumber(processedCardData.upVotes) | votes }}\r\n </span>\r\n <img [src]=\"ICONS['downvote']\" alt=\"\" />\r\n </div>\r\n <div (click)=\"handleTitleClick()\" class=\"\">\r\n <h4 class=\"title medium-14 p-0 m-0\">\r\n {{ processedCardData.title }}\r\n </h4>\r\n <h5 class=\"text-secondary opacity-80 text-[10px] xs:text-[9px] flex gap-[6px] items-center\">\r\n <img [src]=\"ICONS['user']\" alt=\"\" />\r\n <span>{{ processedCardData.userName }} -\r\n {{ processedCardData.timeAgo }}</span>\r\n </h5>\r\n </div>\r\n </div>\r\n <ng-container *ngIf=\"displayPublishStatus\">\r\n <div class=\"draft-header lg:ml-[36px]\" *ngIf=\"processedCardData.isDraft\">\r\n {{ \"DRAFT_SAVED\" | translate }}\r\n </div>\r\n <div class=\"draft-header lg:ml-[36px]\" *ngIf=\"!processedCardData.isDraft\">\r\n Published\r\n </div>\r\n </ng-container>\r\n\r\n <div class=\"flex items-center\">\r\n <
|
|
1197
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CutomCardComponent, selector: "app-cutom-card", inputs: { libMenuItem: "libMenuItem", isDraft: "isDraft", cardData: "cardData", displayPublishStatus: "displayPublishStatus", images: "images", itineraryStarted: "itineraryStarted" }, outputs: { StartItineraryClick: "StartItineraryClick", TitleClicked: "TitleClicked", forkClicked: "forkClicked", messageClicked: "messageClicked", userProfileClicked: "userProfileClicked", itineraryWatchingUsersClicked: "itineraryWatchingUsersClicked", imageClicked: "imageClicked", eyeClicked: "eyeClicked", menuClicked: "menuClicked" }, ngImport: i0, template: "<lib-base-card *ngIf=\"processedCardData\" class=\"card-component px-4 py-4 my-2 rounded-lg outset-downshadow\">\r\n <div class=\"flex items-start justify-between mb-2\">\r\n <div class=\"flex gap-5 items-start\">\r\n <div [class]=\"\r\n !isDraft\r\n ? ' text-primary'\r\n : '' +\r\n ' items-center sm:text-[10px] xs:text-[9px] flex flex-col gap-y-[0px]'\r\n \">\r\n <img [src]=\"!isDraft ? ICONS['upvote'] : ICONS['upArrowWhite']\" alt=\"\" />\r\n <span [class]=\"!isDraft ? 'text-primary' : 'drah-voter-header'\">\r\n {{ parseStringToNumber(processedCardData.upVotes) | votes }}\r\n </span>\r\n <img [src]=\"ICONS['downvote']\" alt=\"\" />\r\n </div>\r\n <div (click)=\"handleTitleClick()\" class=\"\">\r\n <h4 class=\"title medium-14 p-0 m-0\">\r\n {{ processedCardData.title }}\r\n </h4>\r\n <h5 class=\"text-secondary opacity-80 text-[10px] xs:text-[9px] flex gap-[6px] items-center\">\r\n <img [src]=\"ICONS['user']\" alt=\"\" />\r\n <span>{{ processedCardData.userName }} -\r\n {{ processedCardData.timeAgo }}</span>\r\n </h5>\r\n </div>\r\n </div>\r\n <ng-container *ngIf=\"displayPublishStatus\">\r\n <div class=\"draft-header lg:ml-[36px]\" *ngIf=\"processedCardData.isDraft\">\r\n {{ \"DRAFT_SAVED\" | translate }}\r\n </div>\r\n <div class=\"draft-header lg:ml-[36px]\" *ngIf=\"!processedCardData.isDraft\">\r\n Published\r\n </div>\r\n </ng-container>\r\n\r\n <div class=\"flex items-center\">\r\n <app-icon-button\r\n (select)=\"handleMenueItemSelect()\"\r\n (buttonClick)=\"handleMenuClick()\"\r\n (change)=\"handleMenuItemChange()\"\r\n id=\"lib-menu-btn\"\r\n class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n [disableTextShadow]=\"true\"\r\n [libMenuItems]=\"libMenuItem\"\r\n [buttonIcon]=\"ICONS['horizontal']\"\r\n ></app-icon-button>\r\n </div>\r\n </div>\r\n <hr class=\"h-1 text-secondary opacity-25\" />\r\n <div class=\"my-2 flex items-start gap-x-5\">\r\n <div\r\n (click)=\"handleImageClick()\"\r\n class=\"1 mb-0 flex flex-col items-center justify-center w-[80px]\"\r\n >\r\n <img\r\n class=\"card-image\"\r\n [src]=\"processedCardData.imageSrc\"\r\n alt=\"\"\r\n width=\"100\"\r\n />\r\n </div>\r\n <div class=\"2 flex-1\">\r\n <div *ngIf=\"!cardData?.isDraft\" class=\"font-normal text-secondary flex items-center gap-x-4 text-sm\">\r\n <ul class=\"flex flex-col gap-y-[6px] xs:text-[9px] sm:text-[12px]\">\r\n <li *ngFor=\"let location of cardDataForLocations.locationColumn1\"\r\n class=\"location-item flex items-center gap-1\">\r\n <img [src]=\"location.icon\" alt=\"\" />\r\n <span class=\"truncate sm:max-w-10 xs:max-w-11\">{{\r\n location.name\r\n }}</span>\r\n </li>\r\n </ul>\r\n <ul class=\"flex flex-col gap-y-[6px] xs:text-[9px] sm:text-[12px]\">\r\n <li *ngFor=\"let location of cardDataForLocations.locationColumn2\"\r\n class=\"location-item flex items-center gap-1\">\r\n <img [src]=\"location.icon\" alt=\"\" />\r\n <span class=\"truncate sm:max-w-10 xs:max-w-11\">{{\r\n location.name\r\n }}</span>\r\n </li>\r\n </ul>\r\n </div>\r\n <p *ngIf=\"processedCardData.isDraft\" class=\"text-xs draft-description\">\r\n {{ \"FINISH_ITINERARY_CREATION\" | translate }}\r\n </p>\r\n </div>\r\n </div>\r\n <hr class=\"h-1 text-secondary opacity-25\" />\r\n <div class=\"my-2 flex items-center justify-between\">\r\n <div\r\n class=\"flex items-center justify-between sm:gap-x-7 xs:gap-x-5 sm:text-sm xs:text-[9px] text-secondary\"\r\n >\r\n <div (click)=\"handleEyeClicked()\" class=\"flex items-center gap-x-[6px]\">\r\n <img class=\"bottom-icons\" [src]=\"ICONS['eye']\" alt=\"\" />\r\n <span class=\"bottom-tags\">{{ processedCardData.views }}</span>\r\n </div>\r\n <div (click)=\"handleMessageClicked()\" class=\"flex items-center gap-x-[6px]\">\r\n <img class=\"bottom-icons\" [src]=\"ICONS['comment2']\" alt=\"\" />\r\n <span class=\"bottom-tags\">{{ processedCardData.comments }}</span>\r\n </div>\r\n <div (click)=\"handleForkClick()\" class=\"flex items-center gap-x-[6px]\">\r\n <img class=\"bottom-icons\" [src]=\"ICONS['fork']\" alt=\"\" />\r\n <span class=\"bottom-tags\">{{ processedCardData.shares }}</span>\r\n </div>\r\n </div>\r\n <div (click)=\"handleUserProfileClicked()\" class=\"flex items-center gap-x-1\">\r\n <span class=\"text-[13px] userIconText\">\r\n {{ processedCardData.users }}\r\n <span class=\"user-icon-text\" *ngIf=\"processedCardData.users > 0\">Users</span>\r\n </span>\r\n <app-users-stack [size]=\"14\" [images]=\"images\"></app-users-stack>\r\n </div>\r\n </div>\r\n</lib-base-card>\r\n", styles: [".card-component{--width: auto;background:#27242c}.bottom-tags{font-size:12px}.draft-header{color:#bdbdbd;font-weight:400!important;font-size:11px!important;margin-top:7px;position:relative}.draft-description{color:#fff}.usericon-text{color:#bdbdbd;margin-top:2px;font-size:11px}.bottom-icons{height:15px;width:16px}.bottom-icons:last-child{height:16px!important;width:17px!important}.card-image{width:100%}.bottom-bar-loc{background:#413f47!important;width:5rem!important;bottom:1rem!important}.location-item-main{font-size:12px}.location-item-main span{margin-top:2px;font-size:12px}.location-item span{color:#bbbabc!important;font-size:13px;margin-top:2px}.drah-voter-header{font-family:Gilroy-Thin;margin-top:5px!important}.title{font-family:var(--font-gilroy-bold)}.h-1{opacity:.1!important}.content-card{padding:0!important}.startItinerary{position:relative;top:-4px}\n"], dependencies: [{ kind: "component", type: i5.BaseCardComponent, selector: "lib-base-card" }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UsersStackComponent, selector: "app-users-stack", inputs: ["images", "maxVisible", "size", "loading", "class", "isSelectableVisible", "selectableOption"] }, { kind: "component", type: IconButtonComponent, selector: "app-icon-button", inputs: ["buttonIcon", "disableTextShadow", "class", "libMenuItems", "buttonText"], outputs: ["buttonClick", "select", "change"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: VotesPipe, name: "votes" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1156
1198
|
}
|
|
1157
1199
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CutomCardComponent, decorators: [{
|
|
1158
1200
|
type: Component,
|
|
1159
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-cutom-card', standalone: false, template: "<lib-base-card *ngIf=\"processedCardData\" class=\"card-component px-4 py-4 my-2 rounded-lg outset-downshadow\">\r\n <div class=\"flex items-start justify-between mb-2\">\r\n <div class=\"flex gap-5 items-start\">\r\n <div [class]=\"\r\n !isDraft\r\n ? ' text-primary'\r\n : '' +\r\n ' items-center sm:text-[10px] xs:text-[9px] flex flex-col gap-y-[0px]'\r\n \">\r\n <img [src]=\"!isDraft ? ICONS['upvote'] : ICONS['upArrowWhite']\" alt=\"\" />\r\n <span [class]=\"!isDraft ? 'text-primary' : 'drah-voter-header'\">\r\n {{ parseStringToNumber(processedCardData.upVotes) | votes }}\r\n </span>\r\n <img [src]=\"ICONS['downvote']\" alt=\"\" />\r\n </div>\r\n <div (click)=\"handleTitleClick()\" class=\"\">\r\n <h4 class=\"title medium-14 p-0 m-0\">\r\n {{ processedCardData.title }}\r\n </h4>\r\n <h5 class=\"text-secondary opacity-80 text-[10px] xs:text-[9px] flex gap-[6px] items-center\">\r\n <img [src]=\"ICONS['user']\" alt=\"\" />\r\n <span>{{ processedCardData.userName }} -\r\n {{ processedCardData.timeAgo }}</span>\r\n </h5>\r\n </div>\r\n </div>\r\n <ng-container *ngIf=\"displayPublishStatus\">\r\n <div class=\"draft-header lg:ml-[36px]\" *ngIf=\"processedCardData.isDraft\">\r\n {{ \"DRAFT_SAVED\" | translate }}\r\n </div>\r\n <div class=\"draft-header lg:ml-[36px]\" *ngIf=\"!processedCardData.isDraft\">\r\n Published\r\n </div>\r\n </ng-container>\r\n\r\n <div class=\"flex items-center\">\r\n <
|
|
1201
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-cutom-card', standalone: false, template: "<lib-base-card *ngIf=\"processedCardData\" class=\"card-component px-4 py-4 my-2 rounded-lg outset-downshadow\">\r\n <div class=\"flex items-start justify-between mb-2\">\r\n <div class=\"flex gap-5 items-start\">\r\n <div [class]=\"\r\n !isDraft\r\n ? ' text-primary'\r\n : '' +\r\n ' items-center sm:text-[10px] xs:text-[9px] flex flex-col gap-y-[0px]'\r\n \">\r\n <img [src]=\"!isDraft ? ICONS['upvote'] : ICONS['upArrowWhite']\" alt=\"\" />\r\n <span [class]=\"!isDraft ? 'text-primary' : 'drah-voter-header'\">\r\n {{ parseStringToNumber(processedCardData.upVotes) | votes }}\r\n </span>\r\n <img [src]=\"ICONS['downvote']\" alt=\"\" />\r\n </div>\r\n <div (click)=\"handleTitleClick()\" class=\"\">\r\n <h4 class=\"title medium-14 p-0 m-0\">\r\n {{ processedCardData.title }}\r\n </h4>\r\n <h5 class=\"text-secondary opacity-80 text-[10px] xs:text-[9px] flex gap-[6px] items-center\">\r\n <img [src]=\"ICONS['user']\" alt=\"\" />\r\n <span>{{ processedCardData.userName }} -\r\n {{ processedCardData.timeAgo }}</span>\r\n </h5>\r\n </div>\r\n </div>\r\n <ng-container *ngIf=\"displayPublishStatus\">\r\n <div class=\"draft-header lg:ml-[36px]\" *ngIf=\"processedCardData.isDraft\">\r\n {{ \"DRAFT_SAVED\" | translate }}\r\n </div>\r\n <div class=\"draft-header lg:ml-[36px]\" *ngIf=\"!processedCardData.isDraft\">\r\n Published\r\n </div>\r\n </ng-container>\r\n\r\n <div class=\"flex items-center\">\r\n <app-icon-button\r\n (select)=\"handleMenueItemSelect()\"\r\n (buttonClick)=\"handleMenuClick()\"\r\n (change)=\"handleMenuItemChange()\"\r\n id=\"lib-menu-btn\"\r\n class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n [disableTextShadow]=\"true\"\r\n [libMenuItems]=\"libMenuItem\"\r\n [buttonIcon]=\"ICONS['horizontal']\"\r\n ></app-icon-button>\r\n </div>\r\n </div>\r\n <hr class=\"h-1 text-secondary opacity-25\" />\r\n <div class=\"my-2 flex items-start gap-x-5\">\r\n <div\r\n (click)=\"handleImageClick()\"\r\n class=\"1 mb-0 flex flex-col items-center justify-center w-[80px]\"\r\n >\r\n <img\r\n class=\"card-image\"\r\n [src]=\"processedCardData.imageSrc\"\r\n alt=\"\"\r\n width=\"100\"\r\n />\r\n </div>\r\n <div class=\"2 flex-1\">\r\n <div *ngIf=\"!cardData?.isDraft\" class=\"font-normal text-secondary flex items-center gap-x-4 text-sm\">\r\n <ul class=\"flex flex-col gap-y-[6px] xs:text-[9px] sm:text-[12px]\">\r\n <li *ngFor=\"let location of cardDataForLocations.locationColumn1\"\r\n class=\"location-item flex items-center gap-1\">\r\n <img [src]=\"location.icon\" alt=\"\" />\r\n <span class=\"truncate sm:max-w-10 xs:max-w-11\">{{\r\n location.name\r\n }}</span>\r\n </li>\r\n </ul>\r\n <ul class=\"flex flex-col gap-y-[6px] xs:text-[9px] sm:text-[12px]\">\r\n <li *ngFor=\"let location of cardDataForLocations.locationColumn2\"\r\n class=\"location-item flex items-center gap-1\">\r\n <img [src]=\"location.icon\" alt=\"\" />\r\n <span class=\"truncate sm:max-w-10 xs:max-w-11\">{{\r\n location.name\r\n }}</span>\r\n </li>\r\n </ul>\r\n </div>\r\n <p *ngIf=\"processedCardData.isDraft\" class=\"text-xs draft-description\">\r\n {{ \"FINISH_ITINERARY_CREATION\" | translate }}\r\n </p>\r\n </div>\r\n </div>\r\n <hr class=\"h-1 text-secondary opacity-25\" />\r\n <div class=\"my-2 flex items-center justify-between\">\r\n <div\r\n class=\"flex items-center justify-between sm:gap-x-7 xs:gap-x-5 sm:text-sm xs:text-[9px] text-secondary\"\r\n >\r\n <div (click)=\"handleEyeClicked()\" class=\"flex items-center gap-x-[6px]\">\r\n <img class=\"bottom-icons\" [src]=\"ICONS['eye']\" alt=\"\" />\r\n <span class=\"bottom-tags\">{{ processedCardData.views }}</span>\r\n </div>\r\n <div (click)=\"handleMessageClicked()\" class=\"flex items-center gap-x-[6px]\">\r\n <img class=\"bottom-icons\" [src]=\"ICONS['comment2']\" alt=\"\" />\r\n <span class=\"bottom-tags\">{{ processedCardData.comments }}</span>\r\n </div>\r\n <div (click)=\"handleForkClick()\" class=\"flex items-center gap-x-[6px]\">\r\n <img class=\"bottom-icons\" [src]=\"ICONS['fork']\" alt=\"\" />\r\n <span class=\"bottom-tags\">{{ processedCardData.shares }}</span>\r\n </div>\r\n </div>\r\n <div (click)=\"handleUserProfileClicked()\" class=\"flex items-center gap-x-1\">\r\n <span class=\"text-[13px] userIconText\">\r\n {{ processedCardData.users }}\r\n <span class=\"user-icon-text\" *ngIf=\"processedCardData.users > 0\">Users</span>\r\n </span>\r\n <app-users-stack [size]=\"14\" [images]=\"images\"></app-users-stack>\r\n </div>\r\n </div>\r\n</lib-base-card>\r\n", styles: [".card-component{--width: auto;background:#27242c}.bottom-tags{font-size:12px}.draft-header{color:#bdbdbd;font-weight:400!important;font-size:11px!important;margin-top:7px;position:relative}.draft-description{color:#fff}.usericon-text{color:#bdbdbd;margin-top:2px;font-size:11px}.bottom-icons{height:15px;width:16px}.bottom-icons:last-child{height:16px!important;width:17px!important}.card-image{width:100%}.bottom-bar-loc{background:#413f47!important;width:5rem!important;bottom:1rem!important}.location-item-main{font-size:12px}.location-item-main span{margin-top:2px;font-size:12px}.location-item span{color:#bbbabc!important;font-size:13px;margin-top:2px}.drah-voter-header{font-family:Gilroy-Thin;margin-top:5px!important}.title{font-family:var(--font-gilroy-bold)}.h-1{opacity:.1!important}.content-card{padding:0!important}.startItinerary{position:relative;top:-4px}\n"] }]
|
|
1160
1202
|
}], ctorParameters: () => [], propDecorators: { libMenuItem: [{
|
|
1161
1203
|
type: Input
|
|
1162
1204
|
}], isDraft: [{
|
|
@@ -1313,14 +1355,14 @@ class FooterComponent {
|
|
|
1313
1355
|
}
|
|
1314
1356
|
initShadowrootHandler() {
|
|
1315
1357
|
const targetNode = this.el.nativeElement;
|
|
1316
|
-
this.shadowrootHandler.accessShadowRoot(targetNode, '
|
|
1358
|
+
this.shadowrootHandler.accessShadowRoot(targetNode, 'app-bottom-modal', () => {
|
|
1317
1359
|
this.applyStylesToDialog();
|
|
1318
1360
|
});
|
|
1319
1361
|
}
|
|
1320
1362
|
applyStylesToDialog() {
|
|
1321
|
-
const targetNode = this.el.nativeElement.querySelector('
|
|
1363
|
+
const targetNode = this.el.nativeElement.querySelector('app-bottom-modal');
|
|
1322
1364
|
if (targetNode) {
|
|
1323
|
-
const classNameElements = targetNode.getElementsByClassName('
|
|
1365
|
+
const classNameElements = targetNode.getElementsByClassName('app-bottom-modal');
|
|
1324
1366
|
if (classNameElements.length > 0) {
|
|
1325
1367
|
const dialogDiv = classNameElements[0].shadowRoot?.querySelector('div[role="dialog"]');
|
|
1326
1368
|
if (dialogDiv) {
|
|
@@ -1341,11 +1383,11 @@ class FooterComponent {
|
|
|
1341
1383
|
}
|
|
1342
1384
|
}
|
|
1343
1385
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterComponent, deps: [{ token: i0.ElementRef }, { token: ShadowRootHandlerService }, { token: BottomNavigationService }, { token: i0.ChangeDetectorRef }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
1344
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FooterComponent, selector: "app-footer", ngImport: i0, template: "<div class=\"bottom-nav-main\">\r\n <app-bottom-navigation-items\r\n (click)=\"navigate(bottomNavigationService.bottomNavList, item)\"\r\n *ngFor=\"let item of bottomNavigationService.bottomNavList\"\r\n [cssClass]=\"item.cssClass\"\r\n [routerLink]=\"item.routerLink\"\r\n [label]=\"item.label\"\r\n [iconPath]=\"\r\n item.cssClass == 'active' ? item.clickedIconPath : item.iconPath\r\n \"\r\n />\r\n</div>", styles: [".bottom-navigation{background:#28252d;padding:15px 10px;z-index:999;box-shadow:var(--
|
|
1386
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FooterComponent, selector: "app-footer", ngImport: i0, template: "<div class=\"bottom-nav-main\">\r\n <app-bottom-navigation-items\r\n (click)=\"navigate(bottomNavigationService.bottomNavList, item)\"\r\n *ngFor=\"let item of bottomNavigationService.bottomNavList\"\r\n [cssClass]=\"item.cssClass\"\r\n [routerLink]=\"item.routerLink\"\r\n [label]=\"item.label\"\r\n [iconPath]=\"\r\n item.cssClass == 'active' ? item.clickedIconPath : item.iconPath\r\n \"\r\n />\r\n</div>", styles: [".bottom-navigation{background:#28252d;padding:15px 10px;z-index:999;box-shadow:var(--app-popup-modal-shadow, 5px 5px 95px 0px rgba(255, 255, 255, .32), -3px -3px 16px 0px rgba(255, 255, 255, .1))!important}.bottom-nav-main{display:flex;position:fixed!important;bottom:0!important;justify-content:space-between!important;width:100%!important;padding:23.09px 25.98px;background-color:#27242c;left:0}@media (min-width: 768px){.bottom-nav-main{display:none}}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$4.RouterLinkDelegate, selector: ":not(a):not(area)[routerLink]" }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: BottomNavigationItemsComponent, selector: "app-bottom-navigation-items", inputs: ["label", "iconPath", "routerLink", "cssClass", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1345
1387
|
}
|
|
1346
1388
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterComponent, decorators: [{
|
|
1347
1389
|
type: Component,
|
|
1348
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-footer', encapsulation: ViewEncapsulation.Emulated, standalone: false, template: "<div class=\"bottom-nav-main\">\r\n <app-bottom-navigation-items\r\n (click)=\"navigate(bottomNavigationService.bottomNavList, item)\"\r\n *ngFor=\"let item of bottomNavigationService.bottomNavList\"\r\n [cssClass]=\"item.cssClass\"\r\n [routerLink]=\"item.routerLink\"\r\n [label]=\"item.label\"\r\n [iconPath]=\"\r\n item.cssClass == 'active' ? item.clickedIconPath : item.iconPath\r\n \"\r\n />\r\n</div>", styles: [".bottom-navigation{background:#28252d;padding:15px 10px;z-index:999;box-shadow:var(--
|
|
1390
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-footer', encapsulation: ViewEncapsulation.Emulated, standalone: false, template: "<div class=\"bottom-nav-main\">\r\n <app-bottom-navigation-items\r\n (click)=\"navigate(bottomNavigationService.bottomNavList, item)\"\r\n *ngFor=\"let item of bottomNavigationService.bottomNavList\"\r\n [cssClass]=\"item.cssClass\"\r\n [routerLink]=\"item.routerLink\"\r\n [label]=\"item.label\"\r\n [iconPath]=\"\r\n item.cssClass == 'active' ? item.clickedIconPath : item.iconPath\r\n \"\r\n />\r\n</div>", styles: [".bottom-navigation{background:#28252d;padding:15px 10px;z-index:999;box-shadow:var(--app-popup-modal-shadow, 5px 5px 95px 0px rgba(255, 255, 255, .32), -3px -3px 16px 0px rgba(255, 255, 255, .1))!important}.bottom-nav-main{display:flex;position:fixed!important;bottom:0!important;justify-content:space-between!important;width:100%!important;padding:23.09px 25.98px;background-color:#27242c;left:0}@media (min-width: 768px){.bottom-nav-main{display:none}}\n"] }]
|
|
1349
1391
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: ShadowRootHandlerService }, { type: BottomNavigationService }, { type: i0.ChangeDetectorRef }, { type: i1.Router }] });
|
|
1350
1392
|
|
|
1351
1393
|
// import {
|
|
@@ -1410,11 +1452,11 @@ class HeaderComponent {
|
|
|
1410
1452
|
this.titleIconClick.emit();
|
|
1411
1453
|
}
|
|
1412
1454
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1413
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeaderComponent, selector: "app-header", inputs: { heading: "heading", headerRightIcon: "headerRightIcon", titleIcon: "titleIcon", cssClass: "cssClass", headerSuffixTemplate: "headerSuffixTemplate" }, outputs: { firstButton: "firstButton", titleIconClick: "titleIconClick" }, ngImport: i0, template: "<div\r\n [class]=\"'header-main-bar flex items-center justify-between ' + cssClass\"\r\n>\r\n <lib-icon-btn class=\"checkmark-icon-button w-[20%]\" (click)=\"firstButtonClick()\">\r\n <img [ngSrc]=\"ICONS['back']\" height=\"12.5\" width=\"14\" />\r\n </lib-icon-btn>\r\n <div class=\"flex w-[60%] justify-center\">\r\n <h4 class=\"mr-1\">{{ heading }}</h4>\r\n <img\r\n *ngIf=\"titleIcon\"\r\n [src]=\"ICONS['editPink']\"\r\n (click)=\"onTitleIconClick()\"\r\n height=\"8\"\r\n width=\"8\"\r\n />\r\n </div>\r\n <div class=\"w-[20%] flex justify-end\">\r\n <ng-container *ngIf=\"headerSuffixTemplate\">\r\n <ng-container *ngTemplateOutlet=\"headerSuffixTemplate\"></ng-container>\r\n </ng-container>\r\n <div *ngIf=\"!headerSuffixTemplate\"></div>\r\n </div>\r\n</div>\r\n", styles: [".header-main-bar{font-family:Calistoga,cursive;margin-top:54px}.header-main-bar h4{font-size:14.77px!important}.checkmark-icon-button{transform:scale(.9)}::ng-deep .
|
|
1455
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeaderComponent, selector: "app-header", inputs: { heading: "heading", headerRightIcon: "headerRightIcon", titleIcon: "titleIcon", cssClass: "cssClass", headerSuffixTemplate: "headerSuffixTemplate" }, outputs: { firstButton: "firstButton", titleIconClick: "titleIconClick" }, ngImport: i0, template: "<div\r\n [class]=\"'header-main-bar flex items-center justify-between ' + cssClass\"\r\n>\r\n <lib-icon-btn class=\"checkmark-icon-button w-[20%]\" (click)=\"firstButtonClick()\">\r\n <img [ngSrc]=\"ICONS['back']\" height=\"12.5\" width=\"14\" />\r\n </lib-icon-btn>\r\n <div class=\"flex w-[60%] justify-center\">\r\n <h4 class=\"mr-1\">{{ heading }}</h4>\r\n <img\r\n *ngIf=\"titleIcon\"\r\n [src]=\"ICONS['editPink']\"\r\n (click)=\"onTitleIconClick()\"\r\n height=\"8\"\r\n width=\"8\"\r\n />\r\n </div>\r\n <div class=\"w-[20%] flex justify-end\">\r\n <ng-container *ngIf=\"headerSuffixTemplate\">\r\n <ng-container *ngTemplateOutlet=\"headerSuffixTemplate\"></ng-container>\r\n </ng-container>\r\n <div *ngIf=\"!headerSuffixTemplate\"></div>\r\n </div>\r\n</div>\r\n", styles: [".header-main-bar{font-family:Calistoga,cursive;margin-top:54px}.header-main-bar h4{font-size:14.77px!important}.checkmark-icon-button{transform:scale(.9)}::ng-deep .app-popup-modal{--background: transparent !important;--box-shadow: none !important}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5.IconBtnComponent, selector: "lib-icon-btn", inputs: ["hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "notificationCount", "loading$", "illuminateIcon"] }, { kind: "directive", type: i1$2.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1414
1456
|
}
|
|
1415
1457
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderComponent, decorators: [{
|
|
1416
1458
|
type: Component,
|
|
1417
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-header', standalone: false, template: "<div\r\n [class]=\"'header-main-bar flex items-center justify-between ' + cssClass\"\r\n>\r\n <lib-icon-btn class=\"checkmark-icon-button w-[20%]\" (click)=\"firstButtonClick()\">\r\n <img [ngSrc]=\"ICONS['back']\" height=\"12.5\" width=\"14\" />\r\n </lib-icon-btn>\r\n <div class=\"flex w-[60%] justify-center\">\r\n <h4 class=\"mr-1\">{{ heading }}</h4>\r\n <img\r\n *ngIf=\"titleIcon\"\r\n [src]=\"ICONS['editPink']\"\r\n (click)=\"onTitleIconClick()\"\r\n height=\"8\"\r\n width=\"8\"\r\n />\r\n </div>\r\n <div class=\"w-[20%] flex justify-end\">\r\n <ng-container *ngIf=\"headerSuffixTemplate\">\r\n <ng-container *ngTemplateOutlet=\"headerSuffixTemplate\"></ng-container>\r\n </ng-container>\r\n <div *ngIf=\"!headerSuffixTemplate\"></div>\r\n </div>\r\n</div>\r\n", styles: [".header-main-bar{font-family:Calistoga,cursive;margin-top:54px}.header-main-bar h4{font-size:14.77px!important}.checkmark-icon-button{transform:scale(.9)}::ng-deep .
|
|
1459
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-header', standalone: false, template: "<div\r\n [class]=\"'header-main-bar flex items-center justify-between ' + cssClass\"\r\n>\r\n <lib-icon-btn class=\"checkmark-icon-button w-[20%]\" (click)=\"firstButtonClick()\">\r\n <img [ngSrc]=\"ICONS['back']\" height=\"12.5\" width=\"14\" />\r\n </lib-icon-btn>\r\n <div class=\"flex w-[60%] justify-center\">\r\n <h4 class=\"mr-1\">{{ heading }}</h4>\r\n <img\r\n *ngIf=\"titleIcon\"\r\n [src]=\"ICONS['editPink']\"\r\n (click)=\"onTitleIconClick()\"\r\n height=\"8\"\r\n width=\"8\"\r\n />\r\n </div>\r\n <div class=\"w-[20%] flex justify-end\">\r\n <ng-container *ngIf=\"headerSuffixTemplate\">\r\n <ng-container *ngTemplateOutlet=\"headerSuffixTemplate\"></ng-container>\r\n </ng-container>\r\n <div *ngIf=\"!headerSuffixTemplate\"></div>\r\n </div>\r\n</div>\r\n", styles: [".header-main-bar{font-family:Calistoga,cursive;margin-top:54px}.header-main-bar h4{font-size:14.77px!important}.checkmark-icon-button{transform:scale(.9)}::ng-deep .app-popup-modal{--background: transparent !important;--box-shadow: none !important}\n"] }]
|
|
1418
1460
|
}], propDecorators: { heading: [{
|
|
1419
1461
|
type: Input
|
|
1420
1462
|
}], headerRightIcon: [{
|
|
@@ -1473,11 +1515,11 @@ class NotificationTileComponent {
|
|
|
1473
1515
|
this.btnClick.emit();
|
|
1474
1516
|
}
|
|
1475
1517
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationTileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1476
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NotificationTileComponent, selector: "app-notification-tile", inputs: { libMenuItem: "libMenuItem", content: "content", btnText: "btnText", isBtnVisible: "isBtnVisible", notificationAttended: "notificationAttended" }, outputs: { btnClick: "btnClick" }, ngImport: i0, template: "<div\r\n class=\"text-white p-4\"\r\n [ngClass]=\"{ unattendedNotification: notificationAttended === false }\"\r\n>\r\n <div class=\"flex items-start justify-between\">\r\n <div class=\"flex space-x-3\">\r\n <img [src]=\"ICONS['user']\" alt=\"User\" class=\"w-10 h-10 rounded-full\" />\r\n\r\n <div class=\"gap-2\">\r\n <p [innerHTML]=\"content\" class=\"text-xs\"></p>\r\n </div>\r\n </div>\r\n\r\n <div class=\"flex items-center space-x-4\">\r\n <p class=\"hoursAgo\">11 hours</p>\r\n <
|
|
1518
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NotificationTileComponent, selector: "app-notification-tile", inputs: { libMenuItem: "libMenuItem", content: "content", btnText: "btnText", isBtnVisible: "isBtnVisible", notificationAttended: "notificationAttended" }, outputs: { btnClick: "btnClick" }, ngImport: i0, template: "<div\r\n class=\"text-white p-4\"\r\n [ngClass]=\"{ unattendedNotification: notificationAttended === false }\"\r\n>\r\n <div class=\"flex items-start justify-between\">\r\n <div class=\"flex space-x-3\">\r\n <img [src]=\"ICONS['user']\" alt=\"User\" class=\"w-10 h-10 rounded-full\" />\r\n\r\n <div class=\"gap-2\">\r\n <p [innerHTML]=\"content\" class=\"text-xs\"></p>\r\n </div>\r\n </div>\r\n\r\n <div class=\"flex items-center space-x-4\">\r\n <p class=\"hoursAgo\">11 hours</p>\r\n <app-icon-button\r\n (select)=\"handleMenueItemSelect()\"\r\n (buttonClick)=\"handleMenuClick()\"\r\n (change)=\"handleMenuItemChange()\"\r\n class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n [disableTextShadow]=\"true\"\r\n [libMenuItems]=\"libMenuItem\"\r\n [buttonIcon]=\"ICONS['horizontalWhite']\"\r\n ></app-icon-button>\r\n </div>\r\n </div>\r\n <ng-container *ngIf=\"isBtnVisible\">\r\n <button class=\"reviewNowButton\" (click)=\"handleBtnClick()\">\r\n {{ btnText }}\r\n </button>\r\n </ng-container>\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n</div>\r\n\r\n<div class=\"mt-4 absolute bottom-0 w-80 ms-10 me-5 mb-5\">\r\n <button class=\"markAllAsRead w-full h-10\">Mark All as Read</button>\r\n</div>\r\n", styles: [".reviewNowButton{font-style:normal;font-weight:500;font-size:12px;line-height:12px;margin-left:13%;color:#fe3c72}.hoursAgo{font-style:normal;font-weight:400;font-size:8.205px;line-height:10px;letter-spacing:-.011em;min-width:35px;color:#bdbdbd}.markAllAsRead{box-shadow:5.79093px 5.26448px 14.2141px 1.31612px #111014a6;filter:drop-shadow(-2.63224px -2.63224px 8.42317px rgba(203,199,209,.25));box-sizing:border-box;border:1.1487px solid rgba(255,255,255,.5);border-radius:52.6448px;font-style:normal;font-weight:600;font-size:11.487px;line-height:160%;text-align:center;color:#ffffff80}.unattendedNotification{background-color:#ffffff26}.text-xs{font-size:9.85px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconButtonComponent, selector: "app-icon-button", inputs: ["buttonIcon", "disableTextShadow", "class", "libMenuItems", "buttonText"], outputs: ["buttonClick", "select", "change"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1477
1519
|
}
|
|
1478
1520
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationTileComponent, decorators: [{
|
|
1479
1521
|
type: Component,
|
|
1480
|
-
args: [{ selector: 'app-notification-tile', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div\r\n class=\"text-white p-4\"\r\n [ngClass]=\"{ unattendedNotification: notificationAttended === false }\"\r\n>\r\n <div class=\"flex items-start justify-between\">\r\n <div class=\"flex space-x-3\">\r\n <img [src]=\"ICONS['user']\" alt=\"User\" class=\"w-10 h-10 rounded-full\" />\r\n\r\n <div class=\"gap-2\">\r\n <p [innerHTML]=\"content\" class=\"text-xs\"></p>\r\n </div>\r\n </div>\r\n\r\n <div class=\"flex items-center space-x-4\">\r\n <p class=\"hoursAgo\">11 hours</p>\r\n <
|
|
1522
|
+
args: [{ selector: 'app-notification-tile', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div\r\n class=\"text-white p-4\"\r\n [ngClass]=\"{ unattendedNotification: notificationAttended === false }\"\r\n>\r\n <div class=\"flex items-start justify-between\">\r\n <div class=\"flex space-x-3\">\r\n <img [src]=\"ICONS['user']\" alt=\"User\" class=\"w-10 h-10 rounded-full\" />\r\n\r\n <div class=\"gap-2\">\r\n <p [innerHTML]=\"content\" class=\"text-xs\"></p>\r\n </div>\r\n </div>\r\n\r\n <div class=\"flex items-center space-x-4\">\r\n <p class=\"hoursAgo\">11 hours</p>\r\n <app-icon-button\r\n (select)=\"handleMenueItemSelect()\"\r\n (buttonClick)=\"handleMenuClick()\"\r\n (change)=\"handleMenuItemChange()\"\r\n class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n [disableTextShadow]=\"true\"\r\n [libMenuItems]=\"libMenuItem\"\r\n [buttonIcon]=\"ICONS['horizontalWhite']\"\r\n ></app-icon-button>\r\n </div>\r\n </div>\r\n <ng-container *ngIf=\"isBtnVisible\">\r\n <button class=\"reviewNowButton\" (click)=\"handleBtnClick()\">\r\n {{ btnText }}\r\n </button>\r\n </ng-container>\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n</div>\r\n\r\n<div class=\"mt-4 absolute bottom-0 w-80 ms-10 me-5 mb-5\">\r\n <button class=\"markAllAsRead w-full h-10\">Mark All as Read</button>\r\n</div>\r\n", styles: [".reviewNowButton{font-style:normal;font-weight:500;font-size:12px;line-height:12px;margin-left:13%;color:#fe3c72}.hoursAgo{font-style:normal;font-weight:400;font-size:8.205px;line-height:10px;letter-spacing:-.011em;min-width:35px;color:#bdbdbd}.markAllAsRead{box-shadow:5.79093px 5.26448px 14.2141px 1.31612px #111014a6;filter:drop-shadow(-2.63224px -2.63224px 8.42317px rgba(203,199,209,.25));box-sizing:border-box;border:1.1487px solid rgba(255,255,255,.5);border-radius:52.6448px;font-style:normal;font-weight:600;font-size:11.487px;line-height:160%;text-align:center;color:#ffffff80}.unattendedNotification{background-color:#ffffff26}.text-xs{font-size:9.85px}\n"] }]
|
|
1481
1523
|
}], ctorParameters: () => [], propDecorators: { libMenuItem: [{
|
|
1482
1524
|
type: Input
|
|
1483
1525
|
}], content: [{
|
|
@@ -1507,6 +1549,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1507
1549
|
}]
|
|
1508
1550
|
}], ctorParameters: () => [] });
|
|
1509
1551
|
|
|
1552
|
+
class SearchBarComponent {
|
|
1553
|
+
searchIcon = '';
|
|
1554
|
+
placeholderText = '';
|
|
1555
|
+
searchStringChange = new EventEmitter();
|
|
1556
|
+
cleared = new EventEmitter();
|
|
1557
|
+
handleSearchStringChange(event) {
|
|
1558
|
+
this.searchStringChange.emit(event);
|
|
1559
|
+
}
|
|
1560
|
+
clear() {
|
|
1561
|
+
this.cleared.emit();
|
|
1562
|
+
}
|
|
1563
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1564
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SearchBarComponent, selector: "app-search-bar", inputs: { searchIcon: "searchIcon", placeholderText: "placeholderText" }, outputs: { searchStringChange: "searchStringChange", cleared: "cleared" }, ngImport: i0, template: "<lib-search-bar\r\n class=\"search-field\"\r\n (searchStringChange)=\"handleSearchStringChange($event)\"\r\n (cleared)=\"clear()\"\r\n [searchIcon]=\"searchIcon\"\r\n [placeholderText]=\"placeholderText\"\r\n>\r\n</lib-search-bar>\r\n", styles: ["::ng-deep .search-field .container{display:flex;justify-content:center;align-items:center;height:46px!important;width:100%;margin:0;position:relative;padding:6px;min-width:100%}::ng-deep .container__search-bar__icon.container__search-bar__search-icon{position:absolute;right:6%;top:39%}::ng-deep .search-field .container{height:26px}\n"], dependencies: [{ kind: "component", type: i5.SearchBarComponent, selector: "lib-search-bar", inputs: ["placeholderText", "inputText", "order", "clearIcon", "searchIcon"], outputs: ["searchStringChange", "cleared", "focused", "unfocused"] }] });
|
|
1565
|
+
}
|
|
1566
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchBarComponent, decorators: [{
|
|
1567
|
+
type: Component,
|
|
1568
|
+
args: [{ selector: 'app-search-bar', standalone: false, template: "<lib-search-bar\r\n class=\"search-field\"\r\n (searchStringChange)=\"handleSearchStringChange($event)\"\r\n (cleared)=\"clear()\"\r\n [searchIcon]=\"searchIcon\"\r\n [placeholderText]=\"placeholderText\"\r\n>\r\n</lib-search-bar>\r\n", styles: ["::ng-deep .search-field .container{display:flex;justify-content:center;align-items:center;height:46px!important;width:100%;margin:0;position:relative;padding:6px;min-width:100%}::ng-deep .container__search-bar__icon.container__search-bar__search-icon{position:absolute;right:6%;top:39%}::ng-deep .search-field .container{height:26px}\n"] }]
|
|
1569
|
+
}], propDecorators: { searchIcon: [{
|
|
1570
|
+
type: Input
|
|
1571
|
+
}], placeholderText: [{
|
|
1572
|
+
type: Input
|
|
1573
|
+
}], searchStringChange: [{
|
|
1574
|
+
type: Output
|
|
1575
|
+
}], cleared: [{
|
|
1576
|
+
type: Output
|
|
1577
|
+
}] } });
|
|
1578
|
+
|
|
1510
1579
|
class SearchPopupComponent {
|
|
1511
1580
|
router;
|
|
1512
1581
|
modalService;
|
|
@@ -1545,11 +1614,11 @@ class SearchPopupComponent {
|
|
|
1545
1614
|
}, 0);
|
|
1546
1615
|
}
|
|
1547
1616
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchPopupComponent, deps: [{ token: i1.Router }, { token: ModalService }, { token: AssetsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1548
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SearchPopupComponent, selector: "app-search-popup", ngImport: i0, template: "<div class=\"search-hero\">\r\n <div class=\"flex items-center justify-between mt-4 ml-5 mr-5\">\r\n <div></div>\r\n <span class=\"font-[Calistoga] font-normal text-[17px] leading-[100%] tracking-[0.07px]\">Search</span>\r\n <img [src]=\"ICONS['horizontalWhite']\" />\r\n </div>\r\n\r\n <div class=\"m-5\">\r\n <
|
|
1617
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SearchPopupComponent, selector: "app-search-popup", ngImport: i0, template: "<div class=\"search-hero\">\r\n <div class=\"flex items-center justify-between mt-4 ml-5 mr-5\">\r\n <div></div>\r\n <span class=\"font-[Calistoga] font-normal text-[17px] leading-[100%] tracking-[0.07px]\">Search</span>\r\n <img [src]=\"ICONS['horizontalWhite']\" />\r\n </div>\r\n\r\n <div class=\"m-5\">\r\n <app-search-bar (searchStringChange)=\"handleSearchStringChange($event)\" (cleared)=\"clear()\"\r\n [searchIcon]=\"ICONS['dashboardSearch']\" [placeholderText]=\"'NG_GRID.searchOoo' | translate\">\r\n </app-search-bar>\r\n\r\n <ng-container *ngIf=\"loading\">\r\n <div style=\"height: 65vh; overflow: auto\" class=\"flex items-center justify-center\">\r\n <p>Loading...</p>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!loading\">\r\n <div style=\"height: 65vh; overflow: auto\">\r\n <div class=\"no-result\">\r\n <p class=\"mt-2 text-center custom-text\">\r\n Search the entire application\r\n </p>\r\n <span class=\"custom-text\">no results.</span>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n</div>\r\n", styles: [".search-hero{width:70vw;height:100%;border-radius:40px;border-width:1px;background-blend-mode:overlay;border:1px solid transparent;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);overflow:hidden}.no-result{padding-bottom:30px}::ng-deep .search-field .container{height:26px}.divider{border-width:3.26px;border:3.26px solid;border-image-source:radial-gradient(90% 43% at 50% 50%,#f7f5df 1%,rgba(247,245,221,0) 100%);border-image-slice:1}.custom-text{font-family:Gilroy,sans-serif;font-weight:500;font-size:8px;color:#a8a8a8}.highlight-text{background:#fe3c72!important;padding:2px 1px!important;border-radius:10px!important}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SearchBarComponent, selector: "app-search-bar", inputs: ["searchIcon", "placeholderText"], outputs: ["searchStringChange", "cleared"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1549
1618
|
}
|
|
1550
1619
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchPopupComponent, decorators: [{
|
|
1551
1620
|
type: Component,
|
|
1552
|
-
args: [{ selector: 'app-search-popup', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"search-hero\">\r\n <div class=\"flex items-center justify-between mt-4 ml-5 mr-5\">\r\n <div></div>\r\n <span class=\"font-[Calistoga] font-normal text-[17px] leading-[100%] tracking-[0.07px]\">Search</span>\r\n <img [src]=\"ICONS['horizontalWhite']\" />\r\n </div>\r\n\r\n <div class=\"m-5\">\r\n <
|
|
1621
|
+
args: [{ selector: 'app-search-popup', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"search-hero\">\r\n <div class=\"flex items-center justify-between mt-4 ml-5 mr-5\">\r\n <div></div>\r\n <span class=\"font-[Calistoga] font-normal text-[17px] leading-[100%] tracking-[0.07px]\">Search</span>\r\n <img [src]=\"ICONS['horizontalWhite']\" />\r\n </div>\r\n\r\n <div class=\"m-5\">\r\n <app-search-bar (searchStringChange)=\"handleSearchStringChange($event)\" (cleared)=\"clear()\"\r\n [searchIcon]=\"ICONS['dashboardSearch']\" [placeholderText]=\"'NG_GRID.searchOoo' | translate\">\r\n </app-search-bar>\r\n\r\n <ng-container *ngIf=\"loading\">\r\n <div style=\"height: 65vh; overflow: auto\" class=\"flex items-center justify-center\">\r\n <p>Loading...</p>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!loading\">\r\n <div style=\"height: 65vh; overflow: auto\">\r\n <div class=\"no-result\">\r\n <p class=\"mt-2 text-center custom-text\">\r\n Search the entire application\r\n </p>\r\n <span class=\"custom-text\">no results.</span>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n</div>\r\n", styles: [".search-hero{width:70vw;height:100%;border-radius:40px;border-width:1px;background-blend-mode:overlay;border:1px solid transparent;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);overflow:hidden}.no-result{padding-bottom:30px}::ng-deep .search-field .container{height:26px}.divider{border-width:3.26px;border:3.26px solid;border-image-source:radial-gradient(90% 43% at 50% 50%,#f7f5df 1%,rgba(247,245,221,0) 100%);border-image-slice:1}.custom-text{font-family:Gilroy,sans-serif;font-weight:500;font-size:8px;color:#a8a8a8}.highlight-text{background:#fe3c72!important;padding:2px 1px!important;border-radius:10px!important}\n"] }]
|
|
1553
1622
|
}], ctorParameters: () => [{ type: i1.Router }, { type: ModalService }, { type: AssetsService }, { type: i0.ChangeDetectorRef }] });
|
|
1554
1623
|
|
|
1555
1624
|
class SwiperDialogComponent {
|
|
@@ -1793,7 +1862,7 @@ class MatchingClientsComponent {
|
|
|
1793
1862
|
return this.dynamicForm.get('items');
|
|
1794
1863
|
}
|
|
1795
1864
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MatchingClientsComponent, deps: [{ token: AssetsService }, { token: i0.ChangeDetectorRef }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
1796
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MatchingClientsComponent, selector: "lib-matching-clients", outputs: { clientSelectionChanged: "clientSelectionChanged" }, ngImport: i0, template: "<form [formGroup]=\"dynamicForm\" (ngSubmit)=\"onSubmit()\">\r\n<ng-container *ngIf=\"!loading\" formArrayName=\"items\">\r\n <div class=\"clients-option-container\" *ngFor=\"let singleClientMatch of matches; let i = index\">\r\n <div class=\"clients-option-row flex justify-between gap-[35px] mb-[10px]\">\r\n <div class=\"clients-option-left-section sm:text-[10px] xs:text-[9px] flex items-center gap-[10px]\">\r\n <lib-dashed-checkbox [formControlName]=\"i\" class=\"checkbox-sm\"></lib-dashed-checkbox> {{singleClientMatch.matchPercentage}}% {{ \"ITINERARY.MATCH_TEXT\" | translate }}\r\n </div>\r\n <div class=\"flex\">\r\n <div class=\"flex flex-col justify-center text-right relative\">\r\n <p class=\"sm:text-[10px] xs:text-[9px] text-white inline !px-0\">{{singleClientMatch.memberName}}</p>\r\n <p class=\"sm:text-[10px] xs:text-[9px] absolute sm:mt-[20px] xs:mt-[19px] inline-block !px-0 right-0\">for {{singleClientMatch.clientName}}</p>\r\n </div>\r\n <div class=\"flex\">\r\n <div class=\"rounded-full overflow-hidden relative inline h-[41px] w-[41px]\">\r\n <img [src]=\"singleClientMatch['clientPic']\" alt=\"Avatar\" loading=\"lazy\" class=\"h-full w-full rounded-full object-cover\"/>\r\n </div>\r\n <div class=\"rounded-full overflow-hidden relative inline h-[41px] w-[41px] ml-[-20px]\">\r\n <img [src]=\"singleClientMatch['memberPic']\" alt=\"Avatar\" loading=\"lazy\" class=\"h-full w-full rounded-full object-cover\"/>\r\n </div>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n</ng-container>\r\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.DashedCheckboxComponent, selector: "lib-dashed-checkbox", inputs: ["checked", "disabled"], outputs: ["toggle"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "pipe", type:
|
|
1865
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MatchingClientsComponent, selector: "lib-matching-clients", outputs: { clientSelectionChanged: "clientSelectionChanged" }, ngImport: i0, template: "<form [formGroup]=\"dynamicForm\" (ngSubmit)=\"onSubmit()\">\r\n<ng-container *ngIf=\"!loading\" formArrayName=\"items\">\r\n <div class=\"clients-option-container\" *ngFor=\"let singleClientMatch of matches; let i = index\">\r\n <div class=\"clients-option-row flex justify-between gap-[35px] mb-[10px]\">\r\n <div class=\"clients-option-left-section sm:text-[10px] xs:text-[9px] flex items-center gap-[10px]\">\r\n <lib-dashed-checkbox [formControlName]=\"i\" class=\"checkbox-sm\"></lib-dashed-checkbox> {{singleClientMatch.matchPercentage}}% {{ \"ITINERARY.MATCH_TEXT\" | translate }}\r\n </div>\r\n <div class=\"flex\">\r\n <div class=\"flex flex-col justify-center text-right relative\">\r\n <p class=\"sm:text-[10px] xs:text-[9px] text-white inline !px-0\">{{singleClientMatch.memberName}}</p>\r\n <p class=\"sm:text-[10px] xs:text-[9px] absolute sm:mt-[20px] xs:mt-[19px] inline-block !px-0 right-0\">for {{singleClientMatch.clientName}}</p>\r\n </div>\r\n <div class=\"flex\">\r\n <div class=\"rounded-full overflow-hidden relative inline h-[41px] w-[41px]\">\r\n <img [src]=\"singleClientMatch['clientPic']\" alt=\"Avatar\" loading=\"lazy\" class=\"h-full w-full rounded-full object-cover\"/>\r\n </div>\r\n <div class=\"rounded-full overflow-hidden relative inline h-[41px] w-[41px] ml-[-20px]\">\r\n <img [src]=\"singleClientMatch['memberPic']\" alt=\"Avatar\" loading=\"lazy\" class=\"h-full w-full rounded-full object-cover\"/>\r\n </div>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n</ng-container>\r\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.DashedCheckboxComponent, selector: "lib-dashed-checkbox", inputs: ["checked", "disabled"], outputs: ["toggle"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1797
1866
|
}
|
|
1798
1867
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MatchingClientsComponent, decorators: [{
|
|
1799
1868
|
type: Component,
|
|
@@ -1802,22 +1871,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1802
1871
|
type: Output
|
|
1803
1872
|
}] } });
|
|
1804
1873
|
|
|
1805
|
-
class IconButtonComponent {
|
|
1806
|
-
buttonText;
|
|
1807
|
-
ICONS = ICONS;
|
|
1808
|
-
constructor() {
|
|
1809
|
-
}
|
|
1810
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1811
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: IconButtonComponent, selector: "lib-icon-button", inputs: { buttonText: "buttonText" }, ngImport: i0, template: "<button class=\"icon-button\">\r\n <div class=\"flex items-center justify-center\">\r\n <span class=\"me-1\">\r\n + {{buttonText}}\r\n </span>\r\n </div>\r\n</button>", styles: [".icon-button{box-shadow:-4.1px -4.1px 13.13px -2.46px #cbc7d140,9.03px 8.2px 22.15px 2.05px #111014a6;padding:15px 30px;border-radius:7px;border:2px solid transparent;width:100%;span{color:var(--cyrano-pink-shade-1);text-shadow:0px 0px 16.41px var(--cyrano-pink-shade-1)}img{box-shadow:0 0 16.41px var(--cyrano-pink-shade-1);background:transparent}}.icon-button:active{border:2px solid var(--cyrano-pink-shade-1)}\n"] });
|
|
1812
|
-
}
|
|
1813
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconButtonComponent, decorators: [{
|
|
1814
|
-
type: Component,
|
|
1815
|
-
args: [{ selector: 'lib-icon-button', standalone: false, template: "<button class=\"icon-button\">\r\n <div class=\"flex items-center justify-center\">\r\n <span class=\"me-1\">\r\n + {{buttonText}}\r\n </span>\r\n </div>\r\n</button>", styles: [".icon-button{box-shadow:-4.1px -4.1px 13.13px -2.46px #cbc7d140,9.03px 8.2px 22.15px 2.05px #111014a6;padding:15px 30px;border-radius:7px;border:2px solid transparent;width:100%;span{color:var(--cyrano-pink-shade-1);text-shadow:0px 0px 16.41px var(--cyrano-pink-shade-1)}img{box-shadow:0 0 16.41px var(--cyrano-pink-shade-1);background:transparent}}.icon-button:active{border:2px solid var(--cyrano-pink-shade-1)}\n"] }]
|
|
1816
|
-
}], ctorParameters: () => [], propDecorators: { buttonText: [{
|
|
1817
|
-
type: Input,
|
|
1818
|
-
args: ["buttonText"]
|
|
1819
|
-
}] } });
|
|
1820
|
-
|
|
1821
1874
|
class ActionCardComponent {
|
|
1822
1875
|
actionCardClicked = new EventEmitter();
|
|
1823
1876
|
icon;
|
|
@@ -1867,6 +1920,252 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1867
1920
|
type: Output
|
|
1868
1921
|
}] } });
|
|
1869
1922
|
|
|
1923
|
+
class InputFieldSelectComponent {
|
|
1924
|
+
multiple = false;
|
|
1925
|
+
label = '';
|
|
1926
|
+
placeholder = '';
|
|
1927
|
+
optionLabel = '';
|
|
1928
|
+
optionValue = '';
|
|
1929
|
+
options = [];
|
|
1930
|
+
optionsTemplates = [];
|
|
1931
|
+
filterBy = '';
|
|
1932
|
+
enableFilter = false;
|
|
1933
|
+
readonly = false;
|
|
1934
|
+
disabled = false;
|
|
1935
|
+
showClear = false;
|
|
1936
|
+
editable = false;
|
|
1937
|
+
withTemplate = false;
|
|
1938
|
+
enableTranslation = false;
|
|
1939
|
+
class = '';
|
|
1940
|
+
valueChange = new EventEmitter();
|
|
1941
|
+
_onChange = () => { };
|
|
1942
|
+
_onTouched = () => { };
|
|
1943
|
+
_value = '';
|
|
1944
|
+
get value() {
|
|
1945
|
+
return this._value;
|
|
1946
|
+
}
|
|
1947
|
+
set value(val) {
|
|
1948
|
+
this._value = val;
|
|
1949
|
+
this._onChange(val);
|
|
1950
|
+
this.valueChange.emit(val);
|
|
1951
|
+
}
|
|
1952
|
+
writeValue(value) {
|
|
1953
|
+
this._value = value || '';
|
|
1954
|
+
}
|
|
1955
|
+
registerOnChange(fn) {
|
|
1956
|
+
this._onChange = fn;
|
|
1957
|
+
}
|
|
1958
|
+
registerOnTouched(fn) {
|
|
1959
|
+
this._onTouched = fn;
|
|
1960
|
+
}
|
|
1961
|
+
setDisabledState(isDisabled) {
|
|
1962
|
+
this.disabled = isDisabled;
|
|
1963
|
+
}
|
|
1964
|
+
handleValueChange(value) {
|
|
1965
|
+
this.value = value;
|
|
1966
|
+
this._onTouched();
|
|
1967
|
+
}
|
|
1968
|
+
handleNgModelChange(value) {
|
|
1969
|
+
this.value = value;
|
|
1970
|
+
this._onChange(value);
|
|
1971
|
+
this._onTouched();
|
|
1972
|
+
}
|
|
1973
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputFieldSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1974
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: InputFieldSelectComponent, selector: "app-input-field-select", inputs: { multiple: "multiple", label: "label", placeholder: "placeholder", optionLabel: "optionLabel", optionValue: "optionValue", options: "options", optionsTemplates: "optionsTemplates", filterBy: "filterBy", enableFilter: "enableFilter", readonly: "readonly", disabled: "disabled", showClear: "showClear", editable: "editable", withTemplate: "withTemplate", enableTranslation: "enableTranslation", class: "class" }, outputs: { valueChange: "valueChange" }, providers: [
|
|
1975
|
+
{
|
|
1976
|
+
provide: NG_VALUE_ACCESSOR,
|
|
1977
|
+
useExisting: forwardRef(() => InputFieldSelectComponent),
|
|
1978
|
+
multi: true
|
|
1979
|
+
}
|
|
1980
|
+
], ngImport: i0, template: "<lib-input-field-select\r\n [class]=\"'app-input-field-select ' + class\"\r\n [multiple]=\"multiple\"\r\n [label]=\"label\"\r\n [placeholder]=\"placeholder\"\r\n [optionLabel]=\"optionLabel\"\r\n [optionValue]=\"optionValue\"\r\n [options]=\"options\"\r\n [optionsTemplates]=\"optionsTemplates\"\r\n [filterBy]=\"filterBy\"\r\n [enableFilter]=\"enableFilter\"\r\n [readonly]=\"readonly\"\r\n [disabled]=\"disabled\"\r\n [showClear]=\"showClear\"\r\n [editable]=\"editable\"\r\n [withTemplate]=\"withTemplate\"\r\n [enableTranslation]=\"enableTranslation\"\r\n (valueChange)=\"handleValueChange($event)\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"handleNgModelChange($event)\"\r\n>\r\n</lib-input-field-select>\r\n", styles: ["::ng-deep .app-input-field-select{lib-input-field-select{--border-radius: 100px;--input-field-margin: 0;--label-font-size-floated: 11.0084px;--label-color: rgba(255, 255, 255, .5);--label-position-left: 4px;--label-position-top: 14px;--label-float-position-top: -3px;--label-padding: 0px;--label-font-family: \"Gilroy-Regular\", serif;--label-font-style: normal;--label-font-weight: 400;--label-font-size: 14px;--label-line-height: 160%;--input-font-color: #fff;--input-font-family: \"Gilroy-Regular\", serif;--input-font-size: 16px;--input-icon-color: #fe3c72;--input-height: 48px;--input-width: 100%;--input-border: none;--input-field-box-shadow: inset 17px 22px 20px 2.5px rgba(17, 16, 20, .7), inset -2px -2px 8px rgba(203, 199, 209, .5);--border: 3px solid #fe3c72;--input-number-filed-font: \"Open Sans\", sans-serif;--dropdown-background: linear-gradient( 191.18deg, #27242c 61.33%, #0c0b0e 101.43% );--input-field-color: #fff}lib-input-field-select ::ng-deep path{color:#fe3c72}}\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.InputFieldSelectComponent, selector: "lib-input-field-select", inputs: ["multiple", "label", "placeholder", "optionLabel", "optionValue", "options", "optionsTemplates", "filterBy", "enableFilter", "readonly", "disabled", "showClear", "editable", "withTemplate", "enableTranslation"], outputs: ["valueChange"] }] });
|
|
1981
|
+
}
|
|
1982
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputFieldSelectComponent, decorators: [{
|
|
1983
|
+
type: Component,
|
|
1984
|
+
args: [{ selector: 'app-input-field-select', standalone: false, providers: [
|
|
1985
|
+
{
|
|
1986
|
+
provide: NG_VALUE_ACCESSOR,
|
|
1987
|
+
useExisting: forwardRef(() => InputFieldSelectComponent),
|
|
1988
|
+
multi: true
|
|
1989
|
+
}
|
|
1990
|
+
], template: "<lib-input-field-select\r\n [class]=\"'app-input-field-select ' + class\"\r\n [multiple]=\"multiple\"\r\n [label]=\"label\"\r\n [placeholder]=\"placeholder\"\r\n [optionLabel]=\"optionLabel\"\r\n [optionValue]=\"optionValue\"\r\n [options]=\"options\"\r\n [optionsTemplates]=\"optionsTemplates\"\r\n [filterBy]=\"filterBy\"\r\n [enableFilter]=\"enableFilter\"\r\n [readonly]=\"readonly\"\r\n [disabled]=\"disabled\"\r\n [showClear]=\"showClear\"\r\n [editable]=\"editable\"\r\n [withTemplate]=\"withTemplate\"\r\n [enableTranslation]=\"enableTranslation\"\r\n (valueChange)=\"handleValueChange($event)\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"handleNgModelChange($event)\"\r\n>\r\n</lib-input-field-select>\r\n", styles: ["::ng-deep .app-input-field-select{lib-input-field-select{--border-radius: 100px;--input-field-margin: 0;--label-font-size-floated: 11.0084px;--label-color: rgba(255, 255, 255, .5);--label-position-left: 4px;--label-position-top: 14px;--label-float-position-top: -3px;--label-padding: 0px;--label-font-family: \"Gilroy-Regular\", serif;--label-font-style: normal;--label-font-weight: 400;--label-font-size: 14px;--label-line-height: 160%;--input-font-color: #fff;--input-font-family: \"Gilroy-Regular\", serif;--input-font-size: 16px;--input-icon-color: #fe3c72;--input-height: 48px;--input-width: 100%;--input-border: none;--input-field-box-shadow: inset 17px 22px 20px 2.5px rgba(17, 16, 20, .7), inset -2px -2px 8px rgba(203, 199, 209, .5);--border: 3px solid #fe3c72;--input-number-filed-font: \"Open Sans\", sans-serif;--dropdown-background: linear-gradient( 191.18deg, #27242c 61.33%, #0c0b0e 101.43% );--input-field-color: #fff}lib-input-field-select ::ng-deep path{color:#fe3c72}}\n"] }]
|
|
1991
|
+
}], propDecorators: { multiple: [{
|
|
1992
|
+
type: Input
|
|
1993
|
+
}], label: [{
|
|
1994
|
+
type: Input
|
|
1995
|
+
}], placeholder: [{
|
|
1996
|
+
type: Input
|
|
1997
|
+
}], optionLabel: [{
|
|
1998
|
+
type: Input
|
|
1999
|
+
}], optionValue: [{
|
|
2000
|
+
type: Input
|
|
2001
|
+
}], options: [{
|
|
2002
|
+
type: Input
|
|
2003
|
+
}], optionsTemplates: [{
|
|
2004
|
+
type: Input
|
|
2005
|
+
}], filterBy: [{
|
|
2006
|
+
type: Input
|
|
2007
|
+
}], enableFilter: [{
|
|
2008
|
+
type: Input
|
|
2009
|
+
}], readonly: [{
|
|
2010
|
+
type: Input
|
|
2011
|
+
}], disabled: [{
|
|
2012
|
+
type: Input
|
|
2013
|
+
}], showClear: [{
|
|
2014
|
+
type: Input
|
|
2015
|
+
}], editable: [{
|
|
2016
|
+
type: Input
|
|
2017
|
+
}], withTemplate: [{
|
|
2018
|
+
type: Input
|
|
2019
|
+
}], enableTranslation: [{
|
|
2020
|
+
type: Input
|
|
2021
|
+
}], class: [{
|
|
2022
|
+
type: Input
|
|
2023
|
+
}], valueChange: [{
|
|
2024
|
+
type: Output
|
|
2025
|
+
}] } });
|
|
2026
|
+
|
|
2027
|
+
class BottomModalComponent {
|
|
2028
|
+
isOpen = false;
|
|
2029
|
+
submitButtonTitle = '';
|
|
2030
|
+
showArrow = false;
|
|
2031
|
+
adaptToContentHeight = false;
|
|
2032
|
+
customClass = '';
|
|
2033
|
+
isOpenChange = new EventEmitter();
|
|
2034
|
+
submitModal = new EventEmitter();
|
|
2035
|
+
ngOnInit() {
|
|
2036
|
+
// lib-bottom-modal handles its own modal state internally
|
|
2037
|
+
}
|
|
2038
|
+
ngOnChanges() {
|
|
2039
|
+
// lib-bottom-modal handles its own modal state internally
|
|
2040
|
+
// No need to trigger change detection here as it causes timing issues
|
|
2041
|
+
}
|
|
2042
|
+
ngAfterContentInit() {
|
|
2043
|
+
// Content projection is handled automatically by Angular
|
|
2044
|
+
}
|
|
2045
|
+
ngOnDestroy() {
|
|
2046
|
+
// Cleanup if needed
|
|
2047
|
+
}
|
|
2048
|
+
onIsOpenChange(isOpen) {
|
|
2049
|
+
this.isOpen = isOpen;
|
|
2050
|
+
this.isOpenChange.emit(isOpen);
|
|
2051
|
+
}
|
|
2052
|
+
onSubmit() {
|
|
2053
|
+
this.submitModal.emit();
|
|
2054
|
+
}
|
|
2055
|
+
get modalCssClasses() {
|
|
2056
|
+
const classes = ['app-bottom-modal'];
|
|
2057
|
+
if (this.adaptToContentHeight) {
|
|
2058
|
+
classes.push('adapt-to-content-height');
|
|
2059
|
+
}
|
|
2060
|
+
if (this.customClass) {
|
|
2061
|
+
classes.push(this.customClass);
|
|
2062
|
+
}
|
|
2063
|
+
return classes.join(' ');
|
|
2064
|
+
}
|
|
2065
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BottomModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2066
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BottomModalComponent, selector: "app-bottom-modal", inputs: { isOpen: "isOpen", submitButtonTitle: "submitButtonTitle", showArrow: "showArrow", adaptToContentHeight: "adaptToContentHeight", customClass: "customClass" }, outputs: { isOpenChange: "isOpenChange", submitModal: "submitModal" }, usesOnChanges: true, ngImport: i0, template: "<lib-bottom-modal\r\n [isOpen]=\"isOpen\"\r\n (isOpenChange)=\"onIsOpenChange($event)\"\r\n [customClass]=\"modalCssClasses\"\r\n [showArrow]=\"showArrow\"\r\n [adaptToContentHeight]=\"adaptToContentHeight\"\r\n [submitButtonTitle]=\"submitButtonTitle\"\r\n (submitModal)=\"onSubmit()\"\r\n>\r\n <ng-content></ng-content>\r\n <div *ngIf=\"submitButtonTitle\" class=\"modal-actions app-bottom-modal-actions\">\r\n <ion-button (click)=\"onSubmit()\" expand=\"block\" class=\"submit-button\">\r\n {{ submitButtonTitle }}\r\n </ion-button>\r\n </div>\r\n</lib-bottom-modal>\r\n", styles: [".app-bottom-modal{--width: 100%;--max-width: var(--app-bottom-modal-max-width, 500px);--height: auto;--border-radius: 20px 20px 0 0;--box-shadow: none}::ng-deep .app-bottom-modal .modal-wrapper{background:transparent!important;box-shadow:none!important}::ng-deep .app-bottom-modal ion-content{--background: transparent}::ng-deep .app-bottom-modal .modal-wrapper .ion-page{background:transparent}::ng-deep .app-bottom-modal .wrapper{padding:0;margin:0;display:block;width:100%;height:100%}::ng-deep .app-bottom-modal .dynamic-content{padding:0;margin:0;display:block;width:100%;min-height:100px}::ng-deep .app-bottom-modal.adapt-to-content-height .wrapper .dynamic-content{margin-top:30px}::ng-deep .app-bottom-modal .modal-actions,::ng-deep .app-bottom-modal-actions{padding:16px;margin-top:auto;background-color:transparent}::ng-deep .app-bottom-modal .submit-button{--border-radius: 12px;margin:0}::ng-deep .app-bottom-modal .modal-handle{display:block}::ng-deep .app-bottom-modal[style*=\"display: none\"] .modal-handle{display:none}::ng-deep .app-bottom-modal-loader{display:none!important}::ng-deep .app-bottom-modal-header{display:none!important}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.BottomModalComponent, selector: "lib-bottom-modal", inputs: ["breakpoints", "initialBreakpoint", "isOpen", "canDismiss", "showArrow", "showBackBtn", "showConfirm", "showCloseBtn", "loading", "showHeaderSeparator", "title", "confirmationTitle", "confirmationMsg", "confirmButton", "confirmCancelButton", "description", "secondaryButtonTitle", "submitButtonTitle", "cancelButtonTitle", "validModal", "adaptToContentHeight", "customClass"], outputs: ["isOpenChange", "breakpointChange", "closeModal", "submitModal", "secondaryButtonClick", "backClick", "showConfirmChange", "confirmEvent"] }, { kind: "component", type: i1$4.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }] });
|
|
2067
|
+
}
|
|
2068
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BottomModalComponent, decorators: [{
|
|
2069
|
+
type: Component,
|
|
2070
|
+
args: [{ selector: 'app-bottom-modal', template: "<lib-bottom-modal\r\n [isOpen]=\"isOpen\"\r\n (isOpenChange)=\"onIsOpenChange($event)\"\r\n [customClass]=\"modalCssClasses\"\r\n [showArrow]=\"showArrow\"\r\n [adaptToContentHeight]=\"adaptToContentHeight\"\r\n [submitButtonTitle]=\"submitButtonTitle\"\r\n (submitModal)=\"onSubmit()\"\r\n>\r\n <ng-content></ng-content>\r\n <div *ngIf=\"submitButtonTitle\" class=\"modal-actions app-bottom-modal-actions\">\r\n <ion-button (click)=\"onSubmit()\" expand=\"block\" class=\"submit-button\">\r\n {{ submitButtonTitle }}\r\n </ion-button>\r\n </div>\r\n</lib-bottom-modal>\r\n", styles: [".app-bottom-modal{--width: 100%;--max-width: var(--app-bottom-modal-max-width, 500px);--height: auto;--border-radius: 20px 20px 0 0;--box-shadow: none}::ng-deep .app-bottom-modal .modal-wrapper{background:transparent!important;box-shadow:none!important}::ng-deep .app-bottom-modal ion-content{--background: transparent}::ng-deep .app-bottom-modal .modal-wrapper .ion-page{background:transparent}::ng-deep .app-bottom-modal .wrapper{padding:0;margin:0;display:block;width:100%;height:100%}::ng-deep .app-bottom-modal .dynamic-content{padding:0;margin:0;display:block;width:100%;min-height:100px}::ng-deep .app-bottom-modal.adapt-to-content-height .wrapper .dynamic-content{margin-top:30px}::ng-deep .app-bottom-modal .modal-actions,::ng-deep .app-bottom-modal-actions{padding:16px;margin-top:auto;background-color:transparent}::ng-deep .app-bottom-modal .submit-button{--border-radius: 12px;margin:0}::ng-deep .app-bottom-modal .modal-handle{display:block}::ng-deep .app-bottom-modal[style*=\"display: none\"] .modal-handle{display:none}::ng-deep .app-bottom-modal-loader{display:none!important}::ng-deep .app-bottom-modal-header{display:none!important}\n"] }]
|
|
2071
|
+
}], propDecorators: { isOpen: [{
|
|
2072
|
+
type: Input
|
|
2073
|
+
}], submitButtonTitle: [{
|
|
2074
|
+
type: Input
|
|
2075
|
+
}], showArrow: [{
|
|
2076
|
+
type: Input
|
|
2077
|
+
}], adaptToContentHeight: [{
|
|
2078
|
+
type: Input
|
|
2079
|
+
}], customClass: [{
|
|
2080
|
+
type: Input
|
|
2081
|
+
}], isOpenChange: [{
|
|
2082
|
+
type: Output
|
|
2083
|
+
}], submitModal: [{
|
|
2084
|
+
type: Output
|
|
2085
|
+
}] } });
|
|
2086
|
+
|
|
2087
|
+
class PopupModalComponent {
|
|
2088
|
+
isOpen = false;
|
|
2089
|
+
icon = null;
|
|
2090
|
+
title = '';
|
|
2091
|
+
message = '';
|
|
2092
|
+
extendedMessage = '';
|
|
2093
|
+
cancelButton = '';
|
|
2094
|
+
confirmButton = '';
|
|
2095
|
+
checkboxText = '';
|
|
2096
|
+
progBarCurrentStep = 0;
|
|
2097
|
+
progBarTotalSteps = 0;
|
|
2098
|
+
customClass = '';
|
|
2099
|
+
backdropDismiss = false;
|
|
2100
|
+
modalComponent;
|
|
2101
|
+
modalComponentData = null;
|
|
2102
|
+
modalConfirm = new EventEmitter();
|
|
2103
|
+
modalDismiss = new EventEmitter();
|
|
2104
|
+
afterCloseEvent = new EventEmitter();
|
|
2105
|
+
ngOnInit() {
|
|
2106
|
+
// lib-popup handles its own modal state internally
|
|
2107
|
+
}
|
|
2108
|
+
ngOnChanges() {
|
|
2109
|
+
// lib-popup handles its own modal state internally
|
|
2110
|
+
// No need to trigger change detection here as it causes timing issues
|
|
2111
|
+
}
|
|
2112
|
+
ngAfterContentInit() {
|
|
2113
|
+
// Content projection is handled automatically by Angular
|
|
2114
|
+
}
|
|
2115
|
+
ngOnDestroy() {
|
|
2116
|
+
// Cleanup if needed
|
|
2117
|
+
}
|
|
2118
|
+
onModalConfirm(confirmed) {
|
|
2119
|
+
this.modalConfirm.emit(confirmed);
|
|
2120
|
+
}
|
|
2121
|
+
onModalDismiss(dismissed) {
|
|
2122
|
+
this.modalDismiss.emit(dismissed);
|
|
2123
|
+
}
|
|
2124
|
+
onAfterCloseEvent(event) {
|
|
2125
|
+
this.afterCloseEvent.emit(event);
|
|
2126
|
+
}
|
|
2127
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PopupModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2128
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PopupModalComponent, selector: "app-popup-modal", inputs: { isOpen: "isOpen", icon: "icon", title: "title", message: "message", extendedMessage: "extendedMessage", cancelButton: "cancelButton", confirmButton: "confirmButton", checkboxText: "checkboxText", progBarCurrentStep: "progBarCurrentStep", progBarTotalSteps: "progBarTotalSteps", customClass: "customClass", backdropDismiss: "backdropDismiss", modalComponent: "modalComponent", modalComponentData: "modalComponentData" }, outputs: { modalConfirm: "modalConfirm", modalDismiss: "modalDismiss", afterCloseEvent: "afterCloseEvent" }, usesOnChanges: true, ngImport: i0, template: "<lib-popup\r\n [isOpen]=\"true\"\r\n [icon]=\"icon\"\r\n [title]=\"title\"\r\n [message]=\"message\"\r\n [extendedMessage]=\"extendedMessage\"\r\n [cancelButton]=\"cancelButton\"\r\n [confirmButton]=\"confirmButton\"\r\n [checkboxText]=\"checkboxText\"\r\n [progBarCurrentStep]=\"progBarCurrentStep\"\r\n [progBarTotalSteps]=\"progBarTotalSteps\"\r\n [customClass]=\"customClass\"\r\n [backdropDismiss]=\"backdropDismiss\"\r\n [modalComponent]=\"modalComponent\"\r\n [modalComponentData]=\"modalComponentData\"\r\n (modalConfirm)=\"onModalConfirm(true)\"\r\n (modalDismiss)=\"onModalDismiss(true)\"\r\n (afterCloseEvent)=\"onAfterCloseEvent($event)\"\r\n>\r\n <ng-content></ng-content>\r\n</lib-popup>\r\n\r\n", styles: [""], dependencies: [{ kind: "component", type: i5.LibModalComponent, selector: "lib-popup", inputs: ["isOpen", "icon", "title", "message", "extendedMessage", "cancelButton", "confirmButton", "checkboxText", "progBarCurrentStep", "progBarTotalSteps", "customClass", "backdropDismiss", "modalComponent", "modalComponentData"], outputs: ["modalConfirm", "modalDismiss", "afterCloseEvent"] }] });
|
|
2129
|
+
}
|
|
2130
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PopupModalComponent, decorators: [{
|
|
2131
|
+
type: Component,
|
|
2132
|
+
args: [{ selector: 'app-popup-modal', template: "<lib-popup\r\n [isOpen]=\"true\"\r\n [icon]=\"icon\"\r\n [title]=\"title\"\r\n [message]=\"message\"\r\n [extendedMessage]=\"extendedMessage\"\r\n [cancelButton]=\"cancelButton\"\r\n [confirmButton]=\"confirmButton\"\r\n [checkboxText]=\"checkboxText\"\r\n [progBarCurrentStep]=\"progBarCurrentStep\"\r\n [progBarTotalSteps]=\"progBarTotalSteps\"\r\n [customClass]=\"customClass\"\r\n [backdropDismiss]=\"backdropDismiss\"\r\n [modalComponent]=\"modalComponent\"\r\n [modalComponentData]=\"modalComponentData\"\r\n (modalConfirm)=\"onModalConfirm(true)\"\r\n (modalDismiss)=\"onModalDismiss(true)\"\r\n (afterCloseEvent)=\"onAfterCloseEvent($event)\"\r\n>\r\n <ng-content></ng-content>\r\n</lib-popup>\r\n\r\n" }]
|
|
2133
|
+
}], propDecorators: { isOpen: [{
|
|
2134
|
+
type: Input
|
|
2135
|
+
}], icon: [{
|
|
2136
|
+
type: Input
|
|
2137
|
+
}], title: [{
|
|
2138
|
+
type: Input
|
|
2139
|
+
}], message: [{
|
|
2140
|
+
type: Input
|
|
2141
|
+
}], extendedMessage: [{
|
|
2142
|
+
type: Input
|
|
2143
|
+
}], cancelButton: [{
|
|
2144
|
+
type: Input
|
|
2145
|
+
}], confirmButton: [{
|
|
2146
|
+
type: Input
|
|
2147
|
+
}], checkboxText: [{
|
|
2148
|
+
type: Input
|
|
2149
|
+
}], progBarCurrentStep: [{
|
|
2150
|
+
type: Input
|
|
2151
|
+
}], progBarTotalSteps: [{
|
|
2152
|
+
type: Input
|
|
2153
|
+
}], customClass: [{
|
|
2154
|
+
type: Input
|
|
2155
|
+
}], backdropDismiss: [{
|
|
2156
|
+
type: Input
|
|
2157
|
+
}], modalComponent: [{
|
|
2158
|
+
type: Input
|
|
2159
|
+
}], modalComponentData: [{
|
|
2160
|
+
type: Input
|
|
2161
|
+
}], modalConfirm: [{
|
|
2162
|
+
type: Output
|
|
2163
|
+
}], modalDismiss: [{
|
|
2164
|
+
type: Output
|
|
2165
|
+
}], afterCloseEvent: [{
|
|
2166
|
+
type: Output
|
|
2167
|
+
}] } });
|
|
2168
|
+
|
|
1870
2169
|
class SharedModule {
|
|
1871
2170
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1872
2171
|
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: SharedModule, declarations: [CardComponent,
|
|
@@ -1890,7 +2189,11 @@ class SharedModule {
|
|
|
1890
2189
|
MatchingClientsComponent,
|
|
1891
2190
|
IconButtonComponent,
|
|
1892
2191
|
ActionCardComponent,
|
|
1893
|
-
SelectableBadgeComponent
|
|
2192
|
+
SelectableBadgeComponent,
|
|
2193
|
+
SearchBarComponent,
|
|
2194
|
+
InputFieldSelectComponent,
|
|
2195
|
+
BottomModalComponent,
|
|
2196
|
+
PopupModalComponent], imports: [BaseCardModule,
|
|
1894
2197
|
TranslateModule,
|
|
1895
2198
|
CommonModule,
|
|
1896
2199
|
SearchBarModule,
|
|
@@ -1917,6 +2220,7 @@ class SharedModule {
|
|
|
1917
2220
|
NotificationsModule,
|
|
1918
2221
|
LibToastrModule,
|
|
1919
2222
|
SelectableModule,
|
|
2223
|
+
InputFieldSelectModule,
|
|
1920
2224
|
RouterLink,
|
|
1921
2225
|
ReactiveFormsModule], exports: [CardComponent,
|
|
1922
2226
|
CustomHeadingWithButtonComponent,
|
|
@@ -1936,7 +2240,11 @@ class SharedModule {
|
|
|
1936
2240
|
MatchingClientsComponent,
|
|
1937
2241
|
IconButtonComponent,
|
|
1938
2242
|
ActionCardComponent,
|
|
1939
|
-
SelectableBadgeComponent
|
|
2243
|
+
SelectableBadgeComponent,
|
|
2244
|
+
SearchBarComponent,
|
|
2245
|
+
InputFieldSelectComponent,
|
|
2246
|
+
BottomModalComponent,
|
|
2247
|
+
PopupModalComponent] });
|
|
1940
2248
|
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SharedModule, providers: [provideHttpClient(withInterceptorsFromDi())], imports: [BaseCardModule,
|
|
1941
2249
|
TranslateModule,
|
|
1942
2250
|
CommonModule,
|
|
@@ -1963,6 +2271,7 @@ class SharedModule {
|
|
|
1963
2271
|
NotificationsModule,
|
|
1964
2272
|
LibToastrModule,
|
|
1965
2273
|
SelectableModule,
|
|
2274
|
+
InputFieldSelectModule,
|
|
1966
2275
|
ReactiveFormsModule] });
|
|
1967
2276
|
}
|
|
1968
2277
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SharedModule, decorators: [{
|
|
@@ -1989,7 +2298,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1989
2298
|
MatchingClientsComponent,
|
|
1990
2299
|
IconButtonComponent,
|
|
1991
2300
|
ActionCardComponent,
|
|
1992
|
-
SelectableBadgeComponent
|
|
2301
|
+
SelectableBadgeComponent,
|
|
2302
|
+
SearchBarComponent,
|
|
2303
|
+
InputFieldSelectComponent,
|
|
2304
|
+
BottomModalComponent,
|
|
2305
|
+
PopupModalComponent
|
|
1993
2306
|
],
|
|
1994
2307
|
exports: [
|
|
1995
2308
|
CardComponent,
|
|
@@ -2010,7 +2323,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2010
2323
|
MatchingClientsComponent,
|
|
2011
2324
|
IconButtonComponent,
|
|
2012
2325
|
ActionCardComponent,
|
|
2013
|
-
SelectableBadgeComponent
|
|
2326
|
+
SelectableBadgeComponent,
|
|
2327
|
+
SearchBarComponent,
|
|
2328
|
+
InputFieldSelectComponent,
|
|
2329
|
+
BottomModalComponent,
|
|
2330
|
+
PopupModalComponent
|
|
2014
2331
|
],
|
|
2015
2332
|
schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA], imports: [BaseCardModule,
|
|
2016
2333
|
TranslateModule,
|
|
@@ -2039,6 +2356,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2039
2356
|
NotificationsModule,
|
|
2040
2357
|
LibToastrModule,
|
|
2041
2358
|
SelectableModule,
|
|
2359
|
+
InputFieldSelectModule,
|
|
2042
2360
|
RouterLink,
|
|
2043
2361
|
ReactiveFormsModule], providers: [provideHttpClient(withInterceptorsFromDi())] }]
|
|
2044
2362
|
}] });
|
|
@@ -2076,7 +2394,7 @@ class DeleteItinerariesComponent {
|
|
|
2076
2394
|
}
|
|
2077
2395
|
}
|
|
2078
2396
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DeleteItinerariesComponent, deps: [{ token: ModalService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
2079
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DeleteItinerariesComponent, selector: "app-delete-itineraries", outputs: { deleteItineraryEvent: "deleteItineraryEvent" }, ngImport: i0, template: " <div class=\"delete-modal text-center\" [formGroup]=\"deleteForm\">\r\n <img [ngSrc]=\"ICONS['delete']\" height=\"46\" width=\"46\" class=\"mx-auto\" />\r\n \r\n <h3 class=\"font-[Calistoga] mt-5\">\r\n {{ \"SNACKBAR.DELETE_ITINERARY\" | translate }}\r\n </h3>\r\n \r\n <p class=\"text-white mb-2 max-w-[80%] ml-auto mr-auto mt-1 text-[10px]\">\r\n {{ \"ADMIN.GRID.PERMANENT_DELETION\" | translate }}\r\n </p>\r\n \r\n <div class=\"check-box-field flex items-center justify-center gap-2\">\r\n <lib-dashed-checkbox formControlName=\"confirmDelete\" class=\"check-box\"></lib-dashed-checkbox>\r\n <label class=\"text-[8px]\">{{ \"ADMIN.GRID.DELETE_ITEM_WARNING\" | translate }}</label>\r\n </div>\r\n <ng-container *ngIf=\"showErrorMessage\">\r\n <p class=\"error-message text-[8px]\">{{ \"MAIN_ARCHIVES.DELETE_ERROR_MESSAGE\" | translate }}</p>\r\n </ng-container>\r\n \r\n <div class=\"flex justify-center gap-10 mt-5\">\r\n <button class=\"custom-flat-button font-[Calistoga]\" (click)=\"closeModal()\">\r\n {{ \"COMMON.KEEP\" | translate }}\r\n </button>\r\n <button class=\"custom-flat-button-highlighted-font font-[Calistoga]\" (click)=\"deleteItinerary()\">\r\n {{ \"COMMON.DELETE\" | translate }}\r\n </button>\r\n </div>\r\n </div>", styles: [".check-box-field{display:flex;justify-content:center;align-items:center;font-size:10px;margin-top:30px}.check-box-field span{margin-left:8px}.check-box{height:20px!important;width:20px!important}.error-message{color:#c7472e}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "component", type: i5.DashedCheckboxComponent, selector: "lib-dashed-checkbox", inputs: ["checked", "disabled"], outputs: ["toggle"] }, { kind: "pipe", type:
|
|
2397
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DeleteItinerariesComponent, selector: "app-delete-itineraries", outputs: { deleteItineraryEvent: "deleteItineraryEvent" }, ngImport: i0, template: " <div class=\"delete-modal text-center\" [formGroup]=\"deleteForm\">\r\n <img [ngSrc]=\"ICONS['delete']\" height=\"46\" width=\"46\" class=\"mx-auto\" />\r\n \r\n <h3 class=\"font-[Calistoga] mt-5\">\r\n {{ \"SNACKBAR.DELETE_ITINERARY\" | translate }}\r\n </h3>\r\n \r\n <p class=\"text-white mb-2 max-w-[80%] ml-auto mr-auto mt-1 text-[10px]\">\r\n {{ \"ADMIN.GRID.PERMANENT_DELETION\" | translate }}\r\n </p>\r\n \r\n <div class=\"check-box-field flex items-center justify-center gap-2\">\r\n <lib-dashed-checkbox formControlName=\"confirmDelete\" class=\"check-box\"></lib-dashed-checkbox>\r\n <label class=\"text-[8px]\">{{ \"ADMIN.GRID.DELETE_ITEM_WARNING\" | translate }}</label>\r\n </div>\r\n <ng-container *ngIf=\"showErrorMessage\">\r\n <p class=\"error-message text-[8px]\">{{ \"MAIN_ARCHIVES.DELETE_ERROR_MESSAGE\" | translate }}</p>\r\n </ng-container>\r\n \r\n <div class=\"flex justify-center gap-10 mt-5\">\r\n <button class=\"custom-flat-button font-[Calistoga]\" (click)=\"closeModal()\">\r\n {{ \"COMMON.KEEP\" | translate }}\r\n </button>\r\n <button class=\"custom-flat-button-highlighted-font font-[Calistoga]\" (click)=\"deleteItinerary()\">\r\n {{ \"COMMON.DELETE\" | translate }}\r\n </button>\r\n </div>\r\n </div>", styles: [".check-box-field{display:flex;justify-content:center;align-items:center;font-size:10px;margin-top:30px}.check-box-field span{margin-left:8px}.check-box{height:20px!important;width:20px!important}.error-message{color:#c7472e}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "component", type: i5.DashedCheckboxComponent, selector: "lib-dashed-checkbox", inputs: ["checked", "disabled"], outputs: ["toggle"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2080
2398
|
}
|
|
2081
2399
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DeleteItinerariesComponent, decorators: [{
|
|
2082
2400
|
type: Component,
|
|
@@ -2218,7 +2536,7 @@ class ReportItineraryModalComponent {
|
|
|
2218
2536
|
onOk() { }
|
|
2219
2537
|
FormFieldType = FormFieldType;
|
|
2220
2538
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ReportItineraryModalComponent, deps: [{ token: ConstantsService }, { token: ModalService }, { token: ApiService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2221
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ReportItineraryModalComponent, selector: "app-report-itinerary-modal", inputs: { popupTitle: "popupTitle" }, ngImport: i0, template: "<div class=\"report-itineraies max-padd-container\">\r\n <h1 class=\"p-4 pt-1\">{{ popupTitle | translate }}</h1>\r\n <div>\r\n <lib-form-field [formFieldControl]=\"radio\" [submitted]=\"false\" [required]=\"true\" [maxLength]=\"10\"\r\n [type]=\"FormFieldType.radio\" [options]=\"options\" [radioDeselectable]=\"false\" class=\"mb-2\"></lib-form-field>\r\n </div>\r\n\r\n <lib-text-box class=\"text-feild normal-text-sm\" *ngIf = \"selectedItem == 9\" [class.show]=\"selectedItem == 9\" [class.hide]=\"selectedItem != 9\"\r\n label=\"Please brief your issue\"></lib-text-box>\r\n <div class=\"flex justify-center gap-[46px] mt-3\">\r\n <button class=\"custom-flat-button font-[Calistoga]\" (click)=\"closeModal()\">{{ \"COMMON.CANCEL\" | translate}}</button>\r\n <button class=\"custom-flat-button-highlighted-font font-[Calistoga]\" (click)=\"onOk()\">{{ \"REPORT\" | translate }}</button>\r\n </div>\r\n</div>\r\n", styles: [":host ::ng-deep .mat-mdc-radio-button .mdc-form-field{--mat-checkbox-label-text-size: 10px !important}:host ::ng-deep .form-field__radio-states{--radio-button-size: 13.13px}:host ::ng-deep .mat-mdc-radio-group{gap:6px}.report-itineraies{width:235.5px;border-radius:10px;overflow:hidden;padding:0;display:flex;justify-content:center;align-items:center;flex-direction:column;--color: red}.report-itineraies h1{font-family:Calistoga}input{box-shadow:none}.text-feild{position:relative;width:100%;border-radius:8.2px;transition:opacity .5s ease,max-height .5s ease}.text-feild.show{opacity:1;min-height:56px;max-height:200px}.text-feild.hide{opacity:0;max-height:0}lib-text-box{--input-padding: 9px 8px;--border-radius: 8.2px;--label-font-size: 9.85px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.FormFieldComponent, selector: "lib-form-field", inputs: ["fieldName", "label", "placeholder", "message", "useTooltips", "descriptionText", "formFieldControl", "submitted", "required", "type", "plusIconUrl", "minusIconUrl", "maxLength", "max", "min", "pinValue", "dualKnobs", "reverseBarColor", "defaultValue", "noMargin", "options", "iconHtml", "invalidPatternMessage", "dateFormat", "currencySymbol", "hideCents", "isEditable", "rowEditConfirmationObsv", "errorInlineMode", "showLabelInRequiredErrorMessage", "decimalPosition", "hyperlinkTarget", "readOnly", "focus", "showRequiredIndicator", "maxDate", "minDate", "radioTranslateLabels", "radioDeselectable", "radioRippleEffect"], outputs: ["rowEdit", "focusOut", "valueChange"] }, { kind: "component", type: i5.TextBoxComponent, selector: "lib-text-box", inputs: ["label", "maxLength", "includeEmojiPicker", "emojiPickerConfig", "includeImageAttachment", "maxImageAttachmentLength"] }, { kind: "pipe", type:
|
|
2539
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ReportItineraryModalComponent, selector: "app-report-itinerary-modal", inputs: { popupTitle: "popupTitle" }, ngImport: i0, template: "<div class=\"report-itineraies max-padd-container\">\r\n <h1 class=\"p-4 pt-1\">{{ popupTitle | translate }}</h1>\r\n <div>\r\n <lib-form-field [formFieldControl]=\"radio\" [submitted]=\"false\" [required]=\"true\" [maxLength]=\"10\"\r\n [type]=\"FormFieldType.radio\" [options]=\"options\" [radioDeselectable]=\"false\" class=\"mb-2\"></lib-form-field>\r\n </div>\r\n\r\n <lib-text-box class=\"text-feild normal-text-sm\" *ngIf = \"selectedItem == 9\" [class.show]=\"selectedItem == 9\" [class.hide]=\"selectedItem != 9\"\r\n label=\"Please brief your issue\"></lib-text-box>\r\n <div class=\"flex justify-center gap-[46px] mt-3\">\r\n <button class=\"custom-flat-button font-[Calistoga]\" (click)=\"closeModal()\">{{ \"COMMON.CANCEL\" | translate}}</button>\r\n <button class=\"custom-flat-button-highlighted-font font-[Calistoga]\" (click)=\"onOk()\">{{ \"REPORT\" | translate }}</button>\r\n </div>\r\n</div>\r\n", styles: [":host ::ng-deep .mat-mdc-radio-button .mdc-form-field{--mat-checkbox-label-text-size: 10px !important}:host ::ng-deep .form-field__radio-states{--radio-button-size: 13.13px}:host ::ng-deep .mat-mdc-radio-group{gap:6px}.report-itineraies{width:235.5px;border-radius:10px;overflow:hidden;padding:0;display:flex;justify-content:center;align-items:center;flex-direction:column;--color: red}.report-itineraies h1{font-family:Calistoga}input{box-shadow:none}.text-feild{position:relative;width:100%;border-radius:8.2px;transition:opacity .5s ease,max-height .5s ease}.text-feild.show{opacity:1;min-height:56px;max-height:200px}.text-feild.hide{opacity:0;max-height:0}lib-text-box{--input-padding: 9px 8px;--border-radius: 8.2px;--label-font-size: 9.85px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.FormFieldComponent, selector: "lib-form-field", inputs: ["fieldName", "label", "placeholder", "message", "useTooltips", "descriptionText", "formFieldControl", "submitted", "required", "type", "plusIconUrl", "minusIconUrl", "maxLength", "max", "min", "pinValue", "dualKnobs", "reverseBarColor", "defaultValue", "noMargin", "options", "iconHtml", "invalidPatternMessage", "dateFormat", "currencySymbol", "hideCents", "isEditable", "rowEditConfirmationObsv", "errorInlineMode", "showLabelInRequiredErrorMessage", "decimalPosition", "hyperlinkTarget", "readOnly", "focus", "showRequiredIndicator", "maxDate", "minDate", "radioTranslateLabels", "radioDeselectable", "radioRippleEffect"], outputs: ["rowEdit", "focusOut", "valueChange"] }, { kind: "component", type: i5.TextBoxComponent, selector: "lib-text-box", inputs: ["label", "maxLength", "includeEmojiPicker", "emojiPickerConfig", "includeImageAttachment", "maxImageAttachmentLength"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2222
2540
|
}
|
|
2223
2541
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ReportItineraryModalComponent, decorators: [{
|
|
2224
2542
|
type: Component,
|
|
@@ -2318,22 +2636,22 @@ class SharePopupComponent {
|
|
|
2318
2636
|
this.accessType = value;
|
|
2319
2637
|
}
|
|
2320
2638
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SharePopupComponent, deps: [{ token: i2.FormBuilder }, { token: SharePopupDataService }, { token: i1.Router }, { token: i1$2.PlatformLocation }], target: i0.ɵɵFactoryTarget.Component });
|
|
2321
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SharePopupComponent, selector: "lib-share-popup", outputs: { closeModal: "closeModal" }, ngImport: i0, template: "<div class=\"share-itinerary min-w-[300px] \">\r\n <h2 class=\"title\">Share Itinerary</h2>\r\n\r\n <!-- Add People -->\r\n <
|
|
2639
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SharePopupComponent, selector: "lib-share-popup", outputs: { closeModal: "closeModal" }, ngImport: i0, template: "<div class=\"share-itinerary min-w-[300px] \">\r\n <h2 class=\"title\">Share Itinerary</h2>\r\n\r\n <!-- Add People -->\r\n <app-search-bar class=\"search-field\" [placeholderText]=\"'SEARCH_PEOPLE_GROUP' | translate\"\r\n [searchIcon]=\"ICONS['dashboardSearch']\">\r\n </app-search-bar>\r\n\r\n <!-- People with Access -->\r\n <div class=\"section font-[Gilroy] font-bold text-[13.px] mt-4 mb-8\">\r\n <h3 class=\"mb-1 access-title\">People with Access</h3>\r\n <div class=\"person flex gap-2\">\r\n <img [src]=\"peopleWithAccess[0].avatar\" alt=\"avatar\" class=\"avatar object-cover\" />\r\n <div class=\"info\">\r\n <div class=\"person-name\">{{ peopleWithAccess[0].name }}</div>\r\n <div class=\"person-email\">{{ peopleWithAccess[0].email }}</div>\r\n </div>\r\n <div class=\"role-text text-[#8B8B8B]\">{{ peopleWithAccess[0].role }}</div>\r\n </div>\r\n </div>\r\n\r\n <!-- General Access -->\r\n <div class=\"section\">\r\n <h3 class=\"general-access-title font-[Gilroy] mb-1\">General Access</h3>\r\n <div class=\"access-row\">\r\n <div class=\"icon mt-[7px]\">\r\n <img src=\"assets/icons/restricted_icon.png\" class=\"h-[30px] w-[30px] object-cover p-[6px] rounded-full border-[0.68px] border-white\"/>\r\n </div>\r\n <div [formGroup]=\"accessForm\">\r\n <div class=\"relative inline-block text-white\">\r\n <select formControlName=\"access\" class=\"access-select appearance-none bg-transparent focus:outline-none\">\r\n <option value=\"Restricted\">Restricted</option>\r\n <option value=\"Public\">Public</option>\r\n </select>\r\n\r\n <!-- Custom arrow icon -->\r\n <div class=\"pointer-events-none absolute inset-y-0 right-1 flex items-center pl-6\">\r\n <svg width=\"7\" height=\"4\" viewBox=\"0 0 7 4\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M3.35156 3.61768L6.40146 0.567782H0.301668L3.35156 3.61768Z\" fill=\"white\"/>\r\n </svg>\r\n </div>\r\n</div>\r\n\r\n <div class=\"permission-description\">\r\n <ng-container *ngIf=\"accessType === 'Restricted'\">\r\n {{ \"ITINERARY.RESTRICTED_ACCESS_MESSAGE\" | translate }}\r\n </ng-container>\r\n <ng-container *ngIf=\"accessType === 'Public'\">\r\n {{ \"ITINERARY.PUBLIC_ACCESS_MESSAGE\" | translate }}\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!-- Actions -->\r\n <div class=\"flex justify-center gap-10 mt-5\">\r\n <button class=\"custom-flat-button font-[Calistoga]\" (click)=\"copyLink()\">\r\n {{ \"COMMON.COPY_LINK\" | translate }}\r\n </button>\r\n <button class=\"custom-flat-button-highlighted-font font-[Calistoga]\" (click)=\"close()\">\r\n {{ \"COMMON.DONE\" | translate }}\r\n </button>\r\n </div>\r\n</div>\r\n", styles: [".title{text-align:center;font-family:Calistoga,serif;margin-bottom:20px}.info{flex:1}.name{font-weight:500}.email{font-size:13px;color:#a0a0a0}.role{font-size:14px;color:silver}.access-row{display:flex;align-items:center;gap:10px}.icon{font-size:20px}select{background:transparent;color:#fff;border:1px solid #555;border-radius:6px;padding:4px 8px}.desc{font-size:13px;color:#a0a0a0}.actions{display:flex;justify-content:space-between;margin-top:20px}.copy-btn{color:#f9f4d4;background:transparent;border:none;cursor:pointer;font-weight:600}.done-btn{color:#f85f75;background:transparent;border:none;cursor:pointer;font-weight:600}.access-title{font-size:var(--font-size-medium)}.person-name,.person-email{font-size:var(--font-size-small)}.person-email{font-weight:400}.role-text{font-size:var(--font-size-small);font-weight:400}.general-access-title{font-size:var(--font-size-medium);font-weight:700}.access-select{border:none!important;padding-right:12px;padding-left:0;font-family:var(--font-gilroy-bold);font-size:var(--font-size-small)}.permission-description{font-size:var(--font-size-small);color:#fff}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: SearchBarComponent, selector: "app-search-bar", inputs: ["searchIcon", "placeholderText"], outputs: ["searchStringChange", "cleared"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
|
|
2322
2640
|
}
|
|
2323
2641
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SharePopupComponent, decorators: [{
|
|
2324
2642
|
type: Component,
|
|
2325
|
-
args: [{ selector: 'lib-share-popup', standalone: false, template: "<div class=\"share-itinerary min-w-[300px] \">\r\n <h2 class=\"title\">Share Itinerary</h2>\r\n\r\n <!-- Add People -->\r\n <
|
|
2643
|
+
args: [{ selector: 'lib-share-popup', standalone: false, template: "<div class=\"share-itinerary min-w-[300px] \">\r\n <h2 class=\"title\">Share Itinerary</h2>\r\n\r\n <!-- Add People -->\r\n <app-search-bar class=\"search-field\" [placeholderText]=\"'SEARCH_PEOPLE_GROUP' | translate\"\r\n [searchIcon]=\"ICONS['dashboardSearch']\">\r\n </app-search-bar>\r\n\r\n <!-- People with Access -->\r\n <div class=\"section font-[Gilroy] font-bold text-[13.px] mt-4 mb-8\">\r\n <h3 class=\"mb-1 access-title\">People with Access</h3>\r\n <div class=\"person flex gap-2\">\r\n <img [src]=\"peopleWithAccess[0].avatar\" alt=\"avatar\" class=\"avatar object-cover\" />\r\n <div class=\"info\">\r\n <div class=\"person-name\">{{ peopleWithAccess[0].name }}</div>\r\n <div class=\"person-email\">{{ peopleWithAccess[0].email }}</div>\r\n </div>\r\n <div class=\"role-text text-[#8B8B8B]\">{{ peopleWithAccess[0].role }}</div>\r\n </div>\r\n </div>\r\n\r\n <!-- General Access -->\r\n <div class=\"section\">\r\n <h3 class=\"general-access-title font-[Gilroy] mb-1\">General Access</h3>\r\n <div class=\"access-row\">\r\n <div class=\"icon mt-[7px]\">\r\n <img src=\"assets/icons/restricted_icon.png\" class=\"h-[30px] w-[30px] object-cover p-[6px] rounded-full border-[0.68px] border-white\"/>\r\n </div>\r\n <div [formGroup]=\"accessForm\">\r\n <div class=\"relative inline-block text-white\">\r\n <select formControlName=\"access\" class=\"access-select appearance-none bg-transparent focus:outline-none\">\r\n <option value=\"Restricted\">Restricted</option>\r\n <option value=\"Public\">Public</option>\r\n </select>\r\n\r\n <!-- Custom arrow icon -->\r\n <div class=\"pointer-events-none absolute inset-y-0 right-1 flex items-center pl-6\">\r\n <svg width=\"7\" height=\"4\" viewBox=\"0 0 7 4\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M3.35156 3.61768L6.40146 0.567782H0.301668L3.35156 3.61768Z\" fill=\"white\"/>\r\n </svg>\r\n </div>\r\n</div>\r\n\r\n <div class=\"permission-description\">\r\n <ng-container *ngIf=\"accessType === 'Restricted'\">\r\n {{ \"ITINERARY.RESTRICTED_ACCESS_MESSAGE\" | translate }}\r\n </ng-container>\r\n <ng-container *ngIf=\"accessType === 'Public'\">\r\n {{ \"ITINERARY.PUBLIC_ACCESS_MESSAGE\" | translate }}\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!-- Actions -->\r\n <div class=\"flex justify-center gap-10 mt-5\">\r\n <button class=\"custom-flat-button font-[Calistoga]\" (click)=\"copyLink()\">\r\n {{ \"COMMON.COPY_LINK\" | translate }}\r\n </button>\r\n <button class=\"custom-flat-button-highlighted-font font-[Calistoga]\" (click)=\"close()\">\r\n {{ \"COMMON.DONE\" | translate }}\r\n </button>\r\n </div>\r\n</div>\r\n", styles: [".title{text-align:center;font-family:Calistoga,serif;margin-bottom:20px}.info{flex:1}.name{font-weight:500}.email{font-size:13px;color:#a0a0a0}.role{font-size:14px;color:silver}.access-row{display:flex;align-items:center;gap:10px}.icon{font-size:20px}select{background:transparent;color:#fff;border:1px solid #555;border-radius:6px;padding:4px 8px}.desc{font-size:13px;color:#a0a0a0}.actions{display:flex;justify-content:space-between;margin-top:20px}.copy-btn{color:#f9f4d4;background:transparent;border:none;cursor:pointer;font-weight:600}.done-btn{color:#f85f75;background:transparent;border:none;cursor:pointer;font-weight:600}.access-title{font-size:var(--font-size-medium)}.person-name,.person-email{font-size:var(--font-size-small)}.person-email{font-weight:400}.role-text{font-size:var(--font-size-small);font-weight:400}.general-access-title{font-size:var(--font-size-medium);font-weight:700}.access-select{border:none!important;padding-right:12px;padding-left:0;font-family:var(--font-gilroy-bold);font-size:var(--font-size-small)}.permission-description{font-size:var(--font-size-small);color:#fff}\n"] }]
|
|
2326
2644
|
}], ctorParameters: () => [{ type: i2.FormBuilder }, { type: SharePopupDataService }, { type: i1.Router }, { type: i1$2.PlatformLocation }], propDecorators: { closeModal: [{
|
|
2327
2645
|
type: Output
|
|
2328
2646
|
}] } });
|
|
2329
2647
|
|
|
2330
2648
|
class AppHeaderDesktopComponent {
|
|
2331
2649
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AppHeaderDesktopComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2332
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AppHeaderDesktopComponent, selector: "lib-app-header-desktop", ngImport: i0, template: "<header class=\"items-center justify-between py-1 px-6 hidden md:flex\">\r\n <div class=\"flex-auto\">\r\n <img src=\"assets/icons/logo.svg\" />\r\n </div>\r\n <div class=\"flex-auto\">\r\n <div\r\n class=\"bottom-nav-item flex flex-col items-center\"\r\n >\r\n <img src=\"assets/icons/home.svg\" />\r\n <span [class]=\"'span-text'\" style=\"font-size:6.81px;\">Home</span>\r\n </div>\r\n </div>\r\n \r\n\r\n <div class=\"flex-grow w-1/8\">\r\n <
|
|
2650
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AppHeaderDesktopComponent, selector: "lib-app-header-desktop", ngImport: i0, template: "<header class=\"items-center justify-between py-1 px-6 hidden md:flex\">\r\n <div class=\"flex-auto\">\r\n <img src=\"assets/icons/logo.svg\" />\r\n </div>\r\n <div class=\"flex-auto\">\r\n <div\r\n class=\"bottom-nav-item flex flex-col items-center\"\r\n >\r\n <img src=\"assets/icons/home.svg\" />\r\n <span [class]=\"'span-text'\" style=\"font-size:6.81px;\">Home</span>\r\n </div>\r\n </div>\r\n \r\n\r\n <div class=\"flex-grow w-1/8\">\r\n <app-search-bar\r\n class=\"search-field\"\r\n [searchIcon]=\"'assets/icons/dashboard_search.svg'\"\r\n [placeholderText]=\"'NG_GRID.searchOoo' | translate\"\r\n >\r\n </app-search-bar>\r\n </div>\r\n \r\n <div class=\"flex-auto text-right\">\r\n <div\r\n class=\"bottom-nav-item flex flex-col items-center\"\r\n >\r\n <img src=\"assets/icons/constituents.svg\" />\r\n <span [class]=\"'span-text'\" style=\"font-size:6.81px;\">Constituents</span>\r\n </div>\r\n </div>\r\n\r\n <div class=\"flex-auto font-white text-right\">\r\n <div\r\n class=\"bottom-nav-item flex flex-col items-center\"\r\n >\r\n <img src=\"assets/icons/itineraries.svg\" />\r\n <span [class]=\"'span-text'\" style=\"font-size:6.81px;\">Itinerary</span>\r\n </div>\r\n </div>\r\n\r\n <div class=\"flex-auto font-white text-right\">\r\n <div\r\n class=\"bottom-nav-item flex flex-col items-center\"\r\n >\r\n <img src=\"assets/icons/stats.svg\" />\r\n <span [class]=\"'span-text'\" style=\"font-size:6.81px;\">Stats</span>\r\n </div>\r\n </div>\r\n\r\n <div class=\"flex-auto font-white text-right\">\r\n <div\r\n class=\"bottom-nav-item flex flex-col items-center\"\r\n >\r\n <img src=\"assets/icons/setting.svg\" />\r\n <span [class]=\"'span-text'\" style=\"font-size:6.81px;\">Settings</span>\r\n </div>\r\n </div>\r\n\r\n <div class=\"flex justify-end flex-auto\">\r\n <div class=\"h-[30px] w-[30px]\">\r\n <lib-user-menu\r\n [userImageUrl]=\"'assets/images/user-image.jpg'\"\r\n >\r\n </lib-user-menu>\r\n </div>\r\n \r\n </div>\r\n</header>\r\n", styles: [""], dependencies: [{ kind: "component", type: SearchBarComponent, selector: "app-search-bar", inputs: ["searchIcon", "placeholderText"], outputs: ["searchStringChange", "cleared"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "component", type: i5.UserMenuComponent, selector: "lib-user-menu", inputs: ["customMenuItems", "notifications", "isLoadingNotifications", "userImageUrl"], outputs: ["handleNotificationClick", "getNotifications", "emitFeedback", "emitInfo", "emitLogout"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
|
|
2333
2651
|
}
|
|
2334
2652
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AppHeaderDesktopComponent, decorators: [{
|
|
2335
2653
|
type: Component,
|
|
2336
|
-
args: [{ selector: 'lib-app-header-desktop', standalone: false, template: "<header class=\"items-center justify-between py-1 px-6 hidden md:flex\">\r\n <div class=\"flex-auto\">\r\n <img src=\"assets/icons/logo.svg\" />\r\n </div>\r\n <div class=\"flex-auto\">\r\n <div\r\n class=\"bottom-nav-item flex flex-col items-center\"\r\n >\r\n <img src=\"assets/icons/home.svg\" />\r\n <span [class]=\"'span-text'\" style=\"font-size:6.81px;\">Home</span>\r\n </div>\r\n </div>\r\n \r\n\r\n <div class=\"flex-grow w-1/8\">\r\n <
|
|
2654
|
+
args: [{ selector: 'lib-app-header-desktop', standalone: false, template: "<header class=\"items-center justify-between py-1 px-6 hidden md:flex\">\r\n <div class=\"flex-auto\">\r\n <img src=\"assets/icons/logo.svg\" />\r\n </div>\r\n <div class=\"flex-auto\">\r\n <div\r\n class=\"bottom-nav-item flex flex-col items-center\"\r\n >\r\n <img src=\"assets/icons/home.svg\" />\r\n <span [class]=\"'span-text'\" style=\"font-size:6.81px;\">Home</span>\r\n </div>\r\n </div>\r\n \r\n\r\n <div class=\"flex-grow w-1/8\">\r\n <app-search-bar\r\n class=\"search-field\"\r\n [searchIcon]=\"'assets/icons/dashboard_search.svg'\"\r\n [placeholderText]=\"'NG_GRID.searchOoo' | translate\"\r\n >\r\n </app-search-bar>\r\n </div>\r\n \r\n <div class=\"flex-auto text-right\">\r\n <div\r\n class=\"bottom-nav-item flex flex-col items-center\"\r\n >\r\n <img src=\"assets/icons/constituents.svg\" />\r\n <span [class]=\"'span-text'\" style=\"font-size:6.81px;\">Constituents</span>\r\n </div>\r\n </div>\r\n\r\n <div class=\"flex-auto font-white text-right\">\r\n <div\r\n class=\"bottom-nav-item flex flex-col items-center\"\r\n >\r\n <img src=\"assets/icons/itineraries.svg\" />\r\n <span [class]=\"'span-text'\" style=\"font-size:6.81px;\">Itinerary</span>\r\n </div>\r\n </div>\r\n\r\n <div class=\"flex-auto font-white text-right\">\r\n <div\r\n class=\"bottom-nav-item flex flex-col items-center\"\r\n >\r\n <img src=\"assets/icons/stats.svg\" />\r\n <span [class]=\"'span-text'\" style=\"font-size:6.81px;\">Stats</span>\r\n </div>\r\n </div>\r\n\r\n <div class=\"flex-auto font-white text-right\">\r\n <div\r\n class=\"bottom-nav-item flex flex-col items-center\"\r\n >\r\n <img src=\"assets/icons/setting.svg\" />\r\n <span [class]=\"'span-text'\" style=\"font-size:6.81px;\">Settings</span>\r\n </div>\r\n </div>\r\n\r\n <div class=\"flex justify-end flex-auto\">\r\n <div class=\"h-[30px] w-[30px]\">\r\n <lib-user-menu\r\n [userImageUrl]=\"'assets/images/user-image.jpg'\"\r\n >\r\n </lib-user-menu>\r\n </div>\r\n \r\n </div>\r\n</header>\r\n" }]
|
|
2337
2655
|
}] });
|
|
2338
2656
|
|
|
2339
2657
|
class AppSidebarDesktopComponent {
|
|
@@ -2395,7 +2713,7 @@ class AppSidebarDesktopComponent {
|
|
|
2395
2713
|
this.navigateToChildRoute(ItinerariesRoutesEnum.FAVORITES);
|
|
2396
2714
|
}
|
|
2397
2715
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AppSidebarDesktopComponent, deps: [{ token: i1.Router }, { token: i1$2.Location }, { token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
|
|
2398
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AppSidebarDesktopComponent, selector: "lib-app-sidebar-desktop", ngImport: i0, template: " <aside class=\"w-[260px] min-h-screen text-white p-4 hidden md:flex md:flex-col gap-10 space-y-6 font-semibold\">\r\n <!-- Header -->\r\n <ng-template #suffix>\r\n <span class=\"discard\"><img [ngSrc]=\"ICONS['search']\" height=\"17\" width=\"18\" /></span>\r\n </ng-template>\r\n <section class=\"flex justify-between\">\r\n <lib-icon-btn (click)=\"back()\" class=\"checkmark-icon-button\">\r\n <img [ngSrc]=\"ICONS['back']\" height=\"17\" width=\"18\" />\r\n </lib-icon-btn>\r\n <h4 class=\"font-[Calistoga] text-[24px]\">{{ \"SIDEBAR.ITINERARIES\" | translate }}</h4>\r\n <lib-icon-btn (click)=\"openSearch()\" class=\"checkmark-icon-button\">\r\n <img [ngSrc]=\"ICONS['search']\" height=\"17\" width=\"18\" />\r\n </lib-icon-btn>\r\n </section>\r\n\r\n <section class=\"flex flex-col gap-10\">\r\n <!-- Explore Section -->\r\n <div class=\"flex flex-col justify-center\">\r\n <button class=\"m-auto w-[100px] text-center font-[Calistoga] text-[24px] font-normal\" (click)=\"openExplorePage()\">{{ \"SIDEBAR.EXPLORE\" | translate }}</button> \r\n <h2 *ngIf=\"currentUrl === '/itineraries/explore'\" class=\"m-auto w-[90px] mt-2 text-center underline-custom\"></h2> \r\n <div class=\"flex justify-center mt-6\">\r\n <div\r\n (click)=\"openCommentsSearch()\"\r\n class=\"flex items-center justify-center rounded-full cursor-pointer\"\r\n style=\"\r\n width: 40px;\r\n height: 40px;\r\n background: rgba(39, 36, 44, 1);\r\n box-shadow:\r\n -6.4px -6.4px 20.49px -3.84px rgba(203, 199, 209, 0.25),\r\n 14.08px 12.8px 34.57px 3.2px rgba(17, 16, 20, 0.65);\r\n \"\r\n \r\n >\r\n <img [ngSrc]=\"ICONS['desktopSearch']\" height=\"17\" width=\"18\" class=\"w-5 h-5\" />\r\n </div>\r\n </div>\r\n <div class=\"flex justify-center mt-6\">\r\n <button class=\"custom-button font-[Gilroy] font-normal text-[18px]\">{{\"SIDEBAR.FEATURED\" | translate}}</button>\r\n </div>\r\n <div class=\"flex justify-center mt-6\">\r\n <button class=\"custom-button font-[Gilroy] font-normal text-[18px]\">{{\"SIDEBAR.HOT\" | translate}}</button>\r\n </div>\r\n <div class=\"flex justify-center mt-6\">\r\n <button class=\"custom-button [Gilroy] font-normal text-[18px]\">{{\"SIDEBAR.BEST\" | translate}}</button>\r\n </div>\r\n <div class=\"flex justify-center mt-6\">\r\n <button class=\"custom-button [Gilroy] font-normal text-[18px]\">{{\"SIDEBAR.NEW\" | translate}}</button>\r\n </div>\r\n </div>\r\n\r\n <!-- Builder Section -->\r\n <div class=\"flex flex-col justify-center\">\r\n <button class=\"font-[Calistoga] text-[24px] font-normal\" (click)=\"openBuilderPage()\">{{\"SIDEBAR.BUILDER\" | translate}}</button>\r\n <h2 *ngIf=\"currentUrl === '/itineraries/builder'\" class=\"m-auto w-[90px] mt-2 text-center underline-custom\"></h2> \r\n </div>\r\n\r\n <!-- Builder Section -->\r\n <div class=\"flex flex-col justify-center\">\r\n <button class=\"font-[Calistoga] text-[24px] font-normal\" (click)=\"openFavoritesPage()\">{{\"SIDEBAR.FAVOURITE\" | translate }}</button>\r\n <h2 *ngIf=\"currentUrl === '/itineraries/favorites'\" class=\"m-auto w-[90px] mt-2 text-center underline-custom\"></h2> \r\n </div>\r\n </section>\r\n</aside>", styles: ["aside{background-color:#27242c}.underline-custom{background:linear-gradient(94.44deg,#fe3c72 1.26%,#e15561);height:5px}.filter-outer{box-shadow:-6.4px -6.4px 20.49px -3.84px #cbc7d140;box-shadow:14.08px 12.8px 34.57px 3.2px #111014a6;height:40px;width:40px;border-radius:50%;background:#27242c}.filter-item-container{width:40px;height:40px;background:#27242c;box-shadow:-6.4px -6.4px 20.49px -3.84px #cbc7d140,14.08px 12.8px 34.57px 3.2px #111014a6}.custom-button{box-shadow:-6.4px -6.4px 20.49px -3.84px #cbc7d140,14.08px 12.8px 34.57px 3.2px #111014a6;background:#27242c;padding:10px 20px;border-radius:24px}.custom-button.active{background:linear-gradient(94.44deg,#fe3c72 1.26%,#e15561)!important}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.IconBtnComponent, selector: "lib-icon-btn", inputs: ["hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "notificationCount", "loading$", "illuminateIcon"] }, { kind: "directive", type: i1$2.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "pipe", type:
|
|
2716
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AppSidebarDesktopComponent, selector: "lib-app-sidebar-desktop", ngImport: i0, template: " <aside class=\"w-[260px] min-h-screen text-white p-4 hidden md:flex md:flex-col gap-10 space-y-6 font-semibold\">\r\n <!-- Header -->\r\n <ng-template #suffix>\r\n <span class=\"discard\"><img [ngSrc]=\"ICONS['search']\" height=\"17\" width=\"18\" /></span>\r\n </ng-template>\r\n <section class=\"flex justify-between\">\r\n <lib-icon-btn (click)=\"back()\" class=\"checkmark-icon-button\">\r\n <img [ngSrc]=\"ICONS['back']\" height=\"17\" width=\"18\" />\r\n </lib-icon-btn>\r\n <h4 class=\"font-[Calistoga] text-[24px]\">{{ \"SIDEBAR.ITINERARIES\" | translate }}</h4>\r\n <lib-icon-btn (click)=\"openSearch()\" class=\"checkmark-icon-button\">\r\n <img [ngSrc]=\"ICONS['search']\" height=\"17\" width=\"18\" />\r\n </lib-icon-btn>\r\n </section>\r\n\r\n <section class=\"flex flex-col gap-10\">\r\n <!-- Explore Section -->\r\n <div class=\"flex flex-col justify-center\">\r\n <button class=\"m-auto w-[100px] text-center font-[Calistoga] text-[24px] font-normal\" (click)=\"openExplorePage()\">{{ \"SIDEBAR.EXPLORE\" | translate }}</button> \r\n <h2 *ngIf=\"currentUrl === '/itineraries/explore'\" class=\"m-auto w-[90px] mt-2 text-center underline-custom\"></h2> \r\n <div class=\"flex justify-center mt-6\">\r\n <div\r\n (click)=\"openCommentsSearch()\"\r\n class=\"flex items-center justify-center rounded-full cursor-pointer\"\r\n style=\"\r\n width: 40px;\r\n height: 40px;\r\n background: rgba(39, 36, 44, 1);\r\n box-shadow:\r\n -6.4px -6.4px 20.49px -3.84px rgba(203, 199, 209, 0.25),\r\n 14.08px 12.8px 34.57px 3.2px rgba(17, 16, 20, 0.65);\r\n \"\r\n \r\n >\r\n <img [ngSrc]=\"ICONS['desktopSearch']\" height=\"17\" width=\"18\" class=\"w-5 h-5\" />\r\n </div>\r\n </div>\r\n <div class=\"flex justify-center mt-6\">\r\n <button class=\"custom-button font-[Gilroy] font-normal text-[18px]\">{{\"SIDEBAR.FEATURED\" | translate}}</button>\r\n </div>\r\n <div class=\"flex justify-center mt-6\">\r\n <button class=\"custom-button font-[Gilroy] font-normal text-[18px]\">{{\"SIDEBAR.HOT\" | translate}}</button>\r\n </div>\r\n <div class=\"flex justify-center mt-6\">\r\n <button class=\"custom-button [Gilroy] font-normal text-[18px]\">{{\"SIDEBAR.BEST\" | translate}}</button>\r\n </div>\r\n <div class=\"flex justify-center mt-6\">\r\n <button class=\"custom-button [Gilroy] font-normal text-[18px]\">{{\"SIDEBAR.NEW\" | translate}}</button>\r\n </div>\r\n </div>\r\n\r\n <!-- Builder Section -->\r\n <div class=\"flex flex-col justify-center\">\r\n <button class=\"font-[Calistoga] text-[24px] font-normal\" (click)=\"openBuilderPage()\">{{\"SIDEBAR.BUILDER\" | translate}}</button>\r\n <h2 *ngIf=\"currentUrl === '/itineraries/builder'\" class=\"m-auto w-[90px] mt-2 text-center underline-custom\"></h2> \r\n </div>\r\n\r\n <!-- Builder Section -->\r\n <div class=\"flex flex-col justify-center\">\r\n <button class=\"font-[Calistoga] text-[24px] font-normal\" (click)=\"openFavoritesPage()\">{{\"SIDEBAR.FAVOURITE\" | translate }}</button>\r\n <h2 *ngIf=\"currentUrl === '/itineraries/favorites'\" class=\"m-auto w-[90px] mt-2 text-center underline-custom\"></h2> \r\n </div>\r\n </section>\r\n</aside>", styles: ["aside{background-color:#27242c}.underline-custom{background:linear-gradient(94.44deg,#fe3c72 1.26%,#e15561);height:5px}.filter-outer{box-shadow:-6.4px -6.4px 20.49px -3.84px #cbc7d140;box-shadow:14.08px 12.8px 34.57px 3.2px #111014a6;height:40px;width:40px;border-radius:50%;background:#27242c}.filter-item-container{width:40px;height:40px;background:#27242c;box-shadow:-6.4px -6.4px 20.49px -3.84px #cbc7d140,14.08px 12.8px 34.57px 3.2px #111014a6}.custom-button{box-shadow:-6.4px -6.4px 20.49px -3.84px #cbc7d140,14.08px 12.8px 34.57px 3.2px #111014a6;background:#27242c;padding:10px 20px;border-radius:24px}.custom-button.active{background:linear-gradient(94.44deg,#fe3c72 1.26%,#e15561)!important}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.IconBtnComponent, selector: "lib-icon-btn", inputs: ["hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "notificationCount", "loading$", "illuminateIcon"] }, { kind: "directive", type: i1$2.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
|
|
2399
2717
|
}
|
|
2400
2718
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AppSidebarDesktopComponent, decorators: [{
|
|
2401
2719
|
type: Component,
|
|
@@ -2430,7 +2748,7 @@ class ItinerariesComponent {
|
|
|
2430
2748
|
+ '/' + ItinerariesRoutesEnum.ITINERARY_DETAIL);
|
|
2431
2749
|
}
|
|
2432
2750
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItinerariesComponent, deps: [{ token: i1.Router }, { token: ModalService }, { token: ModalShareUrlClientService }, { token: i1$2.Location }, { token: NavigationHelperService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2433
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ItinerariesComponent, selector: "app-home", ngImport: i0, template: "<lib-app-header-desktop></lib-app-header-desktop>\r\n<div\r\n class=\"pl-2 pr-4 sticky top-0 left-0 z-10 block md:hidden\"\r\n style=\"background-color: #27242c\"\r\n>\r\n <ng-template #search>\r\n <img [src]=\"ICONS['search']\" alt=\"right-icon\" (click)=\"searchButtonClick()\" />\r\n </ng-template>\r\n\r\n <app-header\r\n (firstButton)=\"backButtonClick()\"\r\n [heading]=\"'SIDEBAR.ITINERARIES' | translate\"\r\n [headerSuffixTemplate]=\"search\"\r\n ></app-header>\r\n <app-tab-bar></app-tab-bar>\r\n</div>\r\n<div class=\"flex\">\r\n<lib-app-sidebar-desktop></lib-app-sidebar-desktop>\r\n<div\r\n class=\"min-screen-main w-screen max-padd-container bg-transparent md:bg-[#686868] mobile-height-adjust-outer\"\r\n>\r\n <div\r\n class=\"minScreen pl-4 pr-4 mobile-height-adjust\"\r\n >\r\n <router-outlet></router-outlet>\r\n </div>\r\n <lib-popup [isOpen]=\"modalService.toggleModal\">\r\n <app-report-itinerary-modal\r\n [popupTitle]=\"'Report Itinerary'\"\r\n ></app-report-itinerary-modal>\r\n </lib-popup>\r\n <app-footer></app-footer>\r\n <lib-popup [customClass]=\"'custom-popup-container'\" [isOpen]=\"shareModalService.toggleModal\">\r\n <lib-share-popup (closeModal)=\"closeUrlShareModal()\" (copyClicked)=\"copyButtonClicked()\"></lib-share-popup>\r\n </lib-popup>\r\n</div>\r\n</div>\r\n\r\n", styles: [".min-screen-main{overflow-y:auto!important}.bottom-padding{min-height:10px}.min-screen{padding-bottom:60px}@media (max-width: 767px){.mobile-height-adjust{height:calc(100% - 102px)!important}.mobile-height-adjust-outer{height:calc(100% - 103px)!important}}\n"], dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: TabBarComponent, selector: "app-tab-bar", inputs: ["tabMenuItems"] }, { kind: "component", type: HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "component", type: FooterComponent, selector: "app-footer" }, { kind: "component", type: i5.LibModalComponent, selector: "lib-popup", inputs: ["isOpen", "icon", "title", "message", "extendedMessage", "cancelButton", "confirmButton", "checkboxText", "progBarCurrentStep", "progBarTotalSteps", "customClass", "backdropDismiss", "modalComponent", "modalComponentData"], outputs: ["modalConfirm", "modalDismiss", "afterCloseEvent"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "component", type: ReportItineraryModalComponent, selector: "app-report-itinerary-modal", inputs: ["popupTitle"] }, { kind: "component", type: SharePopupComponent, selector: "lib-share-popup", outputs: ["closeModal"] }, { kind: "component", type: AppHeaderDesktopComponent, selector: "lib-app-header-desktop" }, { kind: "component", type: AppSidebarDesktopComponent, selector: "lib-app-sidebar-desktop" }, { kind: "pipe", type:
|
|
2751
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ItinerariesComponent, selector: "app-home", ngImport: i0, template: "<lib-app-header-desktop></lib-app-header-desktop>\r\n<div\r\n class=\"pl-2 pr-4 sticky top-0 left-0 z-10 block md:hidden\"\r\n style=\"background-color: #27242c\"\r\n>\r\n <ng-template #search>\r\n <img [src]=\"ICONS['search']\" alt=\"right-icon\" (click)=\"searchButtonClick()\" />\r\n </ng-template>\r\n\r\n <app-header\r\n (firstButton)=\"backButtonClick()\"\r\n [heading]=\"'SIDEBAR.ITINERARIES' | translate\"\r\n [headerSuffixTemplate]=\"search\"\r\n ></app-header>\r\n <app-tab-bar></app-tab-bar>\r\n</div>\r\n<div class=\"flex\">\r\n<lib-app-sidebar-desktop></lib-app-sidebar-desktop>\r\n<div\r\n class=\"min-screen-main w-screen max-padd-container bg-transparent md:bg-[#686868] mobile-height-adjust-outer\"\r\n>\r\n <div\r\n class=\"minScreen pl-4 pr-4 mobile-height-adjust\"\r\n >\r\n <router-outlet></router-outlet>\r\n </div>\r\n <lib-popup [isOpen]=\"modalService.toggleModal\">\r\n <app-report-itinerary-modal\r\n [popupTitle]=\"'Report Itinerary'\"\r\n ></app-report-itinerary-modal>\r\n </lib-popup>\r\n <app-footer></app-footer>\r\n <lib-popup [customClass]=\"'custom-popup-container'\" [isOpen]=\"shareModalService.toggleModal\">\r\n <lib-share-popup (closeModal)=\"closeUrlShareModal()\" (copyClicked)=\"copyButtonClicked()\"></lib-share-popup>\r\n </lib-popup>\r\n</div>\r\n</div>\r\n\r\n", styles: [".min-screen-main{overflow-y:auto!important}.bottom-padding{min-height:10px}.min-screen{padding-bottom:60px}@media (max-width: 767px){.mobile-height-adjust{height:calc(100% - 102px)!important}.mobile-height-adjust-outer{height:calc(100% - 103px)!important}}\n"], dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: TabBarComponent, selector: "app-tab-bar", inputs: ["tabMenuItems"] }, { kind: "component", type: HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "component", type: FooterComponent, selector: "app-footer" }, { kind: "component", type: i5.LibModalComponent, selector: "lib-popup", inputs: ["isOpen", "icon", "title", "message", "extendedMessage", "cancelButton", "confirmButton", "checkboxText", "progBarCurrentStep", "progBarTotalSteps", "customClass", "backdropDismiss", "modalComponent", "modalComponentData"], outputs: ["modalConfirm", "modalDismiss", "afterCloseEvent"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "component", type: ReportItineraryModalComponent, selector: "app-report-itinerary-modal", inputs: ["popupTitle"] }, { kind: "component", type: SharePopupComponent, selector: "lib-share-popup", outputs: ["closeModal"] }, { kind: "component", type: AppHeaderDesktopComponent, selector: "lib-app-header-desktop" }, { kind: "component", type: AppSidebarDesktopComponent, selector: "lib-app-sidebar-desktop" }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2434
2752
|
}
|
|
2435
2753
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItinerariesComponent, decorators: [{
|
|
2436
2754
|
type: Component,
|
|
@@ -2572,11 +2890,11 @@ class AdvancedFiltersComponent {
|
|
|
2572
2890
|
this.location.back();
|
|
2573
2891
|
}
|
|
2574
2892
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AdvancedFiltersComponent, deps: [{ token: i2.FormBuilder }, { token: i1$2.Location }], target: i0.ɵɵFactoryTarget.Component });
|
|
2575
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AdvancedFiltersComponent, selector: "app-advanced-filters", ngImport: i0, template: "<div class=\"px-4\">\r\n <app-header heading=\"Advanced Filters\" (firstButton)=\"back()\"></app-header>\r\n</div>\r\n<div class=\"px-5 mt-4 mb-[5rem]\">\r\n <form [formGroup]=\"form\" (ngSubmit)=\"submitForm()\">\r\n <p class=\"normal-text-md normal-text-gray mb-[26px]\">Create and apply custom advance filters or select popular preset advance filters.</p>\r\n <h5 class=\"subtitle mb-[12px]\">Filters</h5>\r\n <div class=\"flex items-center mb-2\">\r\n <lib-input-field type=\"text\" label=\"Filter Name\" style=\"width: calc(100% - 80px) ;\" formControlName=\"filterName\">\r\n </lib-input-field>\r\n <button class=\"flex row items-center gap-1 mt-2 ms-1 cursor-pointer font-purple text-nowrap\" type=\"submit\">\r\n <img [ngSrc]=\"ICONS['plus']\" height=\"14\" width=\"15\" alt=\"lib-icon\" />\r\n <span class=\"shadow normal-text-md\">\r\n Add filter\r\n </span>\r\n </button>\r\n </div>\r\n <div class=\"flex gap-2\">\r\n <div class=\"w-[50%]\">\r\n <
|
|
2893
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AdvancedFiltersComponent, selector: "app-advanced-filters", ngImport: i0, template: "<div class=\"px-4\">\r\n <app-header heading=\"Advanced Filters\" (firstButton)=\"back()\"></app-header>\r\n</div>\r\n<div class=\"px-5 mt-4 mb-[5rem]\">\r\n <form [formGroup]=\"form\" (ngSubmit)=\"submitForm()\">\r\n <p class=\"normal-text-md normal-text-gray mb-[26px]\">Create and apply custom advance filters or select popular preset advance filters.</p>\r\n <h5 class=\"subtitle mb-[12px]\">Filters</h5>\r\n <div class=\"flex items-center mb-2\">\r\n <lib-input-field type=\"text\" label=\"Filter Name\" style=\"width: calc(100% - 80px) ;\" formControlName=\"filterName\">\r\n </lib-input-field>\r\n <button class=\"flex row items-center gap-1 mt-2 ms-1 cursor-pointer font-purple text-nowrap\" type=\"submit\">\r\n <img [ngSrc]=\"ICONS['plus']\" height=\"14\" width=\"15\" alt=\"lib-icon\" />\r\n <span class=\"shadow normal-text-md\">\r\n Add filter\r\n </span>\r\n </button>\r\n </div>\r\n <div class=\"flex gap-2\">\r\n <div class=\"w-[50%]\">\r\n <app-input-field-select formControlName=\"filterField\" optionLabel=\"name\"\r\n optionValue=\"value\" label=\"Field\" [options]=\"fields\">\r\n </app-input-field-select>\r\n </div>\r\n <div class=\"w-[50%]\">\r\n <app-input-field-select formControlName=\"filterCondition\"\r\n [options]=\"conditions\" optionLabel=\"name\" optionValue=\"value\" label=\"Condition\">\r\n </app-input-field-select>\r\n </div>\r\n </div>\r\n </form>\r\n <div class=\"divider mt-4\">\r\n </div>\r\n <div class=\"mt-[20px]\">\r\n <div *ngFor=\"let filter of defaultFilterList\" class=\"flex row justify-between items-center mb-[32px]\">\r\n <div class=\"flex row gap-[30px]\">\r\n <img [src]=\"ICONS['grid']\" alt=\"lib-icon\">\r\n <p class=\"normal-text-md \" [class]=\"selectedFilterId !== filter.projectGridFilterId ? 'text-white' : 'normal-text-gray'\">{{ filter.name }}</p>\r\n </div>\r\n <div class=\"flex row gap-[14px]\">\r\n <p class=\"normal-text-sm\">Default</p>\r\n <img *ngIf=\"selectedFilterId !== filter.projectGridFilterId \" [src]=\"ICONS['eyePink']\" alt=\"lib-icon\" width=\"15.59\" height=\"9.85\" (click)=\"setFilter(filter)\">\r\n <img *ngIf=\"selectedFilterId === filter.projectGridFilterId \" [src]=\"ICONS['eyePinkClose']\" alt=\"lib-icon\" width=\"15.59\" height=\"9.85\" (click)=\"setFilter(filter)\">\r\n </div>\r\n </div>\r\n\r\n <div *ngFor=\"let userFilter of userFilterList\" class=\"flex row justify-between mb-[32px] items-center\">\r\n <div class=\"flex row gap-[30px]\">\r\n <img [src]=\"ICONS['grid']\" alt=\"lib-icon\">\r\n <p class=\"text-nowrap normal-text-md\" [ngStyle]=\"{ 'max-width': filterWidth + 'px' }\" [class]=\"selectedFilterId !== userFilter.projectGridFilterId ? 'text-white' : 'normal-text-gray'\">\r\n <span class=\"truncate inline-block align-bottom\" style=\"max-width: 4rem;\">\r\n {{ userFilter.name }}\r\n </span>\r\n |\r\n {{ userFilter.sort?.field }}, {{ userFilter.sort?.direction == \"Ascending\" ? \"Sort A-Z\" : \"Sort Z-A\" }}</p>\r\n <!-- <p class=\"text-white\" [ngStyle]=\"{ 'max-width': filterWidth + 'px' }\">{{ userFilter.name }} </p> -->\r\n </div>\r\n <div class=\"flex row gap-3\">\r\n <img [src]=\"ICONS['deletePink']\" class=\"lib-icon\" width=\"9.41\" height=\"12.29\" (click)=\"removeFilter(userFilter)\">\r\n <img [src]=\"ICONS['editPink']\" class=\"lib-icon\" width=\"12.31\" height=\"12.31\">\r\n <img *ngIf=\"selectedFilterId !== userFilter.projectGridFilterId \" [src]=\"ICONS['eyePink']\" alt=\"lib-icon\" width=\"15.59\" height=\"9.85\" (click)=\"setFilter(userFilter)\">\r\n <img *ngIf=\"selectedFilterId === userFilter.projectGridFilterId \" [src]=\"ICONS['eyePinkClose']\" alt=\"lib-icon\" width=\"15.59\" height=\"9.85\" (click)=\"setFilter(userFilter)\">\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n<div class=\"fixed w-[90%] bottom-[1rem] left-[5%]\">\r\n <div class=\"w-100 center\">\r\n <lib-primary-btn>{{\"ITINERARY.APPLY\" | translate }}</lib-primary-btn>\r\n </div>\r\n</div>\r\n", styles: [".bg-shadow{text-shadow:2px 2px 10px red}.lib-icon{height:13px!important}.subtitle{font-weight:500;font-size:13.13px;line-height:160%;color:#fff}button span.shadow{text-shadow:var(--lib-primary-button-text-shadow)}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.PrimaryBtnComponent, selector: "lib-primary-btn", inputs: ["hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "loading$"] }, { kind: "directive", type: i1$2.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "component", type: InputFieldSelectComponent, selector: "app-input-field-select", inputs: ["multiple", "label", "placeholder", "optionLabel", "optionValue", "options", "optionsTemplates", "filterBy", "enableFilter", "readonly", "disabled", "showClear", "editable", "withTemplate", "enableTranslation", "class"], outputs: ["valueChange"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "component", type: i5.InputFieldComponent, selector: "lib-input-field,[lib-input-field]", inputs: ["name", "autocomplete", "label", "placeholder", "type", "readonly", "focus", "enableGoogleAddress", "locationAutocompleteConfig", "defaultLocation", "mask", "prefix", "suffix", "maxLength", "value", "address", "textarea", "resize", "counter", "patterns", "trimWhiteSpace", "disabled"], outputs: ["mapError", "locationChange", "keyDown", "onBlur"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
|
|
2576
2894
|
}
|
|
2577
2895
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AdvancedFiltersComponent, decorators: [{
|
|
2578
2896
|
type: Component,
|
|
2579
|
-
args: [{ selector: 'app-advanced-filters', standalone: false, template: "<div class=\"px-4\">\r\n <app-header heading=\"Advanced Filters\" (firstButton)=\"back()\"></app-header>\r\n</div>\r\n<div class=\"px-5 mt-4 mb-[5rem]\">\r\n <form [formGroup]=\"form\" (ngSubmit)=\"submitForm()\">\r\n <p class=\"normal-text-md normal-text-gray mb-[26px]\">Create and apply custom advance filters or select popular preset advance filters.</p>\r\n <h5 class=\"subtitle mb-[12px]\">Filters</h5>\r\n <div class=\"flex items-center mb-2\">\r\n <lib-input-field type=\"text\" label=\"Filter Name\" style=\"width: calc(100% - 80px) ;\" formControlName=\"filterName\">\r\n </lib-input-field>\r\n <button class=\"flex row items-center gap-1 mt-2 ms-1 cursor-pointer font-purple text-nowrap\" type=\"submit\">\r\n <img [ngSrc]=\"ICONS['plus']\" height=\"14\" width=\"15\" alt=\"lib-icon\" />\r\n <span class=\"shadow normal-text-md\">\r\n Add filter\r\n </span>\r\n </button>\r\n </div>\r\n <div class=\"flex gap-2\">\r\n <div class=\"w-[50%]\">\r\n <
|
|
2897
|
+
args: [{ selector: 'app-advanced-filters', standalone: false, template: "<div class=\"px-4\">\r\n <app-header heading=\"Advanced Filters\" (firstButton)=\"back()\"></app-header>\r\n</div>\r\n<div class=\"px-5 mt-4 mb-[5rem]\">\r\n <form [formGroup]=\"form\" (ngSubmit)=\"submitForm()\">\r\n <p class=\"normal-text-md normal-text-gray mb-[26px]\">Create and apply custom advance filters or select popular preset advance filters.</p>\r\n <h5 class=\"subtitle mb-[12px]\">Filters</h5>\r\n <div class=\"flex items-center mb-2\">\r\n <lib-input-field type=\"text\" label=\"Filter Name\" style=\"width: calc(100% - 80px) ;\" formControlName=\"filterName\">\r\n </lib-input-field>\r\n <button class=\"flex row items-center gap-1 mt-2 ms-1 cursor-pointer font-purple text-nowrap\" type=\"submit\">\r\n <img [ngSrc]=\"ICONS['plus']\" height=\"14\" width=\"15\" alt=\"lib-icon\" />\r\n <span class=\"shadow normal-text-md\">\r\n Add filter\r\n </span>\r\n </button>\r\n </div>\r\n <div class=\"flex gap-2\">\r\n <div class=\"w-[50%]\">\r\n <app-input-field-select formControlName=\"filterField\" optionLabel=\"name\"\r\n optionValue=\"value\" label=\"Field\" [options]=\"fields\">\r\n </app-input-field-select>\r\n </div>\r\n <div class=\"w-[50%]\">\r\n <app-input-field-select formControlName=\"filterCondition\"\r\n [options]=\"conditions\" optionLabel=\"name\" optionValue=\"value\" label=\"Condition\">\r\n </app-input-field-select>\r\n </div>\r\n </div>\r\n </form>\r\n <div class=\"divider mt-4\">\r\n </div>\r\n <div class=\"mt-[20px]\">\r\n <div *ngFor=\"let filter of defaultFilterList\" class=\"flex row justify-between items-center mb-[32px]\">\r\n <div class=\"flex row gap-[30px]\">\r\n <img [src]=\"ICONS['grid']\" alt=\"lib-icon\">\r\n <p class=\"normal-text-md \" [class]=\"selectedFilterId !== filter.projectGridFilterId ? 'text-white' : 'normal-text-gray'\">{{ filter.name }}</p>\r\n </div>\r\n <div class=\"flex row gap-[14px]\">\r\n <p class=\"normal-text-sm\">Default</p>\r\n <img *ngIf=\"selectedFilterId !== filter.projectGridFilterId \" [src]=\"ICONS['eyePink']\" alt=\"lib-icon\" width=\"15.59\" height=\"9.85\" (click)=\"setFilter(filter)\">\r\n <img *ngIf=\"selectedFilterId === filter.projectGridFilterId \" [src]=\"ICONS['eyePinkClose']\" alt=\"lib-icon\" width=\"15.59\" height=\"9.85\" (click)=\"setFilter(filter)\">\r\n </div>\r\n </div>\r\n\r\n <div *ngFor=\"let userFilter of userFilterList\" class=\"flex row justify-between mb-[32px] items-center\">\r\n <div class=\"flex row gap-[30px]\">\r\n <img [src]=\"ICONS['grid']\" alt=\"lib-icon\">\r\n <p class=\"text-nowrap normal-text-md\" [ngStyle]=\"{ 'max-width': filterWidth + 'px' }\" [class]=\"selectedFilterId !== userFilter.projectGridFilterId ? 'text-white' : 'normal-text-gray'\">\r\n <span class=\"truncate inline-block align-bottom\" style=\"max-width: 4rem;\">\r\n {{ userFilter.name }}\r\n </span>\r\n |\r\n {{ userFilter.sort?.field }}, {{ userFilter.sort?.direction == \"Ascending\" ? \"Sort A-Z\" : \"Sort Z-A\" }}</p>\r\n <!-- <p class=\"text-white\" [ngStyle]=\"{ 'max-width': filterWidth + 'px' }\">{{ userFilter.name }} </p> -->\r\n </div>\r\n <div class=\"flex row gap-3\">\r\n <img [src]=\"ICONS['deletePink']\" class=\"lib-icon\" width=\"9.41\" height=\"12.29\" (click)=\"removeFilter(userFilter)\">\r\n <img [src]=\"ICONS['editPink']\" class=\"lib-icon\" width=\"12.31\" height=\"12.31\">\r\n <img *ngIf=\"selectedFilterId !== userFilter.projectGridFilterId \" [src]=\"ICONS['eyePink']\" alt=\"lib-icon\" width=\"15.59\" height=\"9.85\" (click)=\"setFilter(userFilter)\">\r\n <img *ngIf=\"selectedFilterId === userFilter.projectGridFilterId \" [src]=\"ICONS['eyePinkClose']\" alt=\"lib-icon\" width=\"15.59\" height=\"9.85\" (click)=\"setFilter(userFilter)\">\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n<div class=\"fixed w-[90%] bottom-[1rem] left-[5%]\">\r\n <div class=\"w-100 center\">\r\n <lib-primary-btn>{{\"ITINERARY.APPLY\" | translate }}</lib-primary-btn>\r\n </div>\r\n</div>\r\n", styles: [".bg-shadow{text-shadow:2px 2px 10px red}.lib-icon{height:13px!important}.subtitle{font-weight:500;font-size:13.13px;line-height:160%;color:#fff}button span.shadow{text-shadow:var(--lib-primary-button-text-shadow)}\n"] }]
|
|
2580
2898
|
}], ctorParameters: () => [{ type: i2.FormBuilder }, { type: i1$2.Location }] });
|
|
2581
2899
|
|
|
2582
2900
|
var UserRoutes;
|
|
@@ -2837,7 +3155,7 @@ class CustomDropdownMenuService {
|
|
|
2837
3155
|
queryParams: { mode: 'edit' },
|
|
2838
3156
|
});
|
|
2839
3157
|
}
|
|
2840
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CustomDropdownMenuService, deps: [{ token: i1.Router }, { token: ModalService }, { token:
|
|
3158
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CustomDropdownMenuService, deps: [{ token: i1.Router }, { token: ModalService }, { token: i5$1.TranslateService }, { token: ModalSendClientService }, { token: ModalShareUrlClientService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2841
3159
|
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CustomDropdownMenuService, providedIn: 'root' });
|
|
2842
3160
|
}
|
|
2843
3161
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CustomDropdownMenuService, decorators: [{
|
|
@@ -2845,7 +3163,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2845
3163
|
args: [{
|
|
2846
3164
|
providedIn: 'root',
|
|
2847
3165
|
}]
|
|
2848
|
-
}], ctorParameters: () => [{ type: i1.Router }, { type: ModalService }, { type:
|
|
3166
|
+
}], ctorParameters: () => [{ type: i1.Router }, { type: ModalService }, { type: i5$1.TranslateService }, { type: ModalSendClientService }, { type: ModalShareUrlClientService }] });
|
|
2849
3167
|
|
|
2850
3168
|
class BranchedItinerariesComponent {
|
|
2851
3169
|
customMenuList;
|
|
@@ -2978,7 +3296,7 @@ class BranchedItinerariesComponent {
|
|
|
2978
3296
|
this.navHelper.navigate([ItinerariesRoutesEnum.ITINERARY_WATCHING_USERS], this.activeRoute);
|
|
2979
3297
|
}
|
|
2980
3298
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BranchedItinerariesComponent, deps: [{ token: CustomDropdownMenuService }, { token: i1$2.Location }, { token: i1.ActivatedRoute }, { token: NavigationHelperService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2981
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BranchedItinerariesComponent, selector: "app-branched-itineraries", ngImport: i0, template: "<div class=\"ps-5 pe-5\">\r\n <app-header\r\n (firstButton)=\"back()\"\r\n [heading]=\"'BRANCHED.FORKED_ITINERARIES' | translate\"\r\n ></app-header>\r\n\r\n <lib-secondary-btn >\r\n <div class=\"flex items-center justify-center\">\r\n <img class=\"branchIcon me-1\" [src]=\"ICONS['branchPink']\" alt=\"icon\" />\r\n <span class=\"me-1\">\r\n {{ \"BRANCHED.FORK_THE_ITINERARY\" | translate }}\r\n </span>\r\n </div>\r\n </lib-secondary-btn>\r\n\r\n <app-filter-menu [ngStyle]=\"{ margin: '0px !important' }\"></app-filter-menu>\r\n <ng-container *ngFor=\"let t of temps\">\r\n <app-cutom-card\r\n [libMenuItem]=\"libMenuItem\"\r\n [isDraft]=\"false\"\r\n [itineraryStarted]=\"true\"\r\n (TitleClicked)=\"navToDetail()\"\r\n (forkClicked)=\"navToBranchItinerary(t)\"\r\n (messageClicked)=\"navToComment()\"\r\n (userProfileClicked)=\"navToMoreDetail()\"\r\n (imageClicked)=\"navToStories()\"\r\n (eyeClicked)=\"navToWatching()\"\r\n ></app-cutom-card>\r\n </ng-container>\r\n</div>\r\n", styles: [".builder-content{width:100%}.second-comp{margin-top:10px!important}.create-itinires-com{width:100%}.branchIcon{height:50px!important;width:50px!important}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i5.SecondaryBtnComponent, selector: "lib-secondary-btn", inputs: ["hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "loading$"] }, { kind: "component", type: CutomCardComponent, selector: "app-cutom-card", inputs: ["libMenuItem", "isDraft", "cardData", "displayPublishStatus", "images", "itineraryStarted"], outputs: ["StartItineraryClick", "TitleClicked", "forkClicked", "messageClicked", "userProfileClicked", "itineraryWatchingUsersClicked", "imageClicked", "eyeClicked", "menuClicked"] }, { kind: "component", type: HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "component", type: FilterMenuComponent, selector: "app-filter-menu", inputs: ["cssClass"], outputs: ["onFilterClick"] }, { kind: "pipe", type:
|
|
3299
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BranchedItinerariesComponent, selector: "app-branched-itineraries", ngImport: i0, template: "<div class=\"ps-5 pe-5\">\r\n <app-header\r\n (firstButton)=\"back()\"\r\n [heading]=\"'BRANCHED.FORKED_ITINERARIES' | translate\"\r\n ></app-header>\r\n\r\n <lib-secondary-btn >\r\n <div class=\"flex items-center justify-center\">\r\n <img class=\"branchIcon me-1\" [src]=\"ICONS['branchPink']\" alt=\"icon\" />\r\n <span class=\"me-1\">\r\n {{ \"BRANCHED.FORK_THE_ITINERARY\" | translate }}\r\n </span>\r\n </div>\r\n </lib-secondary-btn>\r\n\r\n <app-filter-menu [ngStyle]=\"{ margin: '0px !important' }\"></app-filter-menu>\r\n <ng-container *ngFor=\"let t of temps\">\r\n <app-cutom-card\r\n [libMenuItem]=\"libMenuItem\"\r\n [isDraft]=\"false\"\r\n [itineraryStarted]=\"true\"\r\n (TitleClicked)=\"navToDetail()\"\r\n (forkClicked)=\"navToBranchItinerary(t)\"\r\n (messageClicked)=\"navToComment()\"\r\n (userProfileClicked)=\"navToMoreDetail()\"\r\n (imageClicked)=\"navToStories()\"\r\n (eyeClicked)=\"navToWatching()\"\r\n ></app-cutom-card>\r\n </ng-container>\r\n</div>\r\n", styles: [".builder-content{width:100%}.second-comp{margin-top:10px!important}.create-itinires-com{width:100%}.branchIcon{height:50px!important;width:50px!important}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i5.SecondaryBtnComponent, selector: "lib-secondary-btn", inputs: ["hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "loading$"] }, { kind: "component", type: CutomCardComponent, selector: "app-cutom-card", inputs: ["libMenuItem", "isDraft", "cardData", "displayPublishStatus", "images", "itineraryStarted"], outputs: ["StartItineraryClick", "TitleClicked", "forkClicked", "messageClicked", "userProfileClicked", "itineraryWatchingUsersClicked", "imageClicked", "eyeClicked", "menuClicked"] }, { kind: "component", type: HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "component", type: FilterMenuComponent, selector: "app-filter-menu", inputs: ["cssClass"], outputs: ["onFilterClick"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2982
3300
|
}
|
|
2983
3301
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BranchedItinerariesComponent, decorators: [{
|
|
2984
3302
|
type: Component,
|
|
@@ -3113,13 +3431,13 @@ class BuilderComponent {
|
|
|
3113
3431
|
this.currentItinerary = item;
|
|
3114
3432
|
this.sharePopupDataService.setPopupData(item);
|
|
3115
3433
|
}
|
|
3116
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BuilderComponent, deps: [{ token: ItineraryService }, { token: i0.ChangeDetectorRef }, { token: CustomDropdownMenuService }, { token:
|
|
3117
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BuilderComponent, selector: "app-builder", ngImport: i0, template: "<div class=\"flex items-center justify-center flex-col mt-4\">\r\n <div class=\"w-full font-[Calistoga]\"><lib-
|
|
3434
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BuilderComponent, deps: [{ token: ItineraryService }, { token: i0.ChangeDetectorRef }, { token: CustomDropdownMenuService }, { token: i5$1.TranslateService }, { token: SharePopupDataService }, { token: i1.ActivatedRoute }, { token: NavigationHelperService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3435
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BuilderComponent, selector: "app-builder", ngImport: i0, template: "<div class=\"flex items-center justify-center flex-col mt-4\">\r\n <div class=\"w-full font-[Calistoga]\"><lib-primary-btn (click)=\"handleAddButton()\">Create new Itinerary</lib-primary-btn></div>\r\n <div class=\"w-full flex justify-between text-[11.5px] mt-[18.5px] mb-[18.5px]\">\r\n <div>{{ \"ITINERARY.MY_CREATIONS\" | translate }}</div>\r\n <a (click)=\"navigateArchives()\" class=\"flex gap-[4px] archives-link cursor-pointer\"><img [src]=\"ICONS['archives']\" alt=\"map\" loading=\"lazy\" /> {{\"MAIN_ARCHIVES.ARCHIVES\" | translate }}</a>\r\n </div>\r\n <ng-container *ngIf=\"!loading && ((libMenuItems?.length ?? 0) > 0)\">\r\n <div class=\"pb-10 w-full\">\r\n <div\r\n class=\"grid-columns sm:mt-3 md:mt-10 grid grid-cols-1 md:grid-cols-3 sm:gap-y-5 md:gap-y-10 gap-x-10\"\r\n >\r\n <ng-container *ngFor=\"let item of libMenuItems; let i = index\">\r\n <app-cutom-card\r\n [libMenuItem]=\"libMenuItem\"\r\n [cardData]=\"item\"\r\n [isDraft]=\"false\"\r\n [itineraryStarted]=\"true\"\r\n [displayPublishStatus]=\"true\"\r\n (menuClicked)=\"menuClicked($event)\"\r\n ></app-cutom-card>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"!loading && libMenuItems?.length === 0\">\r\n <img [src]=\"ICONS['map']\" alt=\"map\" loading=\"lazy\" />\r\n <h3\r\n class=\"mt-2 font-Calistoga font-normal text-[23px] leading-[160%] tracking-[0px]\"\r\n >\r\n {{ \"ITINERARY.ITENARY_NOT_FOUND\" | translate }}\r\n </h3>\r\n <p class=\"mt-2 mb-2\">{{ \"ITINERARY.CREATE_ITENARY_MESSAGE\" | translate }}</p>\r\n </ng-container>\r\n\r\n <div *ngIf=\"openActionMenu\" class=\"fixed inset-0 bg-black/50 z-40 flex flex-col justify-end\">\r\n <div class=\"pl-4 pr-4 mb-2\">\r\n <ng-container *ngFor=\"let singleActionItem of createActionMenuItems;\">\r\n <lib-action-card\r\n (actionCardClicked)=\"actionCardClicked()\"\r\n [actionName]=\"singleActionItem.actionItem\"\r\n [icon]=\"singleActionItem.icon\"\r\n [title]=\"singleActionItem.title\"\r\n [description]=\"singleActionItem.description\"\r\n ></lib-action-card>\r\n </ng-container>\r\n <lib-primary-btn (click)=\"hideActionMenu()\">{{\"ITINERARY.BACK\" | translate }}</lib-primary-btn>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["a.archives-link{color:var(--cyrano-pink-shade-1)}.app-bottom-modal-actions{background-color:transparent}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.PrimaryBtnComponent, selector: "lib-primary-btn", inputs: ["hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "loading$"] }, { kind: "component", type: CutomCardComponent, selector: "app-cutom-card", inputs: ["libMenuItem", "isDraft", "cardData", "displayPublishStatus", "images", "itineraryStarted"], outputs: ["StartItineraryClick", "TitleClicked", "forkClicked", "messageClicked", "userProfileClicked", "itineraryWatchingUsersClicked", "imageClicked", "eyeClicked", "menuClicked"] }, { kind: "component", type: ActionCardComponent, selector: "lib-action-card", inputs: ["icon", "title", "description", "actionName"], outputs: ["actionCardClicked"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3118
3436
|
}
|
|
3119
3437
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BuilderComponent, decorators: [{
|
|
3120
3438
|
type: Component,
|
|
3121
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-builder', standalone: false, template: "<div class=\"flex items-center justify-center flex-col mt-4\">\r\n <div class=\"w-full font-[Calistoga]\"><lib-
|
|
3122
|
-
}], ctorParameters: () => [{ type: ItineraryService }, { type: i0.ChangeDetectorRef }, { type: CustomDropdownMenuService }, { type:
|
|
3439
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-builder', standalone: false, template: "<div class=\"flex items-center justify-center flex-col mt-4\">\r\n <div class=\"w-full font-[Calistoga]\"><lib-primary-btn (click)=\"handleAddButton()\">Create new Itinerary</lib-primary-btn></div>\r\n <div class=\"w-full flex justify-between text-[11.5px] mt-[18.5px] mb-[18.5px]\">\r\n <div>{{ \"ITINERARY.MY_CREATIONS\" | translate }}</div>\r\n <a (click)=\"navigateArchives()\" class=\"flex gap-[4px] archives-link cursor-pointer\"><img [src]=\"ICONS['archives']\" alt=\"map\" loading=\"lazy\" /> {{\"MAIN_ARCHIVES.ARCHIVES\" | translate }}</a>\r\n </div>\r\n <ng-container *ngIf=\"!loading && ((libMenuItems?.length ?? 0) > 0)\">\r\n <div class=\"pb-10 w-full\">\r\n <div\r\n class=\"grid-columns sm:mt-3 md:mt-10 grid grid-cols-1 md:grid-cols-3 sm:gap-y-5 md:gap-y-10 gap-x-10\"\r\n >\r\n <ng-container *ngFor=\"let item of libMenuItems; let i = index\">\r\n <app-cutom-card\r\n [libMenuItem]=\"libMenuItem\"\r\n [cardData]=\"item\"\r\n [isDraft]=\"false\"\r\n [itineraryStarted]=\"true\"\r\n [displayPublishStatus]=\"true\"\r\n (menuClicked)=\"menuClicked($event)\"\r\n ></app-cutom-card>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"!loading && libMenuItems?.length === 0\">\r\n <img [src]=\"ICONS['map']\" alt=\"map\" loading=\"lazy\" />\r\n <h3\r\n class=\"mt-2 font-Calistoga font-normal text-[23px] leading-[160%] tracking-[0px]\"\r\n >\r\n {{ \"ITINERARY.ITENARY_NOT_FOUND\" | translate }}\r\n </h3>\r\n <p class=\"mt-2 mb-2\">{{ \"ITINERARY.CREATE_ITENARY_MESSAGE\" | translate }}</p>\r\n </ng-container>\r\n\r\n <div *ngIf=\"openActionMenu\" class=\"fixed inset-0 bg-black/50 z-40 flex flex-col justify-end\">\r\n <div class=\"pl-4 pr-4 mb-2\">\r\n <ng-container *ngFor=\"let singleActionItem of createActionMenuItems;\">\r\n <lib-action-card\r\n (actionCardClicked)=\"actionCardClicked()\"\r\n [actionName]=\"singleActionItem.actionItem\"\r\n [icon]=\"singleActionItem.icon\"\r\n [title]=\"singleActionItem.title\"\r\n [description]=\"singleActionItem.description\"\r\n ></lib-action-card>\r\n </ng-container>\r\n <lib-primary-btn (click)=\"hideActionMenu()\">{{\"ITINERARY.BACK\" | translate }}</lib-primary-btn>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["a.archives-link{color:var(--cyrano-pink-shade-1)}.app-bottom-modal-actions{background-color:transparent}\n"] }]
|
|
3440
|
+
}], ctorParameters: () => [{ type: ItineraryService }, { type: i0.ChangeDetectorRef }, { type: CustomDropdownMenuService }, { type: i5$1.TranslateService }, { type: SharePopupDataService }, { type: i1.ActivatedRoute }, { type: NavigationHelperService }] });
|
|
3123
3441
|
|
|
3124
3442
|
class CreateItineraryHeaderComponent {
|
|
3125
3443
|
router;
|
|
@@ -3159,11 +3477,11 @@ class CreateItineraryHeaderComponent {
|
|
|
3159
3477
|
]);
|
|
3160
3478
|
}
|
|
3161
3479
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryHeaderComponent, deps: [{ token: i1.Router }, { token: i1$2.Location }], target: i0.ɵɵFactoryTarget.Component });
|
|
3162
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateItineraryHeaderComponent, selector: "app-create-itinerary-header", inputs: { heading: "heading", progressBarValue: "progressBarValue", discardItineraryId: "discardItineraryId", class: "class" }, ngImport: i0, template: "<div [class]=\"'bottom-rounded-container fixed top-0 z-10 ' + class\">\r\n <lib-percentage-bar\r\n class=\"primary-percentage-bar\"\r\n [value]=\"progressBarValue\"\r\n ></lib-percentage-bar>\r\n <ng-template #suffix>\r\n <span class=\"discard\" (click)=\"showPopup()\">Discard?</span>\r\n </ng-template>\r\n <lib-popup\r\n [isOpen]=\"isOpen\"\r\n [icon]=\"ICONS['infoBig']\"\r\n cancelButton=\"Cancel\"\r\n confirmButton=\"Yes\"\r\n message=\"Are you sure you want to discard the itinerary creating progress?\"\r\n (modalConfirm)=\"hidePopupAndNavigate()\"\r\n (modalDismiss)=\"hidePopup()\"\r\n >\r\n </lib-popup>\r\n\r\n <app-header\r\n cssClass=\"!pt-2 pl-3 pr-3\"\r\n (firstButton)=\"back()\"\r\n [heading]=\"heading\"\r\n [headerSuffixTemplate]=\"suffix\"\r\n ></app-header>\r\n</div>\r\n", styles: [".discard{width:46px;height:18px;font-family:Calistoga;font-weight:400;font-size:12px;letter-spacing:0%}\n"], dependencies: [{ kind: "component", type: HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "component", type: i5.LibModalComponent, selector: "lib-popup", inputs: ["isOpen", "icon", "title", "message", "extendedMessage", "cancelButton", "confirmButton", "checkboxText", "progBarCurrentStep", "progBarTotalSteps", "customClass", "backdropDismiss", "modalComponent", "modalComponentData"], outputs: ["modalConfirm", "modalDismiss", "afterCloseEvent"] }, { kind: "component", type: i5.LibPercentageBarComponent, selector: "lib-percentage-bar", inputs: ["value"] }] });
|
|
3480
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateItineraryHeaderComponent, selector: "app-create-itinerary-header", inputs: { heading: "heading", progressBarValue: "progressBarValue", discardItineraryId: "discardItineraryId", class: "class" }, ngImport: i0, template: "<div [class]=\"'bottom-rounded-container fixed top-0 z-10 ' + class\">\r\n <lib-percentage-bar\r\n class=\"primary-percentage-bar\"\r\n [value]=\"progressBarValue\"\r\n ></lib-percentage-bar>\r\n <ng-template #suffix>\r\n <span class=\"discard\" (click)=\"showPopup()\">Discard?</span>\r\n </ng-template>\r\n <lib-popup\r\n [isOpen]=\"isOpen\"\r\n [icon]=\"ICONS['infoBig']\"\r\n cancelButton=\"Cancel\"\r\n confirmButton=\"Yes\"\r\n message=\"Are you sure you want to discard the itinerary creating progress?\"\r\n (modalConfirm)=\"hidePopupAndNavigate()\"\r\n (modalDismiss)=\"hidePopup()\"\r\n >\r\n </lib-popup>\r\n\r\n <app-header\r\n cssClass=\"!pt-2 pl-3 pr-3 margin-top-5\"\r\n (firstButton)=\"back()\"\r\n [heading]=\"heading\"\r\n [headerSuffixTemplate]=\"suffix\"\r\n ></app-header>\r\n</div>\r\n", styles: [".discard{width:46px;height:18px;font-family:Calistoga;font-weight:400;font-size:12px;letter-spacing:0%}::ng-deep app-header .header-main-bar{margin-top:5px!important}\n"], dependencies: [{ kind: "component", type: HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "component", type: i5.LibModalComponent, selector: "lib-popup", inputs: ["isOpen", "icon", "title", "message", "extendedMessage", "cancelButton", "confirmButton", "checkboxText", "progBarCurrentStep", "progBarTotalSteps", "customClass", "backdropDismiss", "modalComponent", "modalComponentData"], outputs: ["modalConfirm", "modalDismiss", "afterCloseEvent"] }, { kind: "component", type: i5.LibPercentageBarComponent, selector: "lib-percentage-bar", inputs: ["value"] }] });
|
|
3163
3481
|
}
|
|
3164
3482
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryHeaderComponent, decorators: [{
|
|
3165
3483
|
type: Component,
|
|
3166
|
-
args: [{ selector: 'app-create-itinerary-header', standalone: false, template: "<div [class]=\"'bottom-rounded-container fixed top-0 z-10 ' + class\">\r\n <lib-percentage-bar\r\n class=\"primary-percentage-bar\"\r\n [value]=\"progressBarValue\"\r\n ></lib-percentage-bar>\r\n <ng-template #suffix>\r\n <span class=\"discard\" (click)=\"showPopup()\">Discard?</span>\r\n </ng-template>\r\n <lib-popup\r\n [isOpen]=\"isOpen\"\r\n [icon]=\"ICONS['infoBig']\"\r\n cancelButton=\"Cancel\"\r\n confirmButton=\"Yes\"\r\n message=\"Are you sure you want to discard the itinerary creating progress?\"\r\n (modalConfirm)=\"hidePopupAndNavigate()\"\r\n (modalDismiss)=\"hidePopup()\"\r\n >\r\n </lib-popup>\r\n\r\n <app-header\r\n cssClass=\"!pt-2 pl-3 pr-3\"\r\n (firstButton)=\"back()\"\r\n [heading]=\"heading\"\r\n [headerSuffixTemplate]=\"suffix\"\r\n ></app-header>\r\n</div>\r\n", styles: [".discard{width:46px;height:18px;font-family:Calistoga;font-weight:400;font-size:12px;letter-spacing:0%}\n"] }]
|
|
3484
|
+
args: [{ selector: 'app-create-itinerary-header', standalone: false, template: "<div [class]=\"'bottom-rounded-container fixed top-0 z-10 ' + class\">\r\n <lib-percentage-bar\r\n class=\"primary-percentage-bar\"\r\n [value]=\"progressBarValue\"\r\n ></lib-percentage-bar>\r\n <ng-template #suffix>\r\n <span class=\"discard\" (click)=\"showPopup()\">Discard?</span>\r\n </ng-template>\r\n <lib-popup\r\n [isOpen]=\"isOpen\"\r\n [icon]=\"ICONS['infoBig']\"\r\n cancelButton=\"Cancel\"\r\n confirmButton=\"Yes\"\r\n message=\"Are you sure you want to discard the itinerary creating progress?\"\r\n (modalConfirm)=\"hidePopupAndNavigate()\"\r\n (modalDismiss)=\"hidePopup()\"\r\n >\r\n </lib-popup>\r\n\r\n <app-header\r\n cssClass=\"!pt-2 pl-3 pr-3 margin-top-5\"\r\n (firstButton)=\"back()\"\r\n [heading]=\"heading\"\r\n [headerSuffixTemplate]=\"suffix\"\r\n ></app-header>\r\n</div>\r\n", styles: [".discard{width:46px;height:18px;font-family:Calistoga;font-weight:400;font-size:12px;letter-spacing:0%}::ng-deep app-header .header-main-bar{margin-top:5px!important}\n"] }]
|
|
3167
3485
|
}], ctorParameters: () => [{ type: i1.Router }, { type: i1$2.Location }], propDecorators: { heading: [{
|
|
3168
3486
|
type: Input
|
|
3169
3487
|
}], progressBarValue: [{
|
|
@@ -3211,11 +3529,11 @@ class CreateItineraryDestinationComponent {
|
|
|
3211
3529
|
this.location.back();
|
|
3212
3530
|
}
|
|
3213
3531
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryDestinationComponent, deps: [{ token: i1$2.Location }, { token: i1.Router }, { token: i1.ActivatedRoute }, { token: ItineraryService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3214
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateItineraryDestinationComponent, selector: "app-create-itinerary-destination", ngImport: i0, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"15\"\r\n heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<
|
|
3532
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateItineraryDestinationComponent, selector: "app-create-itinerary-destination", ngImport: i0, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"15\"\r\n heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<app-bottom-modal\r\n (submitModal)=\"navToPickStartLocation()\"\r\n submitButtonTitle=\"Continue\"\r\n [showArrow]=\"true\"\r\n [(isOpen)]=\"isOpen\"\r\n [adaptToContentHeight]=\"true\"\r\n>\r\n <div class=\"pl-4 pr-4\">\r\n <div class=\"flex items-center justify-between\">\r\n <div class=\"flex items-center\">\r\n <lib-icon-btn class=\"checkmark-icon-button\">\r\n <img\r\n [src]=\"ICONS['startMarkerImage']\"\r\n alt=\"icon\"\r\n height=\"16\"\r\n width=\"16\"\r\n />\r\n </lib-icon-btn>\r\n <div class=\"ml-4\">\r\n <span>Shan-ul-haq haqee road</span>\r\n <p>Starting location</p>\r\n </div>\r\n </div>\r\n <img [src]=\"ICONS['editPink']\" alt=\"edit\" height=\"13\" width=\"13\" />\r\n </div>\r\n\r\n <h1 class=\"font-Calistoga text-lg mt-5\">Destination</h1>\r\n <p class=\"mt-3\">Select final destination for itinenary route.</p>\r\n\r\n <div class=\"mt-3\"> \r\n <lib-text-box (click)=\"navToPickStartLocation()\" class=\"textbox-1\" label=\"Where To?\"></lib-text-box>\r\n </div>\r\n </div>\r\n</app-bottom-modal>\r\n\r\n<div\r\n (click)=\"showBottomModal()\"\r\n class=\"absolute bottom-0 cursor-pointer z-10\"\r\n style=\"left: 50%\"\r\n>\r\n <img\r\n style=\"transform: rotate(270deg)\"\r\n [src]=\"ICONS['rightArrow']\"\r\n alt=\"icon\"\r\n height=\"15\"\r\n width=\"15\"\r\n />\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: i5.IconBtnComponent, selector: "lib-icon-btn", inputs: ["hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "notificationCount", "loading$", "illuminateIcon"] }, { kind: "component", type: BottomModalComponent, selector: "app-bottom-modal", inputs: ["isOpen", "submitButtonTitle", "showArrow", "adaptToContentHeight", "customClass"], outputs: ["isOpenChange", "submitModal"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "component", type: i5.TextBoxComponent, selector: "lib-text-box", inputs: ["label", "maxLength", "includeEmojiPicker", "emojiPickerConfig", "includeImageAttachment", "maxImageAttachmentLength"] }, { kind: "component", type: i5.LibMapsComponent, selector: "lib-map", inputs: ["disableNotification", "markers", "initialLocation", "mapType", "enableDrag", "locations", "searchMapsString", "mapOptions", "directions$", "directionRenderOptions"], outputs: ["mapActionEvent"] }, { kind: "component", type: CreateItineraryHeaderComponent, selector: "app-create-itinerary-header", inputs: ["heading", "progressBarValue", "discardItineraryId", "class"] }] });
|
|
3215
3533
|
}
|
|
3216
3534
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryDestinationComponent, decorators: [{
|
|
3217
3535
|
type: Component,
|
|
3218
|
-
args: [{ selector: 'app-create-itinerary-destination', standalone: false, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"15\"\r\n heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<
|
|
3536
|
+
args: [{ selector: 'app-create-itinerary-destination', standalone: false, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"15\"\r\n heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<app-bottom-modal\r\n (submitModal)=\"navToPickStartLocation()\"\r\n submitButtonTitle=\"Continue\"\r\n [showArrow]=\"true\"\r\n [(isOpen)]=\"isOpen\"\r\n [adaptToContentHeight]=\"true\"\r\n>\r\n <div class=\"pl-4 pr-4\">\r\n <div class=\"flex items-center justify-between\">\r\n <div class=\"flex items-center\">\r\n <lib-icon-btn class=\"checkmark-icon-button\">\r\n <img\r\n [src]=\"ICONS['startMarkerImage']\"\r\n alt=\"icon\"\r\n height=\"16\"\r\n width=\"16\"\r\n />\r\n </lib-icon-btn>\r\n <div class=\"ml-4\">\r\n <span>Shan-ul-haq haqee road</span>\r\n <p>Starting location</p>\r\n </div>\r\n </div>\r\n <img [src]=\"ICONS['editPink']\" alt=\"edit\" height=\"13\" width=\"13\" />\r\n </div>\r\n\r\n <h1 class=\"font-Calistoga text-lg mt-5\">Destination</h1>\r\n <p class=\"mt-3\">Select final destination for itinenary route.</p>\r\n\r\n <div class=\"mt-3\"> \r\n <lib-text-box (click)=\"navToPickStartLocation()\" class=\"textbox-1\" label=\"Where To?\"></lib-text-box>\r\n </div>\r\n </div>\r\n</app-bottom-modal>\r\n\r\n<div\r\n (click)=\"showBottomModal()\"\r\n class=\"absolute bottom-0 cursor-pointer z-10\"\r\n style=\"left: 50%\"\r\n>\r\n <img\r\n style=\"transform: rotate(270deg)\"\r\n [src]=\"ICONS['rightArrow']\"\r\n alt=\"icon\"\r\n height=\"15\"\r\n width=\"15\"\r\n />\r\n</div>\r\n" }]
|
|
3219
3537
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: i1.Router }, { type: i1.ActivatedRoute }, { type: ItineraryService }] });
|
|
3220
3538
|
|
|
3221
3539
|
class CreateItineraryMemberDetailsComponent {
|
|
@@ -3344,11 +3662,11 @@ class CreateItineraryStartLocationComponent {
|
|
|
3344
3662
|
], { queryParams: { mode: 'start' } });
|
|
3345
3663
|
}
|
|
3346
3664
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryStartLocationComponent, deps: [{ token: i1$2.Location }, { token: i0.ChangeDetectorRef }, { token: i1.Router }, { token: i1.ActivatedRoute }, { token: ItineraryService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3347
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateItineraryStartLocationComponent, selector: "app-create-itinerary-start-location", ngImport: i0, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"5\"\r\n heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<
|
|
3665
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateItineraryStartLocationComponent, selector: "app-create-itinerary-start-location", ngImport: i0, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"5\"\r\n heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<app-bottom-modal\r\n (submitModal)=\"navToPickStartLocation()\"\r\n submitButtonTitle=\"Continue\"\r\n [showArrow]=\"true\"\r\n [(isOpen)]=\"isOpen\"\r\n [adaptToContentHeight]=\"true\"\r\n>\r\n <div class=\"pl-4 pr-4\">\r\n <div class=\"flex items-center justify-between\">\r\n <h3 class=\"font-Calistoga text-lg\">Along The Way</h3>\r\n <div class=\"selectables flex items-center\">\r\n <div\r\n (click)=\"updateAction (a)\"\r\n class=\"flex items-center justify-center actions\"\r\n *ngFor=\"let a of actions\"\r\n [ngClass]=\"{ selected: a === selected }\"\r\n >\r\n <img [src]=\"a\" alt=\"icon\" loading=\"lazy\" />\r\n </div>\r\n </div>\r\n </div>\r\n <p class=\"mt-3\">Select starting location for itinerary route.</p>\r\n <div class=\"mt-3\">\r\n <lib-text-box (click)=\"navToPickStartLocation()\" class=\"textbox-1\" label=\"From Where?\"></lib-text-box>\r\n </div>\r\n </div>\r\n</app-bottom-modal>\r\n<div\r\n (click)=\"showBottomModal()\"\r\n class=\"absolute bottom-0 cursor-pointer z-10\"\r\n style=\"left: 50%\"\r\n>\r\n <img\r\n style=\"transform: rotate(270deg)\"\r\n [src]=\"ICONS['rightArrow']\"\r\n alt=\"icon\"\r\n height=\"15\"\r\n width=\"15\"\r\n />\r\n</div>\r\n", styles: [":host{--app-popup-modal-radius: 16px;--border-radius: var(--app-popup-modal-radius);--app-popup-modal-background: #28252d !important;--background: #28252d !important;--overflow: hidden !important;--app-popup-modal-color: #a8a8a8;--color: var(--app-popup-modal-color, #a8a8a8);--max-width: var(--app-bottom-modal-max-width, 500px);--app-popup-modal-shadow: 5px 5px 95px 0px rgba(255, 255, 255, .32), -3px -3px 16px 0px rgba(255, 255, 255, .1) !important;--box-shadow: var( --app-popup-modal-shadow, 5px 5px 95px 0px rgba(255, 255, 255, .32), -3px -3px 16px 0px rgba(255, 255, 255, .1) )}.selectables{background:#28252d;box-shadow:4.1px 4.1px 8.2px #00000052 inset;box-shadow:-2.46px -2.46px 3.28px #ffffff1a inset;border-radius:27.9px}.actions{width:42px;height:28px;border-radius:82.05px}.selected{background:linear-gradient(94.44deg,#fe3c72 1.26%,#e15561);box-shadow:3.28px 3.28px 6.56px #00000040;box-shadow:-1.64px -1.64px 8.2px #ffffff40}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: BottomModalComponent, selector: "app-bottom-modal", inputs: ["isOpen", "submitButtonTitle", "showArrow", "adaptToContentHeight", "customClass"], outputs: ["isOpenChange", "submitModal"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "component", type: i5.TextBoxComponent, selector: "lib-text-box", inputs: ["label", "maxLength", "includeEmojiPicker", "emojiPickerConfig", "includeImageAttachment", "maxImageAttachmentLength"] }, { kind: "component", type: i5.LibMapsComponent, selector: "lib-map", inputs: ["disableNotification", "markers", "initialLocation", "mapType", "enableDrag", "locations", "searchMapsString", "mapOptions", "directions$", "directionRenderOptions"], outputs: ["mapActionEvent"] }, { kind: "component", type: CreateItineraryHeaderComponent, selector: "app-create-itinerary-header", inputs: ["heading", "progressBarValue", "discardItineraryId", "class"] }] });
|
|
3348
3666
|
}
|
|
3349
3667
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryStartLocationComponent, decorators: [{
|
|
3350
3668
|
type: Component,
|
|
3351
|
-
args: [{ selector: 'app-create-itinerary-start-location', standalone: false, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"5\"\r\n heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<
|
|
3669
|
+
args: [{ selector: 'app-create-itinerary-start-location', standalone: false, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"5\"\r\n heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<app-bottom-modal\r\n (submitModal)=\"navToPickStartLocation()\"\r\n submitButtonTitle=\"Continue\"\r\n [showArrow]=\"true\"\r\n [(isOpen)]=\"isOpen\"\r\n [adaptToContentHeight]=\"true\"\r\n>\r\n <div class=\"pl-4 pr-4\">\r\n <div class=\"flex items-center justify-between\">\r\n <h3 class=\"font-Calistoga text-lg\">Along The Way</h3>\r\n <div class=\"selectables flex items-center\">\r\n <div\r\n (click)=\"updateAction (a)\"\r\n class=\"flex items-center justify-center actions\"\r\n *ngFor=\"let a of actions\"\r\n [ngClass]=\"{ selected: a === selected }\"\r\n >\r\n <img [src]=\"a\" alt=\"icon\" loading=\"lazy\" />\r\n </div>\r\n </div>\r\n </div>\r\n <p class=\"mt-3\">Select starting location for itinerary route.</p>\r\n <div class=\"mt-3\">\r\n <lib-text-box (click)=\"navToPickStartLocation()\" class=\"textbox-1\" label=\"From Where?\"></lib-text-box>\r\n </div>\r\n </div>\r\n</app-bottom-modal>\r\n<div\r\n (click)=\"showBottomModal()\"\r\n class=\"absolute bottom-0 cursor-pointer z-10\"\r\n style=\"left: 50%\"\r\n>\r\n <img\r\n style=\"transform: rotate(270deg)\"\r\n [src]=\"ICONS['rightArrow']\"\r\n alt=\"icon\"\r\n height=\"15\"\r\n width=\"15\"\r\n />\r\n</div>\r\n", styles: [":host{--app-popup-modal-radius: 16px;--border-radius: var(--app-popup-modal-radius);--app-popup-modal-background: #28252d !important;--background: #28252d !important;--overflow: hidden !important;--app-popup-modal-color: #a8a8a8;--color: var(--app-popup-modal-color, #a8a8a8);--max-width: var(--app-bottom-modal-max-width, 500px);--app-popup-modal-shadow: 5px 5px 95px 0px rgba(255, 255, 255, .32), -3px -3px 16px 0px rgba(255, 255, 255, .1) !important;--box-shadow: var( --app-popup-modal-shadow, 5px 5px 95px 0px rgba(255, 255, 255, .32), -3px -3px 16px 0px rgba(255, 255, 255, .1) )}.selectables{background:#28252d;box-shadow:4.1px 4.1px 8.2px #00000052 inset;box-shadow:-2.46px -2.46px 3.28px #ffffff1a inset;border-radius:27.9px}.actions{width:42px;height:28px;border-radius:82.05px}.selected{background:linear-gradient(94.44deg,#fe3c72 1.26%,#e15561);box-shadow:3.28px 3.28px 6.56px #00000040;box-shadow:-1.64px -1.64px 8.2px #ffffff40}\n"] }]
|
|
3352
3670
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: i0.ChangeDetectorRef }, { type: i1.Router }, { type: i1.ActivatedRoute }, { type: ItineraryService }] });
|
|
3353
3671
|
|
|
3354
3672
|
class CreateItineraryUserSearchComponent {
|
|
@@ -3411,11 +3729,11 @@ class CreateItineraryUserSearchComponent {
|
|
|
3411
3729
|
this.subscription.unsubscribe();
|
|
3412
3730
|
}
|
|
3413
3731
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryUserSearchComponent, deps: [{ token: i1$2.Location }, { token: AssetsService }, { token: i0.ChangeDetectorRef }, { token: CustomDropdownMenuService }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
3414
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CreateItineraryUserSearchComponent, selector: "app-create-itinerary-user-search", ngImport: i0, template: "<app-header heading=\"User Search\" (firstButton)=\"back()\"></app-header>\r\n<div class=\"p-4\">\r\n <lib-text-box\r\n class=\"textbox-1\"\r\n label=\"Invite people to this place\"\r\n ></lib-text-box>\r\n\r\n <h3 class=\"font-Calistoga text-lg mt-3 mb-3\">Total Users</h3>\r\n <p>4 people</p>\r\n\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder\r\n [avatar]=\"true\"\r\n [count]=\"5\"\r\n ></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-template #sufixAction>\r\n <
|
|
3732
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CreateItineraryUserSearchComponent, selector: "app-create-itinerary-user-search", ngImport: i0, template: "<app-header heading=\"User Search\" (firstButton)=\"back()\"></app-header>\r\n<div class=\"p-4\">\r\n <lib-text-box\r\n class=\"textbox-1\"\r\n label=\"Invite people to this place\"\r\n ></lib-text-box>\r\n\r\n <h3 class=\"font-Calistoga text-lg mt-3 mb-3\">Total Users</h3>\r\n <p>4 people</p>\r\n\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder\r\n [avatar]=\"true\"\r\n [count]=\"5\"\r\n ></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-template #sufixAction>\r\n <app-icon-button\r\n id=\"lib-menu-btn\"\r\n class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n [disableTextShadow]=\"true\"\r\n [libMenuItems]=\"libMenuItems\"\r\n [buttonIcon]=\"ICONS['horizontal']\"\r\n ></app-icon-button>\r\n </ng-template>\r\n\r\n @if (!loading) {\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3\">\r\n <ng-container *ngFor=\"let i of itineraryMembers\">\r\n <app-user-tile\r\n [name]=\"i.memberName\"\r\n [email]=\"i.memberEmail\"\r\n [image]=\"i.memberPic\"\r\n [sufixTemplate]=\"sufixAction\"\r\n ></app-user-tile>\r\n </ng-container>\r\n </div>\r\n }\r\n\r\n <hr class=\"divider mt-3 mb-3\" />\r\n\r\n <h3 class=\"font-Calistoga text-lg mt-5 mb-4\">Common interests</h3>\r\n <lib-selectable [options]=\"[option]\"></lib-selectable>\r\n\r\n <div class=\"flex items-center mt-2\">\r\n <div class=\"rounded overflow-hidden\">\r\n <img\r\n class=\"rounded-full\"\r\n [src]=\"ICONS['dummyUserProfile']\"\r\n height=\"32px\"\r\n width=\"32px\"\r\n />\r\n </div>\r\n <span class=\"ml-2\">Makenna Levin</span>\r\n </div>\r\n\r\n <div class=\"flex items-center mt-4\">\r\n <img\r\n class=\"rounded-full\"\r\n [src]=\"ICONS['dummyUserProfile']\"\r\n height=\"32px\"\r\n width=\"32px\"\r\n />\r\n <span class=\"ml-2\">Jakob Vaccaro</span>\r\n </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.SelectableComponent, selector: "lib-selectable", inputs: ["options", "singleSelectionOnly", "maxSelectionPossible"], outputs: ["maxSelectionsReached"] }, { kind: "component", type: i5.InfoCardPlaceholderComponent, selector: "lib-info-card-placeholder", inputs: ["avatar", "count"] }, { kind: "component", type: UserTileComponent, selector: "app-user-tile", inputs: ["sufixTemplate", "name", "email", "image", "class"] }, { kind: "component", type: HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "component", type: IconButtonComponent, selector: "app-icon-button", inputs: ["buttonIcon", "disableTextShadow", "class", "libMenuItems", "buttonText"], outputs: ["buttonClick", "select", "change"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "component", type: i5.TextBoxComponent, selector: "lib-text-box", inputs: ["label", "maxLength", "includeEmojiPicker", "emojiPickerConfig", "includeImageAttachment", "maxImageAttachmentLength"] }] });
|
|
3415
3733
|
}
|
|
3416
3734
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryUserSearchComponent, decorators: [{
|
|
3417
3735
|
type: Component,
|
|
3418
|
-
args: [{ selector: 'app-create-itinerary-user-search', standalone: false, template: "<app-header heading=\"User Search\" (firstButton)=\"back()\"></app-header>\r\n<div class=\"p-4\">\r\n <lib-text-box\r\n class=\"textbox-1\"\r\n label=\"Invite people to this place\"\r\n ></lib-text-box>\r\n\r\n <h3 class=\"font-Calistoga text-lg mt-3 mb-3\">Total Users</h3>\r\n <p>4 people</p>\r\n\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder\r\n [avatar]=\"true\"\r\n [count]=\"5\"\r\n ></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-template #sufixAction>\r\n <
|
|
3736
|
+
args: [{ selector: 'app-create-itinerary-user-search', standalone: false, template: "<app-header heading=\"User Search\" (firstButton)=\"back()\"></app-header>\r\n<div class=\"p-4\">\r\n <lib-text-box\r\n class=\"textbox-1\"\r\n label=\"Invite people to this place\"\r\n ></lib-text-box>\r\n\r\n <h3 class=\"font-Calistoga text-lg mt-3 mb-3\">Total Users</h3>\r\n <p>4 people</p>\r\n\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder\r\n [avatar]=\"true\"\r\n [count]=\"5\"\r\n ></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-template #sufixAction>\r\n <app-icon-button\r\n id=\"lib-menu-btn\"\r\n class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n [disableTextShadow]=\"true\"\r\n [libMenuItems]=\"libMenuItems\"\r\n [buttonIcon]=\"ICONS['horizontal']\"\r\n ></app-icon-button>\r\n </ng-template>\r\n\r\n @if (!loading) {\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3\">\r\n <ng-container *ngFor=\"let i of itineraryMembers\">\r\n <app-user-tile\r\n [name]=\"i.memberName\"\r\n [email]=\"i.memberEmail\"\r\n [image]=\"i.memberPic\"\r\n [sufixTemplate]=\"sufixAction\"\r\n ></app-user-tile>\r\n </ng-container>\r\n </div>\r\n }\r\n\r\n <hr class=\"divider mt-3 mb-3\" />\r\n\r\n <h3 class=\"font-Calistoga text-lg mt-5 mb-4\">Common interests</h3>\r\n <lib-selectable [options]=\"[option]\"></lib-selectable>\r\n\r\n <div class=\"flex items-center mt-2\">\r\n <div class=\"rounded overflow-hidden\">\r\n <img\r\n class=\"rounded-full\"\r\n [src]=\"ICONS['dummyUserProfile']\"\r\n height=\"32px\"\r\n width=\"32px\"\r\n />\r\n </div>\r\n <span class=\"ml-2\">Makenna Levin</span>\r\n </div>\r\n\r\n <div class=\"flex items-center mt-4\">\r\n <img\r\n class=\"rounded-full\"\r\n [src]=\"ICONS['dummyUserProfile']\"\r\n height=\"32px\"\r\n width=\"32px\"\r\n />\r\n <span class=\"ml-2\">Jakob Vaccaro</span>\r\n </div>\r\n</div>\r\n" }]
|
|
3419
3737
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: AssetsService }, { type: i0.ChangeDetectorRef }, { type: CustomDropdownMenuService }, { type: i1.Router }] });
|
|
3420
3738
|
|
|
3421
3739
|
class CreateItineraryComponent {
|
|
@@ -3546,7 +3864,7 @@ class CreatedItineraryDetailComponent {
|
|
|
3546
3864
|
});
|
|
3547
3865
|
}
|
|
3548
3866
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreatedItineraryDetailComponent, deps: [{ token: LocationService }, { token: ApiService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3549
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreatedItineraryDetailComponent, selector: "app-created-itinerary-detail", ngImport: i0, template: "<div class=\"px-5 py-6\">\r\n <h2 class=\"\">{{ \"ITINERARY_SUMMARY.ROUTE\" | translate }}</h2>\r\n <div class=\"main-itini-preview\">\r\n <section class=\"mt-3 w-full\">\r\n <div class=\"tracking-widest rounded-t-3xl\">\r\n <div class=\"tracking-bottom-com\">\r\n <div class=\"flex items-center justify-center gap-x-2\">\r\n <div class=\"flex items-center gap-x-1 text-xs\">\r\n <img loading=\"lazy\" [src]=\"ICONS['locationWhite']\" alt=\"location\" />\r\n <span\r\n >{{ places.length }}\r\n {{ \"ITINERARY_SUMMARY.PLACES\" | translate }}</span\r\n >\r\n </div>\r\n <div class=\"h-4 border w-0 border-secondary\"></div>\r\n <div class=\"flex items-center justify-center gap-x-2 text-xs\">\r\n <img loading=\"lazy\" [src]=\"ICONS['clock']\" alt=\"\" />\r\n <span>45 {{ \"DATE_TIME.MINUTES\" | translate }}</span>\r\n <span class=\"text-secondary font-thin\">(6.6 Km)</span>\r\n </div>\r\n </div>\r\n <div\r\n class=\"border border-dashed opacity-55 rotate-90 absolute -left-6 top-36\"\r\n ></div>\r\n <div class=\"font-Gilroy mt-5 mb-3 flex flex-col gap-y-5\">\r\n <div\r\n *ngFor=\"let place of places; let i = index\"\r\n class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n >\r\n <div class=\"flex items-center justify-start gap-x-6\">\r\n <div\r\n class=\"z-50 icon outset-shadow flex items-center justify-center rounded-full h-8 w-8 relative\"\r\n >\r\n <img\r\n loading=\"lazy\"\r\n height=\"22\"\r\n width=\"18\"\r\n [src]=\"ICONS['restu']\"\r\n alt=\"\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n loading=\"lazy\"\r\n *ngIf=\"i !== places.length - 1\"\r\n class=\"dotted-line\"\r\n src=\"assets/images/dotted-line.svg\"\r\n />\r\n </div>\r\n <div class=\"text\">\r\n <h2 class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\">\r\n {{ place.name }}\r\n <img loading=\"lazy\" [src]=\"ICONS['enLocation']\" alt=\"\" />\r\n </h2>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">\r\n {{ place.description }}\r\n </p>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">\r\n {{ place.distance }}\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['groupBinBar']\"\r\n alt=\"\"\r\n class=\"cursor-pointer\"\r\n />\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <app-users-stack [size]=\"29\"></app-users-stack>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n </div>\r\n\r\n <hr class=\"divider mt-3\" />\r\n\r\n <div class=\"mt-4\">\r\n <p class=\"bottom-section-heading mt-2 mb-1\">\r\n {{ \"ITINERARY_SUMMARY.TOTAL_MEMBER\" | translate }}\r\n </p>\r\n\r\n <app-user-stack-tile\r\n label=\"4 People\"\r\n [buttonText]=\"'ITINERARY_SUMMARY.VIEW_MORE' | translate\"\r\n [maxVisible]=\"4\"\r\n ></app-user-stack-tile>\r\n </div>\r\n</div>\r\n", styles: ["*{font-family:var(--font-gilroy-regular)}.main-itini-preview,.tracking-bottom-com{font-family:Gilroy-Regular!important}.tracking-bottom-com,.text{font-family:Gilroy-Regular!important;font-size:12px!important}.bottom-section-heading{font-style:normal;font-weight:600;font-size:13.13px;line-height:160%;color:#fff}.view-more-div{font-size:14px}.view-more-text{font-style:normal;font-weight:500;line-height:15px;color:#fe3c72;margin-left:10px}.view-more{font-style:normal;font-weight:500;font-size:10px;line-height:15px;color:#fe3c72;margin-left:10px}.dotted-line{position:absolute;width:2px;height:100px;top:10px}.normal-text{color:#fff}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UsersStackComponent, selector: "app-users-stack", inputs: ["images", "maxVisible", "size", "loading", "class", "isSelectableVisible", "selectableOption"] }, { kind: "component", type: UserStackTileComponent, selector: "app-user-stack-tile", inputs: ["class", "buttonText", "label", "images", "maxVisible", "size", "isSelectableVisible", "selectableOption"], outputs: ["onClick"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "pipe", type:
|
|
3867
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreatedItineraryDetailComponent, selector: "app-created-itinerary-detail", ngImport: i0, template: "<div class=\"px-5 py-6\">\r\n <h2 class=\"\">{{ \"ITINERARY_SUMMARY.ROUTE\" | translate }}</h2>\r\n <div class=\"main-itini-preview\">\r\n <section class=\"mt-3 w-full\">\r\n <div class=\"tracking-widest rounded-t-3xl\">\r\n <div class=\"tracking-bottom-com\">\r\n <div class=\"flex items-center justify-center gap-x-2\">\r\n <div class=\"flex items-center gap-x-1 text-xs\">\r\n <img loading=\"lazy\" [src]=\"ICONS['locationWhite']\" alt=\"location\" />\r\n <span\r\n >{{ places.length }}\r\n {{ \"ITINERARY_SUMMARY.PLACES\" | translate }}</span\r\n >\r\n </div>\r\n <div class=\"h-4 border w-0 border-secondary\"></div>\r\n <div class=\"flex items-center justify-center gap-x-2 text-xs\">\r\n <img loading=\"lazy\" [src]=\"ICONS['clock']\" alt=\"\" />\r\n <span>45 {{ \"DATE_TIME.MINUTES\" | translate }}</span>\r\n <span class=\"text-secondary font-thin\">(6.6 Km)</span>\r\n </div>\r\n </div>\r\n <div\r\n class=\"border border-dashed opacity-55 rotate-90 absolute -left-6 top-36\"\r\n ></div>\r\n <div class=\"font-Gilroy mt-5 mb-3 flex flex-col gap-y-5\">\r\n <div\r\n *ngFor=\"let place of places; let i = index\"\r\n class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n >\r\n <div class=\"flex items-center justify-start gap-x-6\">\r\n <div\r\n class=\"z-50 icon outset-shadow flex items-center justify-center rounded-full h-8 w-8 relative\"\r\n >\r\n <img\r\n loading=\"lazy\"\r\n height=\"22\"\r\n width=\"18\"\r\n [src]=\"ICONS['restu']\"\r\n alt=\"\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n loading=\"lazy\"\r\n *ngIf=\"i !== places.length - 1\"\r\n class=\"dotted-line\"\r\n src=\"assets/images/dotted-line.svg\"\r\n />\r\n </div>\r\n <div class=\"text\">\r\n <h2 class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\">\r\n {{ place.name }}\r\n <img loading=\"lazy\" [src]=\"ICONS['enLocation']\" alt=\"\" />\r\n </h2>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">\r\n {{ place.description }}\r\n </p>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">\r\n {{ place.distance }}\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['groupBinBar']\"\r\n alt=\"\"\r\n class=\"cursor-pointer\"\r\n />\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <app-users-stack [size]=\"29\"></app-users-stack>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n </div>\r\n\r\n <hr class=\"divider mt-3\" />\r\n\r\n <div class=\"mt-4\">\r\n <p class=\"bottom-section-heading mt-2 mb-1\">\r\n {{ \"ITINERARY_SUMMARY.TOTAL_MEMBER\" | translate }}\r\n </p>\r\n\r\n <app-user-stack-tile\r\n label=\"4 People\"\r\n [buttonText]=\"'ITINERARY_SUMMARY.VIEW_MORE' | translate\"\r\n [maxVisible]=\"4\"\r\n ></app-user-stack-tile>\r\n </div>\r\n</div>\r\n", styles: ["*{font-family:var(--font-gilroy-regular)}.main-itini-preview,.tracking-bottom-com{font-family:Gilroy-Regular!important}.tracking-bottom-com,.text{font-family:Gilroy-Regular!important;font-size:12px!important}.bottom-section-heading{font-style:normal;font-weight:600;font-size:13.13px;line-height:160%;color:#fff}.view-more-div{font-size:14px}.view-more-text{font-style:normal;font-weight:500;line-height:15px;color:#fe3c72;margin-left:10px}.view-more{font-style:normal;font-weight:500;font-size:10px;line-height:15px;color:#fe3c72;margin-left:10px}.dotted-line{position:absolute;width:2px;height:100px;top:10px}.normal-text{color:#fff}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UsersStackComponent, selector: "app-users-stack", inputs: ["images", "maxVisible", "size", "loading", "class", "isSelectableVisible", "selectableOption"] }, { kind: "component", type: UserStackTileComponent, selector: "app-user-stack-tile", inputs: ["class", "buttonText", "label", "images", "maxVisible", "size", "isSelectableVisible", "selectableOption"], outputs: ["onClick"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
|
|
3550
3868
|
}
|
|
3551
3869
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreatedItineraryDetailComponent, decorators: [{
|
|
3552
3870
|
type: Component,
|
|
@@ -3989,11 +4307,11 @@ class CreatedItineraryComponent {
|
|
|
3989
4307
|
this.location.back();
|
|
3990
4308
|
}
|
|
3991
4309
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreatedItineraryComponent, deps: [{ token: i1$2.Location }, { token: i0.ChangeDetectorRef }, { token: i1.ActivatedRoute }, { token: ItineraryService }, { token: NavigationHelperService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3992
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreatedItineraryComponent, selector: "app-created-itinerary", ngImport: i0, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"65\"\r\n heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<lib-bottom-modal\r\n submitButtonTitle=\"Preview\"\r\n [showArrow]=\"true\"\r\n [(isOpen)]=\"isOpen\"\r\n [adaptToContentHeight]=\"true\"\r\n (submitModal)=\"navToNextPage()\"\r\n>\r\n <div class=\"flex items-center justify-center px-5\">\r\n <div class=\"flex items-center w-full\">\r\n <div class=\"main-itini-preview w-full\">\r\n <section class=\"mt-3 w-full\">\r\n <div class=\"tracking-widest rounded-t-3xl\">\r\n <div class=\"tracking-bottom-com\">\r\n <div class=\"ml-auto flex items-center justify-center gap-x-2\">\r\n <div class=\"flex items-center gap-x-1 text-xs\">\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['locationWhite']\"\r\n alt=\"location\"\r\n />\r\n <span>2 {{ \"ITINERARY_SUMMARY.PLACES\" | translate }}</span>\r\n </div>\r\n <div class=\"h-4 border w-0 border-secondary\"></div>\r\n <div class=\"flex items-center justify-center gap-x-2 text-xs\">\r\n <img loading=\"lazy\" [src]=\"ICONS['clock']\" alt=\"\" />\r\n <span>45 {{ \"DATE_TIME.MINUTES\" | translate }}</span>\r\n <span class=\"text-secondary font-thin\">(6.6 Km)</span>\r\n </div>\r\n </div>\r\n <div\r\n class=\"border border-dashed opacity-55 rotate-90 absolute -left-6 top-36\"\r\n ></div>\r\n <div class=\"font-Gilroy mt-5 mb-3 flex flex-col gap-y-5\">\r\n <div\r\n class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n >\r\n <div class=\"flex items-center justify-start gap-x-6\">\r\n <div\r\n class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n >\r\n <img\r\n loading=\"lazy\"\r\n height=\"22\"\r\n width=\"18\"\r\n [src]=\"ICONS['startLocation']\"\r\n alt=\"\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n loading=\"lazy\"\r\n class=\"dotted-line\"\r\n src=\"assets/images/dotted-line.svg\"\r\n />\r\n </div>\r\n <div class=\"text\">\r\n <h2\r\n class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\"\r\n >\r\n Shan-ul-haq haqee road\r\n </h2>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">\r\n Starting location\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n loading=\"lazy\"\r\n [src]=\"ICONS['editPink']\"\r\n alt=\"\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <div\r\n class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n >\r\n <div class=\"flex items-center justify-start gap-x-6\">\r\n <div\r\n class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n >\r\n <img\r\n loading=\"lazy\"\r\n height=\"22\"\r\n width=\"18\"\r\n [src]=\"ICONS['restu']\"\r\n alt=\"\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n loading=\"lazy\"\r\n class=\"dotted-line\"\r\n src=\"assets/images/dotted-line.svg\"\r\n />\r\n </div>\r\n <div class=\"text\">\r\n <h2\r\n class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\"\r\n >\r\n Kabul tikka\r\n </h2>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">\r\n Afghan cuisine\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['hamburger']\"\r\n alt=\"\"\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['deletePink']\"\r\n alt=\"\"\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <div\r\n class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n >\r\n <div class=\"flex items-center justify-start gap-x-6\">\r\n <div\r\n class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n >\r\n <img\r\n loading=\"lazy\"\r\n height=\"22\"\r\n width=\"18\"\r\n [src]=\"ICONS['restu']\"\r\n alt=\"\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n loading=\"lazy\"\r\n class=\"dotted-line\"\r\n src=\"assets/images/dotted-line.svg\"\r\n />\r\n </div>\r\n <div class=\"text\">\r\n <h2\r\n class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\"\r\n >\r\n Quetta TNT\r\n </h2>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">Tea Coffee</p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['hamburger']\"\r\n alt=\"\"\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['deletePink']\"\r\n alt=\"\"\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n </div>\r\n </div>\r\n </div>\r\n</lib-bottom-modal>\r\n<div\r\n (click)=\"showBottomModal()\"\r\n class=\"absolute bottom-0 cursor-pointer z-10\"\r\n style=\"left: 50%\"\r\n>\r\n <img\r\n style=\"transform: rotate(270deg)\"\r\n [src]=\"ICONS['rightArrow']\"\r\n alt=\"icon\"\r\n height=\"15\"\r\n width=\"15\"\r\n />\r\n</div>\r\n", styles: ["*{font-family:var(--font-gilroy-regular)}.main-itini-preview,.tracking-bottom-com{font-family:Gilroy-Regular!important}.tracking-bottom-com,.text{font-family:Gilroy-Regular!important;font-size:12px!important}.bottom-section-heading{font-style:normal;font-weight:600;font-size:13.13px;line-height:160%;color:#fff}.view-more-div{font-size:14px}.view-more-text{font-style:normal;font-weight:500;line-height:15px;color:#fe3c72;margin-left:10px}.view-more{font-style:normal;font-weight:500;font-size:10px;line-height:15px;color:#fe3c72;margin-left:10px}.dotted-line{position:absolute;width:2px;height:30px;top:35px}.normal-text{color:#fff}\n"], dependencies: [{ kind: "component", type: i5.BottomModalComponent, selector: "lib-bottom-modal", inputs: ["breakpoints", "initialBreakpoint", "isOpen", "canDismiss", "showArrow", "showBackBtn", "showConfirm", "showCloseBtn", "loading", "showHeaderSeparator", "title", "confirmationTitle", "confirmationMsg", "confirmButton", "confirmCancelButton", "description", "secondaryButtonTitle", "submitButtonTitle", "cancelButtonTitle", "validModal", "adaptToContentHeight", "customClass"], outputs: ["isOpenChange", "breakpointChange", "closeModal", "submitModal", "secondaryButtonClick", "backClick", "showConfirmChange", "confirmEvent"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "component", type: i5.LibMapsComponent, selector: "lib-map", inputs: ["disableNotification", "markers", "initialLocation", "mapType", "enableDrag", "locations", "searchMapsString", "mapOptions", "directions$", "directionRenderOptions"], outputs: ["mapActionEvent"] }, { kind: "component", type: CreateItineraryHeaderComponent, selector: "app-create-itinerary-header", inputs: ["heading", "progressBarValue", "discardItineraryId", "class"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4310
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreatedItineraryComponent, selector: "app-created-itinerary", ngImport: i0, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"65\"\r\n heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<app-bottom-modal\r\n submitButtonTitle=\"Preview\"\r\n [showArrow]=\"true\"\r\n [(isOpen)]=\"isOpen\"\r\n [adaptToContentHeight]=\"true\"\r\n (submitModal)=\"navToNextPage()\"\r\n>\r\n <div class=\"flex items-center justify-center px-5\">\r\n <div class=\"flex items-center w-full\">\r\n <div class=\"main-itini-preview w-full\">\r\n <section class=\"mt-3 w-full\">\r\n <div class=\"tracking-widest rounded-t-3xl\">\r\n <div class=\"tracking-bottom-com\">\r\n <div class=\"ml-auto flex items-center justify-center gap-x-2\">\r\n <div class=\"flex items-center gap-x-1 text-xs\">\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['locationWhite']\"\r\n alt=\"location\"\r\n />\r\n <span>2 {{ \"ITINERARY_SUMMARY.PLACES\" | translate }}</span>\r\n </div>\r\n <div class=\"h-4 border w-0 border-secondary\"></div>\r\n <div class=\"flex items-center justify-center gap-x-2 text-xs\">\r\n <img loading=\"lazy\" [src]=\"ICONS['clock']\" alt=\"\" />\r\n <span>45 {{ \"DATE_TIME.MINUTES\" | translate }}</span>\r\n <span class=\"text-secondary font-thin\">(6.6 Km)</span>\r\n </div>\r\n </div>\r\n <div\r\n class=\"border border-dashed opacity-55 rotate-90 absolute -left-6 top-36\"\r\n ></div>\r\n <div class=\"font-Gilroy mt-5 mb-3 flex flex-col gap-y-5\">\r\n <div\r\n class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n >\r\n <div class=\"flex items-center justify-start gap-x-6\">\r\n <div\r\n class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n >\r\n <img\r\n loading=\"lazy\"\r\n height=\"22\"\r\n width=\"18\"\r\n [src]=\"ICONS['startLocation']\"\r\n alt=\"\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n loading=\"lazy\"\r\n class=\"dotted-line\"\r\n src=\"assets/images/dotted-line.svg\"\r\n />\r\n </div>\r\n <div class=\"text\">\r\n <h2\r\n class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\"\r\n >\r\n Shan-ul-haq haqee road\r\n </h2>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">\r\n Starting location\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n loading=\"lazy\"\r\n [src]=\"ICONS['editPink']\"\r\n alt=\"\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <div\r\n class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n >\r\n <div class=\"flex items-center justify-start gap-x-6\">\r\n <div\r\n class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n >\r\n <img\r\n loading=\"lazy\"\r\n height=\"22\"\r\n width=\"18\"\r\n [src]=\"ICONS['restu']\"\r\n alt=\"\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n loading=\"lazy\"\r\n class=\"dotted-line\"\r\n src=\"assets/images/dotted-line.svg\"\r\n />\r\n </div>\r\n <div class=\"text\">\r\n <h2\r\n class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\"\r\n >\r\n Kabul tikka\r\n </h2>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">\r\n Afghan cuisine\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['hamburger']\"\r\n alt=\"\"\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['deletePink']\"\r\n alt=\"\"\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <div\r\n class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n >\r\n <div class=\"flex items-center justify-start gap-x-6\">\r\n <div\r\n class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n >\r\n <img\r\n loading=\"lazy\"\r\n height=\"22\"\r\n width=\"18\"\r\n [src]=\"ICONS['restu']\"\r\n alt=\"\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n loading=\"lazy\"\r\n class=\"dotted-line\"\r\n src=\"assets/images/dotted-line.svg\"\r\n />\r\n </div>\r\n <div class=\"text\">\r\n <h2\r\n class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\"\r\n >\r\n Quetta TNT\r\n </h2>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">Tea Coffee</p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['hamburger']\"\r\n alt=\"\"\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['deletePink']\"\r\n alt=\"\"\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n </div>\r\n </div>\r\n </div>\r\n</app-bottom-modal>\r\n<div\r\n (click)=\"showBottomModal()\"\r\n class=\"absolute bottom-0 cursor-pointer z-10\"\r\n style=\"left: 50%\"\r\n>\r\n <img\r\n style=\"transform: rotate(270deg)\"\r\n [src]=\"ICONS['rightArrow']\"\r\n alt=\"icon\"\r\n height=\"15\"\r\n width=\"15\"\r\n />\r\n</div>\r\n", styles: ["*{font-family:var(--font-gilroy-regular)}.main-itini-preview,.tracking-bottom-com{font-family:Gilroy-Regular!important}.tracking-bottom-com,.text{font-family:Gilroy-Regular!important;font-size:12px!important}.bottom-section-heading{font-style:normal;font-weight:600;font-size:13.13px;line-height:160%;color:#fff}.view-more-div{font-size:14px}.view-more-text{font-style:normal;font-weight:500;line-height:15px;color:#fe3c72;margin-left:10px}.view-more{font-style:normal;font-weight:500;font-size:10px;line-height:15px;color:#fe3c72;margin-left:10px}.dotted-line{position:absolute;width:2px;height:30px;top:35px}.normal-text{color:#fff}\n"], dependencies: [{ kind: "component", type: BottomModalComponent, selector: "app-bottom-modal", inputs: ["isOpen", "submitButtonTitle", "showArrow", "adaptToContentHeight", "customClass"], outputs: ["isOpenChange", "submitModal"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "component", type: i5.LibMapsComponent, selector: "lib-map", inputs: ["disableNotification", "markers", "initialLocation", "mapType", "enableDrag", "locations", "searchMapsString", "mapOptions", "directions$", "directionRenderOptions"], outputs: ["mapActionEvent"] }, { kind: "component", type: CreateItineraryHeaderComponent, selector: "app-create-itinerary-header", inputs: ["heading", "progressBarValue", "discardItineraryId", "class"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3993
4311
|
}
|
|
3994
4312
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreatedItineraryComponent, decorators: [{
|
|
3995
4313
|
type: Component,
|
|
3996
|
-
args: [{ selector: 'app-created-itinerary', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"65\"\r\n heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<
|
|
4314
|
+
args: [{ selector: 'app-created-itinerary', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"65\"\r\n heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<app-bottom-modal\r\n submitButtonTitle=\"Preview\"\r\n [showArrow]=\"true\"\r\n [(isOpen)]=\"isOpen\"\r\n [adaptToContentHeight]=\"true\"\r\n (submitModal)=\"navToNextPage()\"\r\n>\r\n <div class=\"flex items-center justify-center px-5\">\r\n <div class=\"flex items-center w-full\">\r\n <div class=\"main-itini-preview w-full\">\r\n <section class=\"mt-3 w-full\">\r\n <div class=\"tracking-widest rounded-t-3xl\">\r\n <div class=\"tracking-bottom-com\">\r\n <div class=\"ml-auto flex items-center justify-center gap-x-2\">\r\n <div class=\"flex items-center gap-x-1 text-xs\">\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['locationWhite']\"\r\n alt=\"location\"\r\n />\r\n <span>2 {{ \"ITINERARY_SUMMARY.PLACES\" | translate }}</span>\r\n </div>\r\n <div class=\"h-4 border w-0 border-secondary\"></div>\r\n <div class=\"flex items-center justify-center gap-x-2 text-xs\">\r\n <img loading=\"lazy\" [src]=\"ICONS['clock']\" alt=\"\" />\r\n <span>45 {{ \"DATE_TIME.MINUTES\" | translate }}</span>\r\n <span class=\"text-secondary font-thin\">(6.6 Km)</span>\r\n </div>\r\n </div>\r\n <div\r\n class=\"border border-dashed opacity-55 rotate-90 absolute -left-6 top-36\"\r\n ></div>\r\n <div class=\"font-Gilroy mt-5 mb-3 flex flex-col gap-y-5\">\r\n <div\r\n class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n >\r\n <div class=\"flex items-center justify-start gap-x-6\">\r\n <div\r\n class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n >\r\n <img\r\n loading=\"lazy\"\r\n height=\"22\"\r\n width=\"18\"\r\n [src]=\"ICONS['startLocation']\"\r\n alt=\"\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n loading=\"lazy\"\r\n class=\"dotted-line\"\r\n src=\"assets/images/dotted-line.svg\"\r\n />\r\n </div>\r\n <div class=\"text\">\r\n <h2\r\n class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\"\r\n >\r\n Shan-ul-haq haqee road\r\n </h2>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">\r\n Starting location\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n loading=\"lazy\"\r\n [src]=\"ICONS['editPink']\"\r\n alt=\"\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <div\r\n class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n >\r\n <div class=\"flex items-center justify-start gap-x-6\">\r\n <div\r\n class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n >\r\n <img\r\n loading=\"lazy\"\r\n height=\"22\"\r\n width=\"18\"\r\n [src]=\"ICONS['restu']\"\r\n alt=\"\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n loading=\"lazy\"\r\n class=\"dotted-line\"\r\n src=\"assets/images/dotted-line.svg\"\r\n />\r\n </div>\r\n <div class=\"text\">\r\n <h2\r\n class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\"\r\n >\r\n Kabul tikka\r\n </h2>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">\r\n Afghan cuisine\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['hamburger']\"\r\n alt=\"\"\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['deletePink']\"\r\n alt=\"\"\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <div\r\n class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n >\r\n <div class=\"flex items-center justify-start gap-x-6\">\r\n <div\r\n class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n >\r\n <img\r\n loading=\"lazy\"\r\n height=\"22\"\r\n width=\"18\"\r\n [src]=\"ICONS['restu']\"\r\n alt=\"\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n loading=\"lazy\"\r\n class=\"dotted-line\"\r\n src=\"assets/images/dotted-line.svg\"\r\n />\r\n </div>\r\n <div class=\"text\">\r\n <h2\r\n class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\"\r\n >\r\n Quetta TNT\r\n </h2>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">Tea Coffee</p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['hamburger']\"\r\n alt=\"\"\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['deletePink']\"\r\n alt=\"\"\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n </div>\r\n </div>\r\n </div>\r\n</app-bottom-modal>\r\n<div\r\n (click)=\"showBottomModal()\"\r\n class=\"absolute bottom-0 cursor-pointer z-10\"\r\n style=\"left: 50%\"\r\n>\r\n <img\r\n style=\"transform: rotate(270deg)\"\r\n [src]=\"ICONS['rightArrow']\"\r\n alt=\"icon\"\r\n height=\"15\"\r\n width=\"15\"\r\n />\r\n</div>\r\n", styles: ["*{font-family:var(--font-gilroy-regular)}.main-itini-preview,.tracking-bottom-com{font-family:Gilroy-Regular!important}.tracking-bottom-com,.text{font-family:Gilroy-Regular!important;font-size:12px!important}.bottom-section-heading{font-style:normal;font-weight:600;font-size:13.13px;line-height:160%;color:#fff}.view-more-div{font-size:14px}.view-more-text{font-style:normal;font-weight:500;line-height:15px;color:#fe3c72;margin-left:10px}.view-more{font-style:normal;font-weight:500;font-size:10px;line-height:15px;color:#fe3c72;margin-left:10px}.dotted-line{position:absolute;width:2px;height:30px;top:35px}.normal-text{color:#fff}\n"] }]
|
|
3997
4315
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: i0.ChangeDetectorRef }, { type: i1.ActivatedRoute }, { type: ItineraryService }, { type: NavigationHelperService }] });
|
|
3998
4316
|
|
|
3999
4317
|
class ItineraryAddPlaceComponent {
|
|
@@ -4051,11 +4369,11 @@ class ItineraryAddPlaceComponent {
|
|
|
4051
4369
|
this.location.back();
|
|
4052
4370
|
}
|
|
4053
4371
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItineraryAddPlaceComponent, deps: [{ token: i1$2.Location }, { token: i1.ActivatedRoute }, { token: i1.Router }, { token: ItineraryService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4054
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ItineraryAddPlaceComponent, selector: "app-itinerary-add-place", ngImport: i0, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"55\"\r\n heading=\"Select Events\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<
|
|
4372
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ItineraryAddPlaceComponent, selector: "app-itinerary-add-place", ngImport: i0, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"55\"\r\n heading=\"Select Events\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<app-bottom-modal\r\n (submitModal)=\"navToNextPage()\"\r\n submitButtonTitle=\"Continue\"\r\n [showArrow]=\"true\"\r\n [(isOpen)]=\"isOpen\"\r\n [adaptToContentHeight]=\"true\"\r\n>\r\n <div class=\"pl-4 pr-4\">\r\n <div class=\"flex items-center justify-between\">\r\n <h3 class=\"font-Calistoga text-lg\">Remove</h3>\r\n <span>Add place details</span>\r\n <h3 class=\"font-Calistoga text-lg\" style=\"color: rgba(254, 60, 114, 1)\">\r\n Add\r\n </h3>\r\n </div>\r\n <div class=\"mt-5\">\r\n <app-tab-bar [tabMenuItems]=\"tabMenuItems\"></app-tab-bar>\r\n </div>\r\n </div>\r\n <router-outlet></router-outlet>\r\n</app-bottom-modal>\r\n\r\n<div\r\n (click)=\"showBottomModal()\"\r\n class=\"absolute bottom-0 cursor-pointer z-10\"\r\n style=\"left: 50%\"\r\n>\r\n <img\r\n style=\"transform: rotate(270deg)\"\r\n [src]=\"ICONS['rightArrow']\"\r\n alt=\"icon\"\r\n height=\"15\"\r\n width=\"15\"\r\n />\r\n</div>\r\n", styles: ["::ng-deep .mat-mdc-tab-links{gap:0px!important}::ng-deep .mdc-tab{padding:0!important}::ng-deep .mdc-tab__text-label{font-family:Gilroy;font-weight:700;font-size:13.13px;line-height:160%;letter-spacing:0%}\n"], dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: TabBarComponent, selector: "app-tab-bar", inputs: ["tabMenuItems"] }, { kind: "component", type: BottomModalComponent, selector: "app-bottom-modal", inputs: ["isOpen", "submitButtonTitle", "showArrow", "adaptToContentHeight", "customClass"], outputs: ["isOpenChange", "submitModal"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "component", type: i5.LibMapsComponent, selector: "lib-map", inputs: ["disableNotification", "markers", "initialLocation", "mapType", "enableDrag", "locations", "searchMapsString", "mapOptions", "directions$", "directionRenderOptions"], outputs: ["mapActionEvent"] }, { kind: "component", type: CreateItineraryHeaderComponent, selector: "app-create-itinerary-header", inputs: ["heading", "progressBarValue", "discardItineraryId", "class"] }] });
|
|
4055
4373
|
}
|
|
4056
4374
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItineraryAddPlaceComponent, decorators: [{
|
|
4057
4375
|
type: Component,
|
|
4058
|
-
args: [{ selector: 'app-itinerary-add-place', standalone: false, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"55\"\r\n heading=\"Select Events\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<
|
|
4376
|
+
args: [{ selector: 'app-itinerary-add-place', standalone: false, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"55\"\r\n heading=\"Select Events\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<app-bottom-modal\r\n (submitModal)=\"navToNextPage()\"\r\n submitButtonTitle=\"Continue\"\r\n [showArrow]=\"true\"\r\n [(isOpen)]=\"isOpen\"\r\n [adaptToContentHeight]=\"true\"\r\n>\r\n <div class=\"pl-4 pr-4\">\r\n <div class=\"flex items-center justify-between\">\r\n <h3 class=\"font-Calistoga text-lg\">Remove</h3>\r\n <span>Add place details</span>\r\n <h3 class=\"font-Calistoga text-lg\" style=\"color: rgba(254, 60, 114, 1)\">\r\n Add\r\n </h3>\r\n </div>\r\n <div class=\"mt-5\">\r\n <app-tab-bar [tabMenuItems]=\"tabMenuItems\"></app-tab-bar>\r\n </div>\r\n </div>\r\n <router-outlet></router-outlet>\r\n</app-bottom-modal>\r\n\r\n<div\r\n (click)=\"showBottomModal()\"\r\n class=\"absolute bottom-0 cursor-pointer z-10\"\r\n style=\"left: 50%\"\r\n>\r\n <img\r\n style=\"transform: rotate(270deg)\"\r\n [src]=\"ICONS['rightArrow']\"\r\n alt=\"icon\"\r\n height=\"15\"\r\n width=\"15\"\r\n />\r\n</div>\r\n", styles: ["::ng-deep .mat-mdc-tab-links{gap:0px!important}::ng-deep .mdc-tab{padding:0!important}::ng-deep .mdc-tab__text-label{font-family:Gilroy;font-weight:700;font-size:13.13px;line-height:160%;letter-spacing:0%}\n"] }]
|
|
4059
4377
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: i1.ActivatedRoute }, { type: i1.Router }, { type: ItineraryService }] });
|
|
4060
4378
|
|
|
4061
4379
|
class ItineraryPlaceBasicInfoComponent {
|
|
@@ -4246,11 +4564,11 @@ class SelectItineraryEventComponent {
|
|
|
4246
4564
|
}
|
|
4247
4565
|
}
|
|
4248
4566
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectItineraryEventComponent, deps: [{ token: i1$2.Location }, { token: i0.ChangeDetectorRef }, { token: i1.ActivatedRoute }, { token: ItineraryService }, { token: NavigationHelperService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4249
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SelectItineraryEventComponent, selector: "app-select-itinerary-event", ngImport: i0, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"40\"\r\n heading=\"Select Events\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<
|
|
4567
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SelectItineraryEventComponent, selector: "app-select-itinerary-event", ngImport: i0, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"40\"\r\n heading=\"Select Events\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<app-bottom-modal\r\n submitButtonTitle=\"Continue\"\r\n [showArrow]=\"true\"\r\n [(isOpen)]=\"isOpen\"\r\n (submitModal)=\"navToNextPage()\"\r\n [adaptToContentHeight]=\"true\"\r\n>\r\n <div class=\"p-4 pt-0 pb-0\" style=\"height: 220px; overflow: auto\">\r\n <p class=\"text-justify text-[12px]\">\r\n Click the event pins to add/remove them in the itinerary. Hold the event\r\n pin to see Event Details. Click map area to exit from Event Details.\r\n </p>\r\n <span class=\"block text-center mt-3\">Places</span>\r\n\r\n <div class=\"mt-4\">\r\n <lib-selectable [options]=\"options\"></lib-selectable>\r\n </div>\r\n\r\n <hr\r\n class=\"mt-4 mb-4\"\r\n style=\"border: 0.82px solid rgba(255, 255, 255, 0.25)\"\r\n />\r\n\r\n <span>Select automatically</span>\r\n <div class=\"flex items-end justify-between mt-2\">\r\n <p class=\"text-[12px] leading-[150%] mr-2\">\r\n We will select places which are best for you for your itinerary.\r\n </p>\r\n <div class=\"pr-1\">\r\n <lib-toggle class=\"toggle-sm\"></lib-toggle>\r\n </div>\r\n </div>\r\n\r\n <div class=\"mt-5\">\r\n <div class=\"flex items-center justify-between\">\r\n <span>Number of places</span>\r\n <span>3</span>\r\n </div>\r\n <lib-range-selector\r\n [stepValue]=\"2\"\r\n [minValue]=\"1\"\r\n [maxValue]=\"14\"\r\n ></lib-range-selector>\r\n </div>\r\n </div>\r\n</app-bottom-modal>\r\n<div\r\n (click)=\"showBottomModal()\"\r\n class=\"absolute bottom-0 cursor-pointer z-10\"\r\n style=\"left: 50%\"\r\n>\r\n <img\r\n style=\"transform: rotate(270deg)\"\r\n [src]=\"ICONS['rightArrow']\"\r\n alt=\"icon\"\r\n height=\"15\"\r\n width=\"15\"\r\n />\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: i5.SelectableComponent, selector: "lib-selectable", inputs: ["options", "singleSelectionOnly", "maxSelectionPossible"], outputs: ["maxSelectionsReached"] }, { kind: "component", type: i5.ToggleComponent, selector: "lib-toggle", inputs: ["disabled", "toggleState", "variant", "left", "right", "thumbImg", "multipleOptions"], outputs: ["toggleStateChange"] }, { kind: "component", type: BottomModalComponent, selector: "app-bottom-modal", inputs: ["isOpen", "submitButtonTitle", "showArrow", "adaptToContentHeight", "customClass"], outputs: ["isOpenChange", "submitModal"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "component", type: i5.RangeSelectorComponent, selector: "lib-range-selector", inputs: ["minValue", "maxValue", "stepValue", "dualKnobs", "pinValue", "reverseBarColor", "enablePinFormatter"] }, { kind: "component", type: i5.LibMapsComponent, selector: "lib-map", inputs: ["disableNotification", "markers", "initialLocation", "mapType", "enableDrag", "locations", "searchMapsString", "mapOptions", "directions$", "directionRenderOptions"], outputs: ["mapActionEvent"] }, { kind: "component", type: CreateItineraryHeaderComponent, selector: "app-create-itinerary-header", inputs: ["heading", "progressBarValue", "discardItineraryId", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4250
4568
|
}
|
|
4251
4569
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectItineraryEventComponent, decorators: [{
|
|
4252
4570
|
type: Component,
|
|
4253
|
-
args: [{ selector: 'app-select-itinerary-event', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"40\"\r\n heading=\"Select Events\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<
|
|
4571
|
+
args: [{ selector: 'app-select-itinerary-event', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"40\"\r\n heading=\"Select Events\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<app-bottom-modal\r\n submitButtonTitle=\"Continue\"\r\n [showArrow]=\"true\"\r\n [(isOpen)]=\"isOpen\"\r\n (submitModal)=\"navToNextPage()\"\r\n [adaptToContentHeight]=\"true\"\r\n>\r\n <div class=\"p-4 pt-0 pb-0\" style=\"height: 220px; overflow: auto\">\r\n <p class=\"text-justify text-[12px]\">\r\n Click the event pins to add/remove them in the itinerary. Hold the event\r\n pin to see Event Details. Click map area to exit from Event Details.\r\n </p>\r\n <span class=\"block text-center mt-3\">Places</span>\r\n\r\n <div class=\"mt-4\">\r\n <lib-selectable [options]=\"options\"></lib-selectable>\r\n </div>\r\n\r\n <hr\r\n class=\"mt-4 mb-4\"\r\n style=\"border: 0.82px solid rgba(255, 255, 255, 0.25)\"\r\n />\r\n\r\n <span>Select automatically</span>\r\n <div class=\"flex items-end justify-between mt-2\">\r\n <p class=\"text-[12px] leading-[150%] mr-2\">\r\n We will select places which are best for you for your itinerary.\r\n </p>\r\n <div class=\"pr-1\">\r\n <lib-toggle class=\"toggle-sm\"></lib-toggle>\r\n </div>\r\n </div>\r\n\r\n <div class=\"mt-5\">\r\n <div class=\"flex items-center justify-between\">\r\n <span>Number of places</span>\r\n <span>3</span>\r\n </div>\r\n <lib-range-selector\r\n [stepValue]=\"2\"\r\n [minValue]=\"1\"\r\n [maxValue]=\"14\"\r\n ></lib-range-selector>\r\n </div>\r\n </div>\r\n</app-bottom-modal>\r\n<div\r\n (click)=\"showBottomModal()\"\r\n class=\"absolute bottom-0 cursor-pointer z-10\"\r\n style=\"left: 50%\"\r\n>\r\n <img\r\n style=\"transform: rotate(270deg)\"\r\n [src]=\"ICONS['rightArrow']\"\r\n alt=\"icon\"\r\n height=\"15\"\r\n width=\"15\"\r\n />\r\n</div>\r\n" }]
|
|
4254
4572
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: i0.ChangeDetectorRef }, { type: i1.ActivatedRoute }, { type: ItineraryService }, { type: NavigationHelperService }] });
|
|
4255
4573
|
|
|
4256
4574
|
class SuggestedEventsLocationComponent {
|
|
@@ -4320,11 +4638,11 @@ class SuggestedEventsLocationComponent {
|
|
|
4320
4638
|
this.location.back();
|
|
4321
4639
|
}
|
|
4322
4640
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SuggestedEventsLocationComponent, deps: [{ token: i1$2.Location }, { token: i0.ChangeDetectorRef }, { token: i1.ActivatedRoute }, { token: ItineraryService }, { token: NavigationHelperService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4323
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SuggestedEventsLocationComponent, selector: "app-suggested-events-location", viewQueries: [{ propertyName: "libMap", first: true, predicate: ["libMap"], descendants: true }], ngImport: i0, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"25\"\r\n heading=\"Suggested Events\"\r\n></app-create-itinerary-header>\r\n<lib-map\r\n #libMap\r\n [markers]=\"mapMarkerModel\"\r\n class=\"maps-100vh\"\r\n></lib-map>\r\n<
|
|
4641
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SuggestedEventsLocationComponent, selector: "app-suggested-events-location", viewQueries: [{ propertyName: "libMap", first: true, predicate: ["libMap"], descendants: true }], ngImport: i0, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"25\"\r\n heading=\"Suggested Events\"\r\n></app-create-itinerary-header>\r\n<lib-map\r\n #libMap\r\n [markers]=\"mapMarkerModel\"\r\n class=\"maps-100vh\"\r\n></lib-map>\r\n<app-bottom-modal\r\n submitButtonTitle=\"Continue\"\r\n [showArrow]=\"true\"\r\n [(isOpen)]=\"isOpen\"\r\n [adaptToContentHeight]=\"true\"\r\n (submitModal)=\"navToNextPage()\"\r\n>\r\n <div class=\"flex items-center justify-center pt-0 p-5 pb-0\">\r\n <div class=\"flex items-center w-full\">\r\n <div class=\"main-itini-preview w-full\">\r\n <section class=\"mt-3 w-full\">\r\n <div class=\"tracking-widest rounded-t-3xl\">\r\n <div class=\"tracking-bottom-com\">\r\n <div class=\"ml-auto flex items-center justify-center gap-x-2\">\r\n <div class=\"flex items-center gap-x-1 text-xs\">\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['locationWhite']\"\r\n alt=\"location\"\r\n />\r\n <span>2 {{ \"ITINERARY_SUMMARY.PLACES\" | translate }}</span>\r\n </div>\r\n <div class=\"h-4 border w-0 border-secondary\"></div>\r\n <div class=\"flex items-center justify-center gap-x-2 text-xs\">\r\n <img loading=\"lazy\" [src]=\"ICONS['clock']\" alt=\"\" />\r\n <span>45 {{ \"DATE_TIME.MINUTES\" | translate }}</span>\r\n <span class=\"text-secondary font-thin\">(6.6 Km)</span>\r\n </div>\r\n </div>\r\n <div\r\n class=\"border border-dashed opacity-55 rotate-90 absolute -left-6 top-36\"\r\n ></div>\r\n <div class=\"font-Gilroy mt-5 mb-3 flex flex-col gap-y-5\">\r\n <div\r\n class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n >\r\n <div class=\"flex items-center justify-start gap-x-6\">\r\n <div\r\n class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n >\r\n <img\r\n loading=\"lazy\"\r\n height=\"22\"\r\n width=\"18\"\r\n [src]=\"ICONS['startLocation']\"\r\n alt=\"\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n loading=\"lazy\"\r\n class=\"dotted-line\"\r\n src=\"assets/images/dotted-line.svg\"\r\n />\r\n </div>\r\n <div class=\"text\">\r\n <h2\r\n class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\"\r\n >\r\n {{ itineary?.startLocation?.address }}\r\n </h2>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">\r\n Starting location\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n loading=\"lazy\"\r\n [src]=\"ICONS['editPink']\"\r\n alt=\"\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <div\r\n class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n >\r\n <div class=\"flex items-center justify-start gap-x-6\">\r\n <div\r\n class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n >\r\n <img\r\n loading=\"lazy\"\r\n height=\"22\"\r\n width=\"18\"\r\n [src]=\"ICONS['enLocation']\"\r\n alt=\"\"\r\n />\r\n </div>\r\n <div class=\"text\">\r\n <h2\r\n class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\"\r\n >\r\n {{ itineary?.endLocation?.address }}\r\n </h2>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">\r\n Destination\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['editPink']\"\r\n alt=\"\"\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n </div>\r\n </div>\r\n </div>\r\n</app-bottom-modal>\r\n<div\r\n (click)=\"showBottomModal()\"\r\n class=\"absolute bottom-0 cursor-pointer z-10\"\r\n style=\"left: 50%\"\r\n>\r\n <img\r\n style=\"transform: rotate(270deg)\"\r\n [src]=\"ICONS['rightArrow']\"\r\n alt=\"icon\"\r\n height=\"15\"\r\n width=\"15\"\r\n />\r\n</div>\r\n", styles: ["*{font-family:var(--font-gilroy-regular)}.main-itini-preview,.tracking-bottom-com{font-family:Gilroy-Regular!important}.tracking-bottom-com,.text{font-family:Gilroy-Regular!important;font-size:12px!important}.bottom-section-heading{font-style:normal;font-weight:600;font-size:13.13px;line-height:160%;color:#fff}.view-more-div{font-size:14px}.view-more-text{font-style:normal;font-weight:500;line-height:15px;color:#fe3c72;margin-left:10px}.view-more{font-style:normal;font-weight:500;font-size:10px;line-height:15px;color:#fe3c72;margin-left:10px}.dotted-line{position:absolute;width:2px;height:30px;top:35px}.normal-text{color:#fff}\n"], dependencies: [{ kind: "component", type: BottomModalComponent, selector: "app-bottom-modal", inputs: ["isOpen", "submitButtonTitle", "showArrow", "adaptToContentHeight", "customClass"], outputs: ["isOpenChange", "submitModal"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "component", type: i5.LibMapsComponent, selector: "lib-map", inputs: ["disableNotification", "markers", "initialLocation", "mapType", "enableDrag", "locations", "searchMapsString", "mapOptions", "directions$", "directionRenderOptions"], outputs: ["mapActionEvent"] }, { kind: "component", type: CreateItineraryHeaderComponent, selector: "app-create-itinerary-header", inputs: ["heading", "progressBarValue", "discardItineraryId", "class"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
|
|
4324
4642
|
}
|
|
4325
4643
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SuggestedEventsLocationComponent, decorators: [{
|
|
4326
4644
|
type: Component,
|
|
4327
|
-
args: [{ selector: 'app-suggested-events-location', standalone: false, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"25\"\r\n heading=\"Suggested Events\"\r\n></app-create-itinerary-header>\r\n<lib-map\r\n #libMap\r\n [markers]=\"mapMarkerModel\"\r\n class=\"maps-100vh\"\r\n></lib-map>\r\n<
|
|
4645
|
+
args: [{ selector: 'app-suggested-events-location', standalone: false, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"25\"\r\n heading=\"Suggested Events\"\r\n></app-create-itinerary-header>\r\n<lib-map\r\n #libMap\r\n [markers]=\"mapMarkerModel\"\r\n class=\"maps-100vh\"\r\n></lib-map>\r\n<app-bottom-modal\r\n submitButtonTitle=\"Continue\"\r\n [showArrow]=\"true\"\r\n [(isOpen)]=\"isOpen\"\r\n [adaptToContentHeight]=\"true\"\r\n (submitModal)=\"navToNextPage()\"\r\n>\r\n <div class=\"flex items-center justify-center pt-0 p-5 pb-0\">\r\n <div class=\"flex items-center w-full\">\r\n <div class=\"main-itini-preview w-full\">\r\n <section class=\"mt-3 w-full\">\r\n <div class=\"tracking-widest rounded-t-3xl\">\r\n <div class=\"tracking-bottom-com\">\r\n <div class=\"ml-auto flex items-center justify-center gap-x-2\">\r\n <div class=\"flex items-center gap-x-1 text-xs\">\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['locationWhite']\"\r\n alt=\"location\"\r\n />\r\n <span>2 {{ \"ITINERARY_SUMMARY.PLACES\" | translate }}</span>\r\n </div>\r\n <div class=\"h-4 border w-0 border-secondary\"></div>\r\n <div class=\"flex items-center justify-center gap-x-2 text-xs\">\r\n <img loading=\"lazy\" [src]=\"ICONS['clock']\" alt=\"\" />\r\n <span>45 {{ \"DATE_TIME.MINUTES\" | translate }}</span>\r\n <span class=\"text-secondary font-thin\">(6.6 Km)</span>\r\n </div>\r\n </div>\r\n <div\r\n class=\"border border-dashed opacity-55 rotate-90 absolute -left-6 top-36\"\r\n ></div>\r\n <div class=\"font-Gilroy mt-5 mb-3 flex flex-col gap-y-5\">\r\n <div\r\n class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n >\r\n <div class=\"flex items-center justify-start gap-x-6\">\r\n <div\r\n class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n >\r\n <img\r\n loading=\"lazy\"\r\n height=\"22\"\r\n width=\"18\"\r\n [src]=\"ICONS['startLocation']\"\r\n alt=\"\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n loading=\"lazy\"\r\n class=\"dotted-line\"\r\n src=\"assets/images/dotted-line.svg\"\r\n />\r\n </div>\r\n <div class=\"text\">\r\n <h2\r\n class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\"\r\n >\r\n {{ itineary?.startLocation?.address }}\r\n </h2>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">\r\n Starting location\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n loading=\"lazy\"\r\n [src]=\"ICONS['editPink']\"\r\n alt=\"\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <div\r\n class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n >\r\n <div class=\"flex items-center justify-start gap-x-6\">\r\n <div\r\n class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n >\r\n <img\r\n loading=\"lazy\"\r\n height=\"22\"\r\n width=\"18\"\r\n [src]=\"ICONS['enLocation']\"\r\n alt=\"\"\r\n />\r\n </div>\r\n <div class=\"text\">\r\n <h2\r\n class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\"\r\n >\r\n {{ itineary?.endLocation?.address }}\r\n </h2>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">\r\n Destination\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['editPink']\"\r\n alt=\"\"\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n </div>\r\n </div>\r\n </div>\r\n</app-bottom-modal>\r\n<div\r\n (click)=\"showBottomModal()\"\r\n class=\"absolute bottom-0 cursor-pointer z-10\"\r\n style=\"left: 50%\"\r\n>\r\n <img\r\n style=\"transform: rotate(270deg)\"\r\n [src]=\"ICONS['rightArrow']\"\r\n alt=\"icon\"\r\n height=\"15\"\r\n width=\"15\"\r\n />\r\n</div>\r\n", styles: ["*{font-family:var(--font-gilroy-regular)}.main-itini-preview,.tracking-bottom-com{font-family:Gilroy-Regular!important}.tracking-bottom-com,.text{font-family:Gilroy-Regular!important;font-size:12px!important}.bottom-section-heading{font-style:normal;font-weight:600;font-size:13.13px;line-height:160%;color:#fff}.view-more-div{font-size:14px}.view-more-text{font-style:normal;font-weight:500;line-height:15px;color:#fe3c72;margin-left:10px}.view-more{font-style:normal;font-weight:500;font-size:10px;line-height:15px;color:#fe3c72;margin-left:10px}.dotted-line{position:absolute;width:2px;height:30px;top:35px}.normal-text{color:#fff}\n"] }]
|
|
4328
4646
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: i0.ChangeDetectorRef }, { type: i1.ActivatedRoute }, { type: ItineraryService }, { type: NavigationHelperService }], propDecorators: { libMap: [{
|
|
4329
4647
|
type: ViewChild,
|
|
4330
4648
|
args: ['libMap']
|
|
@@ -4369,11 +4687,11 @@ class SuggestedEventsRouteRadiusComponent {
|
|
|
4369
4687
|
this.location.back();
|
|
4370
4688
|
}
|
|
4371
4689
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SuggestedEventsRouteRadiusComponent, deps: [{ token: i1$2.Location }, { token: i0.ChangeDetectorRef }, { token: i1.ActivatedRoute }, { token: ItineraryService }, { token: NavigationHelperService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4372
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SuggestedEventsRouteRadiusComponent, selector: "app-suggested-events-route-radius", ngImport: i0, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"35\"\r\n heading=\"Suggested Events\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<
|
|
4690
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SuggestedEventsRouteRadiusComponent, selector: "app-suggested-events-route-radius", ngImport: i0, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"35\"\r\n heading=\"Suggested Events\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<app-bottom-modal\r\n submitButtonTitle=\"Continue\"\r\n [showArrow]=\"true\"\r\n [(isOpen)]=\"isOpen\"\r\n [adaptToContentHeight]=\"true\"\r\n (submitModal)=\"navToNextPage()\"\r\n>\r\n <span class=\"text-center block\"> Route radius </span>\r\n <div class=\"flex justify-between mt-5 ml-4 mr-5\">\r\n <p class=\"text-white\">Time from direct router</p>\r\n <p class=\"text-white\">1 minute</p>\r\n </div>\r\n\r\n <div class=\"mt-2\">\r\n <lib-range-selector></lib-range-selector>\r\n </div>\r\n</app-bottom-modal>\r\n<div\r\n (click)=\"showBottomModal()\"\r\n class=\"absolute bottom-0 cursor-pointer z-10\"\r\n style=\"left: 50%\"\r\n>\r\n <img\r\n style=\"transform: rotate(270deg)\"\r\n [src]=\"ICONS['rightArrow']\"\r\n alt=\"icon\"\r\n height=\"15\"\r\n width=\"15\"\r\n />\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: BottomModalComponent, selector: "app-bottom-modal", inputs: ["isOpen", "submitButtonTitle", "showArrow", "adaptToContentHeight", "customClass"], outputs: ["isOpenChange", "submitModal"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "component", type: i5.RangeSelectorComponent, selector: "lib-range-selector", inputs: ["minValue", "maxValue", "stepValue", "dualKnobs", "pinValue", "reverseBarColor", "enablePinFormatter"] }, { kind: "component", type: i5.LibMapsComponent, selector: "lib-map", inputs: ["disableNotification", "markers", "initialLocation", "mapType", "enableDrag", "locations", "searchMapsString", "mapOptions", "directions$", "directionRenderOptions"], outputs: ["mapActionEvent"] }, { kind: "component", type: CreateItineraryHeaderComponent, selector: "app-create-itinerary-header", inputs: ["heading", "progressBarValue", "discardItineraryId", "class"] }] });
|
|
4373
4691
|
}
|
|
4374
4692
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SuggestedEventsRouteRadiusComponent, decorators: [{
|
|
4375
4693
|
type: Component,
|
|
4376
|
-
args: [{ selector: 'app-suggested-events-route-radius', standalone: false, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"35\"\r\n heading=\"Suggested Events\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<
|
|
4694
|
+
args: [{ selector: 'app-suggested-events-route-radius', standalone: false, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"35\"\r\n heading=\"Suggested Events\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<app-bottom-modal\r\n submitButtonTitle=\"Continue\"\r\n [showArrow]=\"true\"\r\n [(isOpen)]=\"isOpen\"\r\n [adaptToContentHeight]=\"true\"\r\n (submitModal)=\"navToNextPage()\"\r\n>\r\n <span class=\"text-center block\"> Route radius </span>\r\n <div class=\"flex justify-between mt-5 ml-4 mr-5\">\r\n <p class=\"text-white\">Time from direct router</p>\r\n <p class=\"text-white\">1 minute</p>\r\n </div>\r\n\r\n <div class=\"mt-2\">\r\n <lib-range-selector></lib-range-selector>\r\n </div>\r\n</app-bottom-modal>\r\n<div\r\n (click)=\"showBottomModal()\"\r\n class=\"absolute bottom-0 cursor-pointer z-10\"\r\n style=\"left: 50%\"\r\n>\r\n <img\r\n style=\"transform: rotate(270deg)\"\r\n [src]=\"ICONS['rightArrow']\"\r\n alt=\"icon\"\r\n height=\"15\"\r\n width=\"15\"\r\n />\r\n</div>\r\n" }]
|
|
4377
4695
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: i0.ChangeDetectorRef }, { type: i1.ActivatedRoute }, { type: ItineraryService }, { type: NavigationHelperService }] });
|
|
4378
4696
|
|
|
4379
4697
|
class SuggestedEventsRouteTypeComponent {
|
|
@@ -4431,11 +4749,11 @@ class SuggestedEventsRouteTypeComponent {
|
|
|
4431
4749
|
this.location.back();
|
|
4432
4750
|
}
|
|
4433
4751
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SuggestedEventsRouteTypeComponent, deps: [{ token: i1$2.Location }, { token: i0.ChangeDetectorRef }, { token: i1.ActivatedRoute }, { token: ItineraryService }, { token: NavigationHelperService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4434
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SuggestedEventsRouteTypeComponent, selector: "app-suggested-events-route-type", ngImport: i0, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"30\"\r\n heading=\"Suggested Events\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<
|
|
4752
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SuggestedEventsRouteTypeComponent, selector: "app-suggested-events-route-type", ngImport: i0, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"30\"\r\n heading=\"Suggested Events\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<app-bottom-modal\r\n submitButtonTitle=\"Continue\"\r\n [showArrow]=\"true\"\r\n [(isOpen)]=\"isOpen\"\r\n [adaptToContentHeight]=\"true\"\r\n (submitModal)=\"navToNextPage()\"\r\n>\r\n <div class=\"flex items-center justify-center\">\r\n <div class=\"flex items-center w-full\">\r\n <div class=\"main-itini-preview w-full pt-0 p-5 pb-0\">\r\n <section class=\"mt-3 w-full\">\r\n <div class=\"tracking-widest rounded-t-3xl\">\r\n <p class=\"w-full flex justify-center text-sm text-white mb-5\">\r\n Route type\r\n </p>\r\n <div class=\"flex gap-[10px]\">\r\n @for (option of recommendedRouteTypes; track $index) {\r\n <lib-selectable [options]=\"option\"></lib-selectable>\r\n }\r\n </div>\r\n <div class=\"border-t border-gray-700 mt-4 mb-3\"></div>\r\n <p class=\"text-white text-[13px] mb-[8.54px]\">More</p>\r\n\r\n <div class=\"flex gap-[10px] flex-wrap\">\r\n @for (option of moreRouteTypes; track $index) {\r\n <lib-selectable [options]=\"option\"></lib-selectable>\r\n }\r\n </div>\r\n </div>\r\n </section>\r\n </div>\r\n </div>\r\n </div>\r\n</app-bottom-modal>\r\n<div\r\n (click)=\"showBottomModal()\"\r\n class=\"absolute bottom-0 cursor-pointer z-10\"\r\n style=\"left: 50%\"\r\n>\r\n <img\r\n style=\"transform: rotate(270deg)\"\r\n [src]=\"ICONS['rightArrow']\"\r\n alt=\"icon\"\r\n height=\"15\"\r\n width=\"15\"\r\n />\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: i5.SelectableComponent, selector: "lib-selectable", inputs: ["options", "singleSelectionOnly", "maxSelectionPossible"], outputs: ["maxSelectionsReached"] }, { kind: "component", type: BottomModalComponent, selector: "app-bottom-modal", inputs: ["isOpen", "submitButtonTitle", "showArrow", "adaptToContentHeight", "customClass"], outputs: ["isOpenChange", "submitModal"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "component", type: i5.LibMapsComponent, selector: "lib-map", inputs: ["disableNotification", "markers", "initialLocation", "mapType", "enableDrag", "locations", "searchMapsString", "mapOptions", "directions$", "directionRenderOptions"], outputs: ["mapActionEvent"] }, { kind: "component", type: CreateItineraryHeaderComponent, selector: "app-create-itinerary-header", inputs: ["heading", "progressBarValue", "discardItineraryId", "class"] }] });
|
|
4435
4753
|
}
|
|
4436
4754
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SuggestedEventsRouteTypeComponent, decorators: [{
|
|
4437
4755
|
type: Component,
|
|
4438
|
-
args: [{ selector: 'app-suggested-events-route-type', standalone: false, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"30\"\r\n heading=\"Suggested Events\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<
|
|
4756
|
+
args: [{ selector: 'app-suggested-events-route-type', standalone: false, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"30\"\r\n heading=\"Suggested Events\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<app-bottom-modal\r\n submitButtonTitle=\"Continue\"\r\n [showArrow]=\"true\"\r\n [(isOpen)]=\"isOpen\"\r\n [adaptToContentHeight]=\"true\"\r\n (submitModal)=\"navToNextPage()\"\r\n>\r\n <div class=\"flex items-center justify-center\">\r\n <div class=\"flex items-center w-full\">\r\n <div class=\"main-itini-preview w-full pt-0 p-5 pb-0\">\r\n <section class=\"mt-3 w-full\">\r\n <div class=\"tracking-widest rounded-t-3xl\">\r\n <p class=\"w-full flex justify-center text-sm text-white mb-5\">\r\n Route type\r\n </p>\r\n <div class=\"flex gap-[10px]\">\r\n @for (option of recommendedRouteTypes; track $index) {\r\n <lib-selectable [options]=\"option\"></lib-selectable>\r\n }\r\n </div>\r\n <div class=\"border-t border-gray-700 mt-4 mb-3\"></div>\r\n <p class=\"text-white text-[13px] mb-[8.54px]\">More</p>\r\n\r\n <div class=\"flex gap-[10px] flex-wrap\">\r\n @for (option of moreRouteTypes; track $index) {\r\n <lib-selectable [options]=\"option\"></lib-selectable>\r\n }\r\n </div>\r\n </div>\r\n </section>\r\n </div>\r\n </div>\r\n </div>\r\n</app-bottom-modal>\r\n<div\r\n (click)=\"showBottomModal()\"\r\n class=\"absolute bottom-0 cursor-pointer z-10\"\r\n style=\"left: 50%\"\r\n>\r\n <img\r\n style=\"transform: rotate(270deg)\"\r\n [src]=\"ICONS['rightArrow']\"\r\n alt=\"icon\"\r\n height=\"15\"\r\n width=\"15\"\r\n />\r\n</div>\r\n" }]
|
|
4439
4757
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: i0.ChangeDetectorRef }, { type: i1.ActivatedRoute }, { type: ItineraryService }, { type: NavigationHelperService }] });
|
|
4440
4758
|
|
|
4441
4759
|
class CommentSingleComponent {
|
|
@@ -4457,11 +4775,11 @@ class CommentSingleComponent {
|
|
|
4457
4775
|
handleMenuClick() {
|
|
4458
4776
|
}
|
|
4459
4777
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CommentSingleComponent, deps: [{ token: CustomDropdownMenuService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4460
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CommentSingleComponent, selector: "app-comment-single", inputs: { libMenuItem: "libMenuItem", comment: "comment", featured: "featured" }, ngImport: i0, template: "<ng-container *ngIf=\"comment\">\r\n <div class=\"comment-card text-white rounded-xl w-full\">\r\n <div class=\"flex items-start justify-between\">\r\n <!-- Left Side: Profile & Details -->\r\n <div class=\"flex\">\r\n <!-- Profile Image -->\r\n <div class=\"min-w-[30px] w-[30px] flex flex-col items-center\">\r\n <img [src]=\"ICONS['user']\" alt=\"User\" class=\"w-[20px] h-[20px] rounded-full mt-1 mb-3\" />\r\n <!-- Upvote/Downvote -->\r\n <div class=\"flex flex-col items-center text-pink-500 gap-[2px]\">\r\n <img [src]=\"ICONS['upvote']\" alt=\"Upvote\" class=\"cursor-pointer\" />\r\n <span class=\"text-[7px] font-semibold\">{{ comment.upVotes }}</span>\r\n <img [src]=\"ICONS['downvote']\" alt=\"Downvote\" class=\"cursor-pointer\" />\r\n </div>\r\n </div>\r\n\r\n <!-- Username & Timestamp -->\r\n <div class=\"ps-3 pe-2\">\r\n <h4 class=\"comment-title mt-1\">{{ comment.userName }} - {{ comment.timeAgo }}\r\n {{comment.isEditted == true ? \"(Edited)\" : \"\"}}\r\n </h4>\r\n <p class=\"comment-content mt-1 min-h-[35px]\">{{ comment.commentText }}</p>\r\n <!-- Reply & Feature Comment -->\r\n <div class=\"flex space-x-4 text-gray-400 text-sm comment-control mt-3\">\r\n <button class=\"flex items-center space-x-1 hover:text-white me-4\">\r\n <img [src]=\"ICONS['comment2']\" alt=\"Reply\" />\r\n <span class=\"normal-text-gray\">Reply</span>\r\n </button>\r\n <button class=\"flex items-center space-x-1 hover:text-white\">\r\n <ng-container *ngIf=\"featured; else notFeatured\">\r\n <img [src]=\"ICONS['removeFeature']\" alt=\"Feature\" />\r\n <span class=\"normal-text-gray\">Featured</span>\r\n </ng-container>\r\n <ng-template #notFeatured>\r\n <img [src]=\"ICONS['addFeature']\" alt=\"Feature\" />\r\n <span class=\"normal-text-gray\">Feature Comment</span>\r\n </ng-template>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <
|
|
4778
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CommentSingleComponent, selector: "app-comment-single", inputs: { libMenuItem: "libMenuItem", comment: "comment", featured: "featured" }, ngImport: i0, template: "<ng-container *ngIf=\"comment\">\r\n <div class=\"comment-card text-white rounded-xl w-full\">\r\n <div class=\"flex items-start justify-between\">\r\n <!-- Left Side: Profile & Details -->\r\n <div class=\"flex\">\r\n <!-- Profile Image -->\r\n <div class=\"min-w-[30px] w-[30px] flex flex-col items-center\">\r\n <img [src]=\"ICONS['user']\" alt=\"User\" class=\"w-[20px] h-[20px] rounded-full mt-1 mb-3\" />\r\n <!-- Upvote/Downvote -->\r\n <div class=\"flex flex-col items-center text-pink-500 gap-[2px]\">\r\n <img [src]=\"ICONS['upvote']\" alt=\"Upvote\" class=\"cursor-pointer\" />\r\n <span class=\"text-[7px] font-semibold\">{{ comment.upVotes }}</span>\r\n <img [src]=\"ICONS['downvote']\" alt=\"Downvote\" class=\"cursor-pointer\" />\r\n </div>\r\n </div>\r\n\r\n <!-- Username & Timestamp -->\r\n <div class=\"ps-3 pe-2\">\r\n <h4 class=\"comment-title mt-1\">{{ comment.userName }} - {{ comment.timeAgo }}\r\n {{comment.isEditted == true ? \"(Edited)\" : \"\"}}\r\n </h4>\r\n <p class=\"comment-content mt-1 min-h-[35px]\">{{ comment.commentText }}</p>\r\n <!-- Reply & Feature Comment -->\r\n <div class=\"flex space-x-4 text-gray-400 text-sm comment-control mt-3\">\r\n <button class=\"flex items-center space-x-1 hover:text-white me-4\">\r\n <img [src]=\"ICONS['comment2']\" alt=\"Reply\" />\r\n <span class=\"normal-text-gray\">Reply</span>\r\n </button>\r\n <button class=\"flex items-center space-x-1 hover:text-white\">\r\n <ng-container *ngIf=\"featured; else notFeatured\">\r\n <img [src]=\"ICONS['removeFeature']\" alt=\"Feature\" />\r\n <span class=\"normal-text-gray\">Featured</span>\r\n </ng-container>\r\n <ng-template #notFeatured>\r\n <img [src]=\"ICONS['addFeature']\" alt=\"Feature\" />\r\n <span class=\"normal-text-gray\">Feature Comment</span>\r\n </ng-template>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <app-icon-button (select)=\"handleMenueItemSelect()\" (buttonClick)=\"handleMenuClick()\"\r\n (change)=\"handleMenuItemChange()\" class=\"lib-menu-custom-class lib-menu-bg-none\" [disableTextShadow]=\"true\"\r\n [libMenuItems]=\"libMenuItem\" [buttonIcon]=\"ICONS['horizontalWhite']\">\r\n </app-icon-button>\r\n </div>\r\n\r\n <!-- Attachments Section (Visible Only If hasAttachment is True) -->\r\n <div *ngIf=\"comment.hasAttachments===true\" class=\"grid grid-cols-2 gap-2 mt-3\">\r\n <ng-container *ngFor=\"let image of comment.attachments; let i = index\">\r\n <div class=\"relative\" *ngIf=\"i < 4\">\r\n <img [src]=\"image\" alt=\"Attachment\" class=\"w-full h-28 rounded-lg object-cover\" />\r\n <div *ngIf=\"i === 3 && comment.attachments\"\r\n class=\"absolute inset-0 bg-black bg-opacity-50 flex items-center justify-center text-white text-xl font-bold\">\r\n +{{ i }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <!-- Separator Line -->\r\n <div *ngIf=\"!featured\" class=\"border-t border-gray-700 mt-1\"></div>\r\n </div>\r\n</ng-container>\r\n", styles: [".comment-title{font-weight:400;font-size:9.85px;line-height:150%;letter-spacing:-1.1%;color:#bdbdbd}.comment-content{font-weight:400;font-size:11.49px;line-height:150%;letter-spacing:-1.1%;color:#fff}.comment-control{font-weight:400;font-size:9.85px;line-height:150%;letter-spacing:-1.1%;color:#bdbdbd}.comment-card img.object-cover{width:118.15;height:72.2}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconButtonComponent, selector: "app-icon-button", inputs: ["buttonIcon", "disableTextShadow", "class", "libMenuItems", "buttonText"], outputs: ["buttonClick", "select", "change"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }] });
|
|
4461
4779
|
}
|
|
4462
4780
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CommentSingleComponent, decorators: [{
|
|
4463
4781
|
type: Component,
|
|
4464
|
-
args: [{ selector: 'app-comment-single', standalone: false, template: "<ng-container *ngIf=\"comment\">\r\n <div class=\"comment-card text-white rounded-xl w-full\">\r\n <div class=\"flex items-start justify-between\">\r\n <!-- Left Side: Profile & Details -->\r\n <div class=\"flex\">\r\n <!-- Profile Image -->\r\n <div class=\"min-w-[30px] w-[30px] flex flex-col items-center\">\r\n <img [src]=\"ICONS['user']\" alt=\"User\" class=\"w-[20px] h-[20px] rounded-full mt-1 mb-3\" />\r\n <!-- Upvote/Downvote -->\r\n <div class=\"flex flex-col items-center text-pink-500 gap-[2px]\">\r\n <img [src]=\"ICONS['upvote']\" alt=\"Upvote\" class=\"cursor-pointer\" />\r\n <span class=\"text-[7px] font-semibold\">{{ comment.upVotes }}</span>\r\n <img [src]=\"ICONS['downvote']\" alt=\"Downvote\" class=\"cursor-pointer\" />\r\n </div>\r\n </div>\r\n\r\n <!-- Username & Timestamp -->\r\n <div class=\"ps-3 pe-2\">\r\n <h4 class=\"comment-title mt-1\">{{ comment.userName }} - {{ comment.timeAgo }}\r\n {{comment.isEditted == true ? \"(Edited)\" : \"\"}}\r\n </h4>\r\n <p class=\"comment-content mt-1 min-h-[35px]\">{{ comment.commentText }}</p>\r\n <!-- Reply & Feature Comment -->\r\n <div class=\"flex space-x-4 text-gray-400 text-sm comment-control mt-3\">\r\n <button class=\"flex items-center space-x-1 hover:text-white me-4\">\r\n <img [src]=\"ICONS['comment2']\" alt=\"Reply\" />\r\n <span class=\"normal-text-gray\">Reply</span>\r\n </button>\r\n <button class=\"flex items-center space-x-1 hover:text-white\">\r\n <ng-container *ngIf=\"featured; else notFeatured\">\r\n <img [src]=\"ICONS['removeFeature']\" alt=\"Feature\" />\r\n <span class=\"normal-text-gray\">Featured</span>\r\n </ng-container>\r\n <ng-template #notFeatured>\r\n <img [src]=\"ICONS['addFeature']\" alt=\"Feature\" />\r\n <span class=\"normal-text-gray\">Feature Comment</span>\r\n </ng-template>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <
|
|
4782
|
+
args: [{ selector: 'app-comment-single', standalone: false, template: "<ng-container *ngIf=\"comment\">\r\n <div class=\"comment-card text-white rounded-xl w-full\">\r\n <div class=\"flex items-start justify-between\">\r\n <!-- Left Side: Profile & Details -->\r\n <div class=\"flex\">\r\n <!-- Profile Image -->\r\n <div class=\"min-w-[30px] w-[30px] flex flex-col items-center\">\r\n <img [src]=\"ICONS['user']\" alt=\"User\" class=\"w-[20px] h-[20px] rounded-full mt-1 mb-3\" />\r\n <!-- Upvote/Downvote -->\r\n <div class=\"flex flex-col items-center text-pink-500 gap-[2px]\">\r\n <img [src]=\"ICONS['upvote']\" alt=\"Upvote\" class=\"cursor-pointer\" />\r\n <span class=\"text-[7px] font-semibold\">{{ comment.upVotes }}</span>\r\n <img [src]=\"ICONS['downvote']\" alt=\"Downvote\" class=\"cursor-pointer\" />\r\n </div>\r\n </div>\r\n\r\n <!-- Username & Timestamp -->\r\n <div class=\"ps-3 pe-2\">\r\n <h4 class=\"comment-title mt-1\">{{ comment.userName }} - {{ comment.timeAgo }}\r\n {{comment.isEditted == true ? \"(Edited)\" : \"\"}}\r\n </h4>\r\n <p class=\"comment-content mt-1 min-h-[35px]\">{{ comment.commentText }}</p>\r\n <!-- Reply & Feature Comment -->\r\n <div class=\"flex space-x-4 text-gray-400 text-sm comment-control mt-3\">\r\n <button class=\"flex items-center space-x-1 hover:text-white me-4\">\r\n <img [src]=\"ICONS['comment2']\" alt=\"Reply\" />\r\n <span class=\"normal-text-gray\">Reply</span>\r\n </button>\r\n <button class=\"flex items-center space-x-1 hover:text-white\">\r\n <ng-container *ngIf=\"featured; else notFeatured\">\r\n <img [src]=\"ICONS['removeFeature']\" alt=\"Feature\" />\r\n <span class=\"normal-text-gray\">Featured</span>\r\n </ng-container>\r\n <ng-template #notFeatured>\r\n <img [src]=\"ICONS['addFeature']\" alt=\"Feature\" />\r\n <span class=\"normal-text-gray\">Feature Comment</span>\r\n </ng-template>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <app-icon-button (select)=\"handleMenueItemSelect()\" (buttonClick)=\"handleMenuClick()\"\r\n (change)=\"handleMenuItemChange()\" class=\"lib-menu-custom-class lib-menu-bg-none\" [disableTextShadow]=\"true\"\r\n [libMenuItems]=\"libMenuItem\" [buttonIcon]=\"ICONS['horizontalWhite']\">\r\n </app-icon-button>\r\n </div>\r\n\r\n <!-- Attachments Section (Visible Only If hasAttachment is True) -->\r\n <div *ngIf=\"comment.hasAttachments===true\" class=\"grid grid-cols-2 gap-2 mt-3\">\r\n <ng-container *ngFor=\"let image of comment.attachments; let i = index\">\r\n <div class=\"relative\" *ngIf=\"i < 4\">\r\n <img [src]=\"image\" alt=\"Attachment\" class=\"w-full h-28 rounded-lg object-cover\" />\r\n <div *ngIf=\"i === 3 && comment.attachments\"\r\n class=\"absolute inset-0 bg-black bg-opacity-50 flex items-center justify-center text-white text-xl font-bold\">\r\n +{{ i }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <!-- Separator Line -->\r\n <div *ngIf=\"!featured\" class=\"border-t border-gray-700 mt-1\"></div>\r\n </div>\r\n</ng-container>\r\n", styles: [".comment-title{font-weight:400;font-size:9.85px;line-height:150%;letter-spacing:-1.1%;color:#bdbdbd}.comment-content{font-weight:400;font-size:11.49px;line-height:150%;letter-spacing:-1.1%;color:#fff}.comment-control{font-weight:400;font-size:9.85px;line-height:150%;letter-spacing:-1.1%;color:#bdbdbd}.comment-card img.object-cover{width:118.15;height:72.2}\n"] }]
|
|
4465
4783
|
}], ctorParameters: () => [{ type: CustomDropdownMenuService }], propDecorators: { libMenuItem: [{
|
|
4466
4784
|
type: Input
|
|
4467
4785
|
}], comment: [{
|
|
@@ -4850,7 +5168,7 @@ class SendToClientComponent {
|
|
|
4850
5168
|
}
|
|
4851
5169
|
onOk() { }
|
|
4852
5170
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SendToClientComponent, deps: [{ token: ModalService }, { token: ModalSendClientService }, { token: ItineraryService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4853
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SendToClientComponent, selector: "lib-send-to-client", inputs: { itinerary: "itinerary" }, ngImport: i0, template: "<div class=\"delete-modal\">\r\n <h3 class=\"text-center mb-[25px] font-[Calistoga]\">{{ \"SNACKBAR.SUGGEST_TO_CLIENT\" | translate }}</h3>\r\n \r\n <lib-matching-clients (clientSelectionChanged)=\"onClientSelectionChanged($event)\"></lib-matching-clients>\r\n\r\n <div class=\"flex justify-center gap-10 mt-5\">\r\n <button class=\"custom-flat-button font-[Calistoga]\" (click)=\"closeSendClientModal()\">{{ \"COMMON.CANCEL\" | translate}}</button>\r\n <button class=\"custom-flat-button-highlighted-font font-[Calistoga]\" (click)=\"submitSendClient()\">{{ \"COMMON.SEND\" | translate }}</button>\r\n </div>\r\n</div>\r\n", styles: [".check-box-field{display:flex;justify-content:center;align-items:center;font-size:10px;margin-top:30px}.check-box-field{span{margin-left:8px}}.check-box{height:20px!important;width:20px!important}.modal-bottom-bar{display:flex;flex-direction:row;justify-content:space-between}.suggest-client-title{font-family:Calistoga}\n"], dependencies: [{ kind: "component", type: MatchingClientsComponent, selector: "lib-matching-clients", outputs: ["clientSelectionChanged"] }, { kind: "pipe", type:
|
|
5171
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SendToClientComponent, selector: "lib-send-to-client", inputs: { itinerary: "itinerary" }, ngImport: i0, template: "<div class=\"delete-modal\">\r\n <h3 class=\"text-center mb-[25px] font-[Calistoga]\">{{ \"SNACKBAR.SUGGEST_TO_CLIENT\" | translate }}</h3>\r\n \r\n <lib-matching-clients (clientSelectionChanged)=\"onClientSelectionChanged($event)\"></lib-matching-clients>\r\n\r\n <div class=\"flex justify-center gap-10 mt-5\">\r\n <button class=\"custom-flat-button font-[Calistoga]\" (click)=\"closeSendClientModal()\">{{ \"COMMON.CANCEL\" | translate}}</button>\r\n <button class=\"custom-flat-button-highlighted-font font-[Calistoga]\" (click)=\"submitSendClient()\">{{ \"COMMON.SEND\" | translate }}</button>\r\n </div>\r\n</div>\r\n", styles: [".check-box-field{display:flex;justify-content:center;align-items:center;font-size:10px;margin-top:30px}.check-box-field{span{margin-left:8px}}.check-box{height:20px!important;width:20px!important}.modal-bottom-bar{display:flex;flex-direction:row;justify-content:space-between}.suggest-client-title{font-family:Calistoga}\n"], dependencies: [{ kind: "component", type: MatchingClientsComponent, selector: "lib-matching-clients", outputs: ["clientSelectionChanged"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4854
5172
|
}
|
|
4855
5173
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SendToClientComponent, decorators: [{
|
|
4856
5174
|
type: Component,
|
|
@@ -4918,11 +5236,11 @@ class ExploreComponent {
|
|
|
4918
5236
|
this.sharePopupDataService.setPopupData(item);
|
|
4919
5237
|
}
|
|
4920
5238
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExploreComponent, deps: [{ token: CustomDropdownMenuService }, { token: ModalService }, { token: ModalSendClientService }, { token: ItineraryService }, { token: i0.ChangeDetectorRef }, { token: ModalShareUrlClientService }, { token: SharePopupDataService }, { token: i1.ActivatedRoute }, { token: NavigationHelperService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4921
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ExploreComponent, selector: "app-explore", ngImport: i0, template: "<div class=\"z-auto mt-4\">\r\n <div class=\"block md:hidden\">\r\n
|
|
5239
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ExploreComponent, selector: "app-explore", ngImport: i0, template: "<div class=\"z-auto mt-4\">\r\n <div class=\"block md:hidden\">\r\n \r\n <app-search-bar\r\n (searchStringChange)=\"handleSearchStringChange($event)\"\r\n (cleared)=\"clear()\"\r\n [searchIcon]=\"ICONS['dashboardSearch']\"\r\n [placeholderText]=\"'NG_GRID.searchOoo' | translate\"\r\n >\r\n </app-search-bar>\r\n <app-filter-menu (onFilterClick)=\"navToCommentSearch()\"></app-filter-menu>\r\n </div>\r\n <div class=\"pb-10\">\r\n <div\r\n class=\"grid-columns sm:mt-3 md:mt-10 grid grid-cols-1 md:grid-cols-3 sm:gap-y-5 md:gap-y-10 gap-x-10\"\r\n >\r\n <ng-container *ngFor=\"let item of libMenuItems; let i = index\">\r\n <app-cutom-card\r\n [libMenuItem]=\"libMenuItem\"\r\n [cardData]=\"item\"\r\n [isDraft]=\"false\"\r\n [itineraryStarted]=\"true\"\r\n (TitleClicked)=\"navigateToDetail(item)\"\r\n (forkClicked)=\"navToBranchItinerary()\"\r\n (messageClicked)=\"navToComments()\"\r\n (imageClicked)=\"navToStories()\"\r\n (eyeClicked)=\"navToNotifications()\"\r\n (menuClicked)=\"menuClicked($event)\"\r\n ></app-cutom-card>\r\n </ng-container>\r\n </div>\r\n </div>\r\n</div>\r\n<lib-popup [isOpen]=\"modalSendToClientService.toggleModal\">\r\n <lib-send-to-client></lib-send-to-client>\r\n</lib-popup>\r\n<lib-toast></lib-toast>", styles: ["::ng-deep .search-field .container{margin:0!important;padding:0!important}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: CutomCardComponent, selector: "app-cutom-card", inputs: ["libMenuItem", "isDraft", "cardData", "displayPublishStatus", "images", "itineraryStarted"], outputs: ["StartItineraryClick", "TitleClicked", "forkClicked", "messageClicked", "userProfileClicked", "itineraryWatchingUsersClicked", "imageClicked", "eyeClicked", "menuClicked"] }, { kind: "component", type: SearchBarComponent, selector: "app-search-bar", inputs: ["searchIcon", "placeholderText"], outputs: ["searchStringChange", "cleared"] }, { kind: "component", type: i5.LibModalComponent, selector: "lib-popup", inputs: ["isOpen", "icon", "title", "message", "extendedMessage", "cancelButton", "confirmButton", "checkboxText", "progBarCurrentStep", "progBarTotalSteps", "customClass", "backdropDismiss", "modalComponent", "modalComponentData"], outputs: ["modalConfirm", "modalDismiss", "afterCloseEvent"] }, { kind: "component", type: i5.ToastComponent, selector: "lib-toast", inputs: ["position"] }, { kind: "component", type: FilterMenuComponent, selector: "app-filter-menu", inputs: ["cssClass"], outputs: ["onFilterClick"] }, { kind: "component", type: SendToClientComponent, selector: "lib-send-to-client", inputs: ["itinerary"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4922
5240
|
}
|
|
4923
5241
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExploreComponent, decorators: [{
|
|
4924
5242
|
type: Component,
|
|
4925
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-explore', standalone: false, template: "<div class=\"z-auto mt-4\">\r\n <div class=\"block md:hidden\">\r\n
|
|
5243
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-explore', standalone: false, template: "<div class=\"z-auto mt-4\">\r\n <div class=\"block md:hidden\">\r\n \r\n <app-search-bar\r\n (searchStringChange)=\"handleSearchStringChange($event)\"\r\n (cleared)=\"clear()\"\r\n [searchIcon]=\"ICONS['dashboardSearch']\"\r\n [placeholderText]=\"'NG_GRID.searchOoo' | translate\"\r\n >\r\n </app-search-bar>\r\n <app-filter-menu (onFilterClick)=\"navToCommentSearch()\"></app-filter-menu>\r\n </div>\r\n <div class=\"pb-10\">\r\n <div\r\n class=\"grid-columns sm:mt-3 md:mt-10 grid grid-cols-1 md:grid-cols-3 sm:gap-y-5 md:gap-y-10 gap-x-10\"\r\n >\r\n <ng-container *ngFor=\"let item of libMenuItems; let i = index\">\r\n <app-cutom-card\r\n [libMenuItem]=\"libMenuItem\"\r\n [cardData]=\"item\"\r\n [isDraft]=\"false\"\r\n [itineraryStarted]=\"true\"\r\n (TitleClicked)=\"navigateToDetail(item)\"\r\n (forkClicked)=\"navToBranchItinerary()\"\r\n (messageClicked)=\"navToComments()\"\r\n (imageClicked)=\"navToStories()\"\r\n (eyeClicked)=\"navToNotifications()\"\r\n (menuClicked)=\"menuClicked($event)\"\r\n ></app-cutom-card>\r\n </ng-container>\r\n </div>\r\n </div>\r\n</div>\r\n<lib-popup [isOpen]=\"modalSendToClientService.toggleModal\">\r\n <lib-send-to-client></lib-send-to-client>\r\n</lib-popup>\r\n<lib-toast></lib-toast>", styles: ["::ng-deep .search-field .container{margin:0!important;padding:0!important}\n"] }]
|
|
4926
5244
|
}], ctorParameters: () => [{ type: CustomDropdownMenuService }, { type: ModalService }, { type: ModalSendClientService }, { type: ItineraryService }, { type: i0.ChangeDetectorRef }, { type: ModalShareUrlClientService }, { type: SharePopupDataService }, { type: i1.ActivatedRoute }, { type: NavigationHelperService }] });
|
|
4927
5245
|
|
|
4928
5246
|
class FavoritesComponent {
|
|
@@ -4954,7 +5272,7 @@ class FavoritesComponent {
|
|
|
4954
5272
|
this.cardList.push(1);
|
|
4955
5273
|
}
|
|
4956
5274
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FavoritesComponent, deps: [{ token: CustomDropdownMenuService }, { token: ItineraryService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
4957
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FavoritesComponent, selector: "app-favorites", ngImport: i0, template: "<div *ngIf=\"!loading && libMenuItems.length == 0\" class=\"favourite-main-section\">\r\n <div class=\"favourite-sub-section\">\r\n <div>\r\n <img [ngSrc]=\"ICONS['map']\" height=\"120\" width=\"120\" />\r\n </div>\r\n <h3 class=\"mt-4\">{{ \"FAVORITES.NO_ITINERARIES_YET\" | translate }}</h3>\r\n <p class=\"mt-3\">{{ \"FAVORITES.NO_ITINERARIES_FAVORITE\" | translate }}</p>\r\n\r\n <lib-primary-btn class=\"btn-style mt-7\">{{\r\n \"FAVORITES.EXPLORE_ITINERARIES\" | translate\r\n }}</lib-primary-btn>\r\n <lib-primary-btn (click)=\"goFav()\" class=\"btn-style mt-3\">{{\r\n \"FAVORITES.CREATE_NOW\" | translate\r\n }}</lib-primary-btn>\r\n </div>\r\n</div>\r\n\r\n<div *ngIf=\"!loading && libMenuItems.length > 0\" class=\"mt-5\">\r\n <div class=\"pb-10 w-full\">\r\n <div\r\n class=\"grid-columns sm:mt-3 md:mt-10 grid grid-cols-1 md:grid-cols-3 sm:gap-y-5 md:gap-y-10 gap-x-10\"\r\n >\r\n <ng-container *ngFor=\"let item of libMenuItems; let i = index\">\r\n <app-cutom-card\r\n [libMenuItem]=\"libMenuItem\"\r\n [cardData]=\"item\"\r\n [isDraft]=\"false\"\r\n [itineraryStarted]=\"true\"\r\n (menuClicked)=\"menuClicked($event)\"\r\n ></app-cutom-card>\r\n </ng-container>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".favourite-main-section,.favourite-sub-section{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:3rem;width:100%;height:100%}.favourite-main-section h1{font-family:Calistoga;font-size:30px}.favourite-main-section p{color:#ffffffb3!important}.btn-style{width:100%;padding-inline:40px;text-shadow:0px 0px 9.846px rgba(254,60,114,.35)!important;color:#fff!important}.btn-style:last-child{margin-top:15px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.PrimaryBtnComponent, selector: "lib-primary-btn", inputs: ["hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "loading$"] }, { kind: "directive", type: i1$2.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: CutomCardComponent, selector: "app-cutom-card", inputs: ["libMenuItem", "isDraft", "cardData", "displayPublishStatus", "images", "itineraryStarted"], outputs: ["StartItineraryClick", "TitleClicked", "forkClicked", "messageClicked", "userProfileClicked", "itineraryWatchingUsersClicked", "imageClicked", "eyeClicked", "menuClicked"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "pipe", type:
|
|
5275
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FavoritesComponent, selector: "app-favorites", ngImport: i0, template: "<div *ngIf=\"!loading && libMenuItems.length == 0\" class=\"favourite-main-section\">\r\n <div class=\"favourite-sub-section\">\r\n <div>\r\n <img [ngSrc]=\"ICONS['map']\" height=\"120\" width=\"120\" />\r\n </div>\r\n <h3 class=\"mt-4\">{{ \"FAVORITES.NO_ITINERARIES_YET\" | translate }}</h3>\r\n <p class=\"mt-3\">{{ \"FAVORITES.NO_ITINERARIES_FAVORITE\" | translate }}</p>\r\n\r\n <lib-primary-btn class=\"btn-style mt-7\">{{\r\n \"FAVORITES.EXPLORE_ITINERARIES\" | translate\r\n }}</lib-primary-btn>\r\n <lib-primary-btn (click)=\"goFav()\" class=\"btn-style mt-3\">{{\r\n \"FAVORITES.CREATE_NOW\" | translate\r\n }}</lib-primary-btn>\r\n </div>\r\n</div>\r\n\r\n<div *ngIf=\"!loading && libMenuItems.length > 0\" class=\"mt-5\">\r\n <div class=\"pb-10 w-full\">\r\n <div\r\n class=\"grid-columns sm:mt-3 md:mt-10 grid grid-cols-1 md:grid-cols-3 sm:gap-y-5 md:gap-y-10 gap-x-10\"\r\n >\r\n <ng-container *ngFor=\"let item of libMenuItems; let i = index\">\r\n <app-cutom-card\r\n [libMenuItem]=\"libMenuItem\"\r\n [cardData]=\"item\"\r\n [isDraft]=\"false\"\r\n [itineraryStarted]=\"true\"\r\n (menuClicked)=\"menuClicked($event)\"\r\n ></app-cutom-card>\r\n </ng-container>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".favourite-main-section,.favourite-sub-section{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:3rem;width:100%;height:100%}.favourite-main-section h1{font-family:Calistoga;font-size:30px}.favourite-main-section p{color:#ffffffb3!important}.btn-style{width:100%;padding-inline:40px;text-shadow:0px 0px 9.846px rgba(254,60,114,.35)!important;color:#fff!important}.btn-style:last-child{margin-top:15px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.PrimaryBtnComponent, selector: "lib-primary-btn", inputs: ["hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "loading$"] }, { kind: "directive", type: i1$2.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: CutomCardComponent, selector: "app-cutom-card", inputs: ["libMenuItem", "isDraft", "cardData", "displayPublishStatus", "images", "itineraryStarted"], outputs: ["StartItineraryClick", "TitleClicked", "forkClicked", "messageClicked", "userProfileClicked", "itineraryWatchingUsersClicked", "imageClicked", "eyeClicked", "menuClicked"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4958
5276
|
}
|
|
4959
5277
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FavoritesComponent, decorators: [{
|
|
4960
5278
|
type: Component,
|
|
@@ -4997,7 +5315,7 @@ class ItineraryAuthorHistoryComponent {
|
|
|
4997
5315
|
this.location.back();
|
|
4998
5316
|
}
|
|
4999
5317
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItineraryAuthorHistoryComponent, deps: [{ token: i1$2.Location }], target: i0.ɵɵFactoryTarget.Component });
|
|
5000
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ItineraryAuthorHistoryComponent, selector: "app-itinerary-author-history", ngImport: i0, template: "<div class=\"px-4\">\r\n <app-header heading=\"History\" (firstButton)=\"back()\"></app-header>\r\n\r\n</div>\r\n<div class=\"my-6 mx-8 flex flex-col justify-between\">\r\n <div class=\"flex items-center gap-3 mb-1\">\r\n <img height=\"15\" width=\"15\" [src]=\"ICONS['user']\" alt=\"\" />\r\n <p class=\"text-white normal-text-lg\">Jonathan</p>\r\n <p class=\"last-seen normal-text-sm\">\r\n 11 {{ \"DATE_TIME.HOURS\" | translate }}\r\n {{ \"DATE_TIME.AGO\" | translate }}\r\n </p>\r\n </div>\r\n <div class=\"normal-text-md color-[#939195] mb-3\">\r\n <span class=\"normal-text-gray me-1\">Added New</span> <span class=\"text-pink-600\">Itinerary Passions</span>\r\n </div>\r\n <lib-selectable [options]=\"passions\" [maxSelectionPossible]=\"0\"></lib-selectable>\r\n <div class=\"border-t border-gray-700 mt-3\"></div>\r\n <div class=\"mt-3\">\r\n <div class=\"flex items-center gap-3 mt-2\">\r\n <img height=\"10.67\" width=\"10.67\" [src]=\"ICONS['user']\" alt=\"\" />\r\n <p class=\"text-white normal-text-lg\">Jonathan</p>\r\n <p class=\"normal-text-sm normal-text-gray-2\">\r\n 11 {{ \"DATE_TIME.DAYS\" | translate }}\r\n {{ \"DATE_TIME.AGO\" | translate }}\r\n </p>\r\n </div>\r\n <div class=\"mt-2 normal-text-md\">\r\n <span class=\"normal-text-gray-2 me-1\">Added New</span>\r\n <span class=\"text-pink-600\">Location</span>\r\n </div>\r\n <div class=\"flex row gap-2 items-center mt-4\">\r\n <img height=\"10.67\" width=\"8.2\" [src]=\"ICONS['location']\" alt=\"\" />\r\n <p class=\"normal-text-md text-white\">London Bridge View Restaurant</p>\r\n </div>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-3\"></div>\r\n <div class=\"mt-3\">\r\n <div class=\"flex items-center gap-3 mt-2\">\r\n <img height=\"10.67\" width=\"10.67\" [src]=\"ICONS['user']\" alt=\"\" />\r\n <p class=\"text-white normal-text-lg\">Jonathan</p>\r\n <p class=\"normal-text-sm normal-text-gray-2\">\r\n 11 {{ \"DATE_TIME.DAYS\" | translate }}\r\n {{ \"DATE_TIME.AGO\" | translate }}\r\n </p>\r\n </div>\r\n <div class=\"mt-2 normal-text-md\">\r\n <span class=\"normal-text-gray-2 me-1\">Changed</span>\r\n <span class=\"text-pink-600\">Itinerary Title</span>\r\n </div>\r\n <div class=\"mt-4 normal-text-md flex\">\r\n <div class=\"normal-text-gray-2 min-w-[26px] me-1\">From</div>\r\n <div class=\"text-pink-600\">Adventuretour</div>\r\n </div>\r\n <div class=\"mt-2 normal-text-md flex\">\r\n <div class=\"normal-text-gray-2 min-w-[26px] me-1\">To</div>\r\n <div class=\"text-pink-600\">Adventure Tour</div>\r\n </div>\r\n </div>\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n <div class=\"mt-3\">\r\n <div class=\"flex items-center gap-3 mt-2\">\r\n <img height=\"10.67\" width=\"10.67\" [src]=\"ICONS['user']\" alt=\"\" />\r\n <p class=\"text-white normal-text-lg\">Jonathan</p>\r\n <p class=\"normal-text-sm normal-text-gray-2\">\r\n 11 {{ \"DATE_TIME.DAYS\" | translate }}\r\n {{ \"DATE_TIME.AGO\" | translate }}\r\n </p>\r\n </div>\r\n <div class=\"mt-2 normal-text-md\">\r\n <span class=\"normal-text-gray-2 me-1\">Created using</span>\r\n <span class=\"text-pink-600\">Custom Itinerary</span>\r\n </div>\r\n </div>\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n</div>\r\n", styles: ["*{--main-color: #fe3c72}.history{color:var(--main-color);font-size:10px}.bottom-section-heading{font-style:normal;font-weight:600;font-size:13.13px;line-height:160%;color:#fff}lib-selectable#history.history{--box-shadow: 4.1px 4.1px 8.2px 0px #00000052 inset;--padding-start: 16px !important;--padding-end: 16px !important}::ng-deep lib-selectable{padding-start:16px!important;padding-end:16px!important}.view-more{font-style:normal;font-weight:500;font-size:10px;line-height:15px;color:#fe3c72;margin-left:10px}.nav-btn{width:150px!important;height:40px;padding:25px 0!important;border-radius:20px;margin-bottom:3px;background-color:#27242c;background:9.026px 8.205px 22.153px 2.051px #111014a6!important;box-shadow:-4.102px -4.102px 13.128px -2.462px #cbc7d140!important;display:flex;justify-content:center;align-items:center}#nav-btn{--lib-icon-button-width: auto !important;--lib-icon-button-height: 35px !important;--lib-icon-button-border-radius: 0 !important;--lib-button-background: transparent !important;--lib-button-border: 0 !important}.hidden{visibility:hidden}\n"], dependencies: [{ kind: "component", type: i5.SelectableComponent, selector: "lib-selectable", inputs: ["options", "singleSelectionOnly", "maxSelectionPossible"], outputs: ["maxSelectionsReached"] }, { kind: "component", type: HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "pipe", type:
|
|
5318
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ItineraryAuthorHistoryComponent, selector: "app-itinerary-author-history", ngImport: i0, template: "<div class=\"px-4\">\r\n <app-header heading=\"History\" (firstButton)=\"back()\"></app-header>\r\n\r\n</div>\r\n<div class=\"my-6 mx-8 flex flex-col justify-between\">\r\n <div class=\"flex items-center gap-3 mb-1\">\r\n <img height=\"15\" width=\"15\" [src]=\"ICONS['user']\" alt=\"\" />\r\n <p class=\"text-white normal-text-lg\">Jonathan</p>\r\n <p class=\"last-seen normal-text-sm\">\r\n 11 {{ \"DATE_TIME.HOURS\" | translate }}\r\n {{ \"DATE_TIME.AGO\" | translate }}\r\n </p>\r\n </div>\r\n <div class=\"normal-text-md color-[#939195] mb-3\">\r\n <span class=\"normal-text-gray me-1\">Added New</span> <span class=\"text-pink-600\">Itinerary Passions</span>\r\n </div>\r\n <lib-selectable [options]=\"passions\" [maxSelectionPossible]=\"0\"></lib-selectable>\r\n <div class=\"border-t border-gray-700 mt-3\"></div>\r\n <div class=\"mt-3\">\r\n <div class=\"flex items-center gap-3 mt-2\">\r\n <img height=\"10.67\" width=\"10.67\" [src]=\"ICONS['user']\" alt=\"\" />\r\n <p class=\"text-white normal-text-lg\">Jonathan</p>\r\n <p class=\"normal-text-sm normal-text-gray-2\">\r\n 11 {{ \"DATE_TIME.DAYS\" | translate }}\r\n {{ \"DATE_TIME.AGO\" | translate }}\r\n </p>\r\n </div>\r\n <div class=\"mt-2 normal-text-md\">\r\n <span class=\"normal-text-gray-2 me-1\">Added New</span>\r\n <span class=\"text-pink-600\">Location</span>\r\n </div>\r\n <div class=\"flex row gap-2 items-center mt-4\">\r\n <img height=\"10.67\" width=\"8.2\" [src]=\"ICONS['location']\" alt=\"\" />\r\n <p class=\"normal-text-md text-white\">London Bridge View Restaurant</p>\r\n </div>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-3\"></div>\r\n <div class=\"mt-3\">\r\n <div class=\"flex items-center gap-3 mt-2\">\r\n <img height=\"10.67\" width=\"10.67\" [src]=\"ICONS['user']\" alt=\"\" />\r\n <p class=\"text-white normal-text-lg\">Jonathan</p>\r\n <p class=\"normal-text-sm normal-text-gray-2\">\r\n 11 {{ \"DATE_TIME.DAYS\" | translate }}\r\n {{ \"DATE_TIME.AGO\" | translate }}\r\n </p>\r\n </div>\r\n <div class=\"mt-2 normal-text-md\">\r\n <span class=\"normal-text-gray-2 me-1\">Changed</span>\r\n <span class=\"text-pink-600\">Itinerary Title</span>\r\n </div>\r\n <div class=\"mt-4 normal-text-md flex\">\r\n <div class=\"normal-text-gray-2 min-w-[26px] me-1\">From</div>\r\n <div class=\"text-pink-600\">Adventuretour</div>\r\n </div>\r\n <div class=\"mt-2 normal-text-md flex\">\r\n <div class=\"normal-text-gray-2 min-w-[26px] me-1\">To</div>\r\n <div class=\"text-pink-600\">Adventure Tour</div>\r\n </div>\r\n </div>\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n <div class=\"mt-3\">\r\n <div class=\"flex items-center gap-3 mt-2\">\r\n <img height=\"10.67\" width=\"10.67\" [src]=\"ICONS['user']\" alt=\"\" />\r\n <p class=\"text-white normal-text-lg\">Jonathan</p>\r\n <p class=\"normal-text-sm normal-text-gray-2\">\r\n 11 {{ \"DATE_TIME.DAYS\" | translate }}\r\n {{ \"DATE_TIME.AGO\" | translate }}\r\n </p>\r\n </div>\r\n <div class=\"mt-2 normal-text-md\">\r\n <span class=\"normal-text-gray-2 me-1\">Created using</span>\r\n <span class=\"text-pink-600\">Custom Itinerary</span>\r\n </div>\r\n </div>\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n</div>\r\n", styles: ["*{--main-color: #fe3c72}.history{color:var(--main-color);font-size:10px}.bottom-section-heading{font-style:normal;font-weight:600;font-size:13.13px;line-height:160%;color:#fff}lib-selectable#history.history{--box-shadow: 4.1px 4.1px 8.2px 0px #00000052 inset;--padding-start: 16px !important;--padding-end: 16px !important}::ng-deep lib-selectable{padding-start:16px!important;padding-end:16px!important}.view-more{font-style:normal;font-weight:500;font-size:10px;line-height:15px;color:#fe3c72;margin-left:10px}.nav-btn{width:150px!important;height:40px;padding:25px 0!important;border-radius:20px;margin-bottom:3px;background-color:#27242c;background:9.026px 8.205px 22.153px 2.051px #111014a6!important;box-shadow:-4.102px -4.102px 13.128px -2.462px #cbc7d140!important;display:flex;justify-content:center;align-items:center}#nav-btn{--lib-icon-button-width: auto !important;--lib-icon-button-height: 35px !important;--lib-icon-button-border-radius: 0 !important;--lib-button-background: transparent !important;--lib-button-border: 0 !important}.hidden{visibility:hidden}\n"], dependencies: [{ kind: "component", type: i5.SelectableComponent, selector: "lib-selectable", inputs: ["options", "singleSelectionOnly", "maxSelectionPossible"], outputs: ["maxSelectionsReached"] }, { kind: "component", type: HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
|
|
5001
5319
|
}
|
|
5002
5320
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItineraryAuthorHistoryComponent, decorators: [{
|
|
5003
5321
|
type: Component,
|
|
@@ -5091,7 +5409,7 @@ class DetailsComponent {
|
|
|
5091
5409
|
this.navHelper.navigate([UserRoutes.profile], this.route);
|
|
5092
5410
|
}
|
|
5093
5411
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DetailsComponent, deps: [{ token: i1.ActivatedRoute }, { token: NavigationHelperService }], target: i0.ɵɵFactoryTarget.Component });
|
|
5094
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DetailsComponent, selector: "app-details", ngImport: i0, template: "<div class=\"px-5 py-4 overflow-y-auto\">\r\n <h2 class=\"f-[13px]\">Created By</h2>\r\n\r\n <div class=\"my-5 flex justify-between\">\r\n <div class=\"flex items-center gap-2\" (click)=\"navToUserProfile()\">\r\n <img\r\n loading=\"lazy\"\r\n height=\"12\"\r\n width=\"12\"\r\n [src]=\"ICONS['userRedFilled']\"\r\n alt=\"\"\r\n class=\"mb-auto\"\r\n />\r\n <p class=\"user-name\">Jonathan</p>\r\n <p class=\"last-seen\">\r\n 11 {{ \"DATE_TIME.HOURS\" | translate }}\r\n {{ \"DATE_TIME.AGO\" | translate }}\r\n </p>\r\n </div>\r\n <div class=\"flex cursor-pointer\" (click)=\"navigateToAuthorHistory()\">\r\n <p class=\"history mr-1\">{{ \"ITINERARY_DETAIL.HISTORY\" | translate }}</p>\r\n <img loading=\"lazy\" height=\"5\" width=\"5\" [src]=\"ICONS['rightArrow']\" alt=\"right arrow\" />\r\n </div>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n <h2 class=\"f-[13px] mt-5 mb-3\">\r\n {{ \"ITINERARY_DETAIL.ITINERARY_PASSIONS\" | translate }}\r\n </h2>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <lib-selectable\r\n [options]=\"passions\"\r\n [maxSelectionPossible]=\"passions.length\"\r\n ></lib-selectable>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n <div class=\"mt-4\">\r\n <p class=\"bottom-section-heading mt-2 mb-1\">\r\n {{ \"ITINERARY_DETAIL.UPVOTES\" | translate }}\r\n </p>\r\n\r\n <div class=\"comment-card text-white py-2\">\r\n <p class=\"text-xs\">4.6k {{ \"ITINERARY_DETAIL.PEOPLE\" | translate }}</p>\r\n <app-user-stack-tile\r\n label=\"4.6k people\"\r\n [buttonText]=\"'ITINERARY_SUMMARY.VIEW_MORE' | translate\"\r\n (onClick)=\"navigateToUpotes()\"\r\n [maxVisible]=\"4\"\r\n ></app-user-stack-tile>\r\n </div>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n <div class=\"mt-4\">\r\n <p class=\"bottom-section-heading mt-2 mb-1\">\r\n {{ \"ITINERARY_DETAIL.WATCHING\" | translate }}\r\n </p>\r\n\r\n <app-user-stack-tile label=\"17 people\" [buttonText]=\"'ITINERARY_SUMMARY.VIEW_MORE' | translate\" [maxVisible]=\"4\"\r\n (onClick)=\"handleUserStackTileClick('watching')\"></app-user-stack-tile>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n <div class=\"mt-5 flex justify-between\">\r\n <lib-menu-btn (click)=\"navToComments()\">\r\n <span class=\"inline-flex items-center gap-2\">\r\n <img loading=\"lazy\" [ngSrc]=\"ICONS['message']\" height=\"12\" width=\"13\" />\r\n <span class=\"inline-block\">{{\r\n \"ITINERARY_DETAIL.COMMENTS\" | translate\r\n }}</span>\r\n <p class=\"inline-block\">17</p>\r\n </span>\r\n </lib-menu-btn>\r\n\r\n <lib-menu-btn (click)=\"navToBranch()\">\r\n <span class=\"inline-flex items-center gap-2\">\r\n <img loading=\"lazy\" [ngSrc]=\"ICONS['branch']\" height=\"12\" width=\"13\" />\r\n <span class=\"inline-block\">{{\r\n \"ITINERARY_DETAIL.BRANCHES\" | translate\r\n }}</span>\r\n <p class=\"inline-block\">4</p>\r\n </span>\r\n </lib-menu-btn>\r\n </div>\r\n</div>\r\n", styles: ["*{--main-color: #fe3c72}.user-name{color:var(--main-color);font-size:13px}.last-seen{color:#939195;font-size:9px}.history{color:var(--main-color);font-size:10px}.bottom-section-heading{font-style:normal;font-weight:600;font-size:13.13px;line-height:160%;color:#fff}.view-more{font-style:normal;font-weight:500;font-size:10px;line-height:15px;color:#fe3c72;margin-left:10px}.nav-btn{width:150px!important;height:40px;padding:25px 0!important;border-radius:20px;margin-bottom:3px;background-color:#27242c;background:9.026px 8.205px 22.153px 2.051px #111014a6!important;box-shadow:-4.102px -4.102px 13.128px -2.462px #cbc7d140!important;display:flex;justify-content:center;align-items:center}#nav-btn{--lib-icon-button-width: auto !important;--lib-icon-button-height: 35px !important;--lib-icon-button-border-radius: 0 !important;--lib-button-background: transparent !important;--lib-button-border: 0 !important}.hidden{visibility:hidden}\n"], dependencies: [{ kind: "component", type: i5.SelectableComponent, selector: "lib-selectable", inputs: ["options", "singleSelectionOnly", "maxSelectionPossible"], outputs: ["maxSelectionsReached"] }, { kind: "component", type: i5.MenuBtnComponent, selector: "lib-menu-btn", inputs: ["menuBtnIcon", "menuBtnTooltip", "menuBtnTooltipPosition", "menuBtnIconName", "menuBtnImgUrl", "menuBtnNotificationIconUrl", "menuDirection", "hasNotification", "menuItems", "disableTranslation", "listItem", "listItemIndex", "selectable", "overlayClass", "isUserMenu", "onlyCloseOnClickOutside", "hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "loading$"] }, { kind: "directive", type: i1$2.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: UserStackTileComponent, selector: "app-user-stack-tile", inputs: ["class", "buttonText", "label", "images", "maxVisible", "size", "isSelectableVisible", "selectableOption"], outputs: ["onClick"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "pipe", type:
|
|
5412
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DetailsComponent, selector: "app-details", ngImport: i0, template: "<div class=\"px-5 py-4 overflow-y-auto\">\r\n <h2 class=\"f-[13px]\">Created By</h2>\r\n\r\n <div class=\"my-5 flex justify-between\">\r\n <div class=\"flex items-center gap-2\" (click)=\"navToUserProfile()\">\r\n <img\r\n loading=\"lazy\"\r\n height=\"12\"\r\n width=\"12\"\r\n [src]=\"ICONS['userRedFilled']\"\r\n alt=\"\"\r\n class=\"mb-auto\"\r\n />\r\n <p class=\"user-name\">Jonathan</p>\r\n <p class=\"last-seen\">\r\n 11 {{ \"DATE_TIME.HOURS\" | translate }}\r\n {{ \"DATE_TIME.AGO\" | translate }}\r\n </p>\r\n </div>\r\n <div class=\"flex cursor-pointer\" (click)=\"navigateToAuthorHistory()\">\r\n <p class=\"history mr-1\">{{ \"ITINERARY_DETAIL.HISTORY\" | translate }}</p>\r\n <img loading=\"lazy\" height=\"5\" width=\"5\" [src]=\"ICONS['rightArrow']\" alt=\"right arrow\" />\r\n </div>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n <h2 class=\"f-[13px] mt-5 mb-3\">\r\n {{ \"ITINERARY_DETAIL.ITINERARY_PASSIONS\" | translate }}\r\n </h2>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <lib-selectable\r\n [options]=\"passions\"\r\n [maxSelectionPossible]=\"passions.length\"\r\n ></lib-selectable>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n <div class=\"mt-4\">\r\n <p class=\"bottom-section-heading mt-2 mb-1\">\r\n {{ \"ITINERARY_DETAIL.UPVOTES\" | translate }}\r\n </p>\r\n\r\n <div class=\"comment-card text-white py-2\">\r\n <p class=\"text-xs\">4.6k {{ \"ITINERARY_DETAIL.PEOPLE\" | translate }}</p>\r\n <app-user-stack-tile\r\n label=\"4.6k people\"\r\n [buttonText]=\"'ITINERARY_SUMMARY.VIEW_MORE' | translate\"\r\n (onClick)=\"navigateToUpotes()\"\r\n [maxVisible]=\"4\"\r\n ></app-user-stack-tile>\r\n </div>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n <div class=\"mt-4\">\r\n <p class=\"bottom-section-heading mt-2 mb-1\">\r\n {{ \"ITINERARY_DETAIL.WATCHING\" | translate }}\r\n </p>\r\n\r\n <app-user-stack-tile label=\"17 people\" [buttonText]=\"'ITINERARY_SUMMARY.VIEW_MORE' | translate\" [maxVisible]=\"4\"\r\n (onClick)=\"handleUserStackTileClick('watching')\"></app-user-stack-tile>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n <div class=\"mt-5 flex justify-between\">\r\n <lib-menu-btn (click)=\"navToComments()\">\r\n <span class=\"inline-flex items-center gap-2\">\r\n <img loading=\"lazy\" [ngSrc]=\"ICONS['message']\" height=\"12\" width=\"13\" />\r\n <span class=\"inline-block\">{{\r\n \"ITINERARY_DETAIL.COMMENTS\" | translate\r\n }}</span>\r\n <p class=\"inline-block\">17</p>\r\n </span>\r\n </lib-menu-btn>\r\n\r\n <lib-menu-btn (click)=\"navToBranch()\">\r\n <span class=\"inline-flex items-center gap-2\">\r\n <img loading=\"lazy\" [ngSrc]=\"ICONS['branch']\" height=\"12\" width=\"13\" />\r\n <span class=\"inline-block\">{{\r\n \"ITINERARY_DETAIL.BRANCHES\" | translate\r\n }}</span>\r\n <p class=\"inline-block\">4</p>\r\n </span>\r\n </lib-menu-btn>\r\n </div>\r\n</div>\r\n", styles: ["*{--main-color: #fe3c72}.user-name{color:var(--main-color);font-size:13px}.last-seen{color:#939195;font-size:9px}.history{color:var(--main-color);font-size:10px}.bottom-section-heading{font-style:normal;font-weight:600;font-size:13.13px;line-height:160%;color:#fff}.view-more{font-style:normal;font-weight:500;font-size:10px;line-height:15px;color:#fe3c72;margin-left:10px}.nav-btn{width:150px!important;height:40px;padding:25px 0!important;border-radius:20px;margin-bottom:3px;background-color:#27242c;background:9.026px 8.205px 22.153px 2.051px #111014a6!important;box-shadow:-4.102px -4.102px 13.128px -2.462px #cbc7d140!important;display:flex;justify-content:center;align-items:center}#nav-btn{--lib-icon-button-width: auto !important;--lib-icon-button-height: 35px !important;--lib-icon-button-border-radius: 0 !important;--lib-button-background: transparent !important;--lib-button-border: 0 !important}.hidden{visibility:hidden}\n"], dependencies: [{ kind: "component", type: i5.SelectableComponent, selector: "lib-selectable", inputs: ["options", "singleSelectionOnly", "maxSelectionPossible"], outputs: ["maxSelectionsReached"] }, { kind: "component", type: i5.MenuBtnComponent, selector: "lib-menu-btn", inputs: ["menuBtnIcon", "menuBtnTooltip", "menuBtnTooltipPosition", "menuBtnIconName", "menuBtnImgUrl", "menuBtnNotificationIconUrl", "menuDirection", "hasNotification", "menuItems", "disableTranslation", "listItem", "listItemIndex", "selectable", "overlayClass", "isUserMenu", "onlyCloseOnClickOutside", "hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "loading$"] }, { kind: "directive", type: i1$2.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: UserStackTileComponent, selector: "app-user-stack-tile", inputs: ["class", "buttonText", "label", "images", "maxVisible", "size", "isSelectableVisible", "selectableOption"], outputs: ["onClick"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
|
|
5095
5413
|
}
|
|
5096
5414
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DetailsComponent, decorators: [{
|
|
5097
5415
|
type: Component,
|
|
@@ -5438,7 +5756,7 @@ class SummaryComponent {
|
|
|
5438
5756
|
], this.route);
|
|
5439
5757
|
}
|
|
5440
5758
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SummaryComponent, deps: [{ token: LocationService }, { token: ApiService }, { token: i0.ChangeDetectorRef }, { token: i1.ActivatedRoute }, { token: NavigationHelperService }], target: i0.ɵɵFactoryTarget.Component });
|
|
5441
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SummaryComponent, selector: "app-summary", ngImport: i0, template: "<div class=\"px-5 py-6\">\r\n <div class=\"flex\">\r\n <h2 class=\"mr-2\">{{ \"ITINERARY_SUMMARY.ROUTE\" | translate }}</h2>\r\n <img\r\n [ngSrc]=\"ICONS['editPink']\"\r\n alt=\"\"\r\n height=\"8\"\r\n width=\"8\"\r\n (click)=\"navToStartLocation()\"\r\n />\r\n </div>\r\n <div class=\"main-itini-preview\">\r\n <section class=\"mt-3 w-full\">\r\n <div class=\"tracking-widest rounded-t-3xl\">\r\n <div class=\"tracking-bottom-com\">\r\n <div class=\"flex items-center justify-center gap-x-2\">\r\n <div class=\"flex items-center gap-x-1 text-xs\">\r\n <img loading=\"lazy\" [src]=\"ICONS['locationWhite']\" alt=\"location\" />\r\n <span\r\n >{{ places.length }}\r\n {{ \"ITINERARY_SUMMARY.PLACES\" | translate }}</span\r\n >\r\n <img\r\n [ngSrc]=\"ICONS['editPink']\"\r\n alt=\"\"\r\n height=\"8\"\r\n width=\"8\"\r\n (click)=\"navToAddPlace()\"\r\n />\r\n </div>\r\n <div class=\"h-4 border w-0 border-secondary\"></div>\r\n <div class=\"flex items-center justify-center gap-x-2 text-xs\">\r\n <img loading=\"lazy\" [src]=\"ICONS['clock']\" alt=\"icon\" />\r\n <span>45 {{ \"DATE_TIME.MINUTES\" | translate }}</span>\r\n <span class=\"text-secondary font-thin\">(6.6 Km)</span>\r\n <img\r\n [ngSrc]=\"ICONS['editPink']\"\r\n alt=\"\"\r\n height=\"8\"\r\n width=\"8\"\r\n (click)=\"navToAddPlaceDateTime()\"\r\n />\r\n </div>\r\n </div>\r\n <div class=\"border border-dashed opacity-55 rotate-90 absolute -left-6 top-36\"></div>\r\n <div class=\"font-Gilroy mt-5 mb-3 flex flex-col gap-y-5\">\r\n <div *ngFor=\"let place of places; let i = index\"\r\n class=\"flex items-center justify-between w-full gap-x-4 mb-1\">\r\n <div class=\"flex items-center justify-start gap-x-6\">\r\n <div\r\n class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n >\r\n <img\r\n loading=\"lazy\"\r\n height=\"22\"\r\n width=\"18\"\r\n [src]=\"ICONS['restu']\"\r\n alt=\"\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n loading=\"lazy\"\r\n *ngIf=\"i !== places.length - 1\"\r\n class=\"dotted-line\"\r\n src=\"assets/images/dotted-line.svg\"\r\n />\r\n </div>\r\n <div class=\"text\">\r\n <h2 class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\">\r\n {{ place.name }}\r\n <img loading=\"lazy\" [src]=\"ICONS['enLocation']\" alt=\"\" />\r\n </h2>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">\r\n {{ place.description }}\r\n </p>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">\r\n {{ place.distance }}\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img loading=\"lazy\" [src]=\"ICONS['groupBinBar']\" alt=\"\" class=\"cursor-pointer\" />\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <app-users-stack [size]=\"29\"></app-users-stack>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n <div class=\"mt-4\">\r\n <div class=\"flex items-center mt-2 mb-1\">\r\n <p class=\"bottom-section-heading mr-2\">\r\n {{ \"ITINERARY_SUMMARY.TOTAL_MEMBER\" | translate }}\r\n </p>\r\n <img\r\n [ngSrc]=\"ICONS['editPink']\"\r\n alt=\"\"\r\n height=\"8\"\r\n width=\"8\"\r\n (click)=\"navToMembers()\"\r\n />\r\n </div>\r\n\r\n <app-user-stack-tile label=\"4 People\" [buttonText]=\"'ITINERARY_SUMMARY.VIEW_MORE' | translate\" [maxVisible]=\"4\"\r\n (onClick)=\"handleUserStackTileClick('upvotes')\"></app-user-stack-tile>\r\n </div>\r\n</div>\r\n", styles: ["*{font-family:var(--font-gilroy-regular)}.main-itini-preview,.tracking-bottom-com{font-family:Gilroy-Regular!important}.tracking-bottom-com,.text{font-family:Gilroy-Regular!important;font-size:12px!important}.bottom-section-heading{font-style:normal;font-weight:600;font-size:13.13px;line-height:160%;color:#fff}.view-more-div{font-size:14px}.view-more-text{font-style:normal;font-weight:500;line-height:15px;color:#fe3c72;margin-left:10px}.view-more{font-style:normal;font-weight:500;font-size:10px;line-height:15px;color:#fe3c72;margin-left:10px}.dotted-line{position:absolute;width:2px;height:100px;top:10px}.normal-text{color:#fff}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: UsersStackComponent, selector: "app-users-stack", inputs: ["images", "maxVisible", "size", "loading", "class", "isSelectableVisible", "selectableOption"] }, { kind: "component", type: UserStackTileComponent, selector: "app-user-stack-tile", inputs: ["class", "buttonText", "label", "images", "maxVisible", "size", "isSelectableVisible", "selectableOption"], outputs: ["onClick"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "pipe", type:
|
|
5759
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SummaryComponent, selector: "app-summary", ngImport: i0, template: "<div class=\"px-5 py-6\">\r\n <div class=\"flex\">\r\n <h2 class=\"mr-2\">{{ \"ITINERARY_SUMMARY.ROUTE\" | translate }}</h2>\r\n <img\r\n [ngSrc]=\"ICONS['editPink']\"\r\n alt=\"\"\r\n height=\"8\"\r\n width=\"8\"\r\n (click)=\"navToStartLocation()\"\r\n />\r\n </div>\r\n <div class=\"main-itini-preview\">\r\n <section class=\"mt-3 w-full\">\r\n <div class=\"tracking-widest rounded-t-3xl\">\r\n <div class=\"tracking-bottom-com\">\r\n <div class=\"flex items-center justify-center gap-x-2\">\r\n <div class=\"flex items-center gap-x-1 text-xs\">\r\n <img loading=\"lazy\" [src]=\"ICONS['locationWhite']\" alt=\"location\" />\r\n <span\r\n >{{ places.length }}\r\n {{ \"ITINERARY_SUMMARY.PLACES\" | translate }}</span\r\n >\r\n <img\r\n [ngSrc]=\"ICONS['editPink']\"\r\n alt=\"\"\r\n height=\"8\"\r\n width=\"8\"\r\n (click)=\"navToAddPlace()\"\r\n />\r\n </div>\r\n <div class=\"h-4 border w-0 border-secondary\"></div>\r\n <div class=\"flex items-center justify-center gap-x-2 text-xs\">\r\n <img loading=\"lazy\" [src]=\"ICONS['clock']\" alt=\"icon\" />\r\n <span>45 {{ \"DATE_TIME.MINUTES\" | translate }}</span>\r\n <span class=\"text-secondary font-thin\">(6.6 Km)</span>\r\n <img\r\n [ngSrc]=\"ICONS['editPink']\"\r\n alt=\"\"\r\n height=\"8\"\r\n width=\"8\"\r\n (click)=\"navToAddPlaceDateTime()\"\r\n />\r\n </div>\r\n </div>\r\n <div class=\"border border-dashed opacity-55 rotate-90 absolute -left-6 top-36\"></div>\r\n <div class=\"font-Gilroy mt-5 mb-3 flex flex-col gap-y-5\">\r\n <div *ngFor=\"let place of places; let i = index\"\r\n class=\"flex items-center justify-between w-full gap-x-4 mb-1\">\r\n <div class=\"flex items-center justify-start gap-x-6\">\r\n <div\r\n class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n >\r\n <img\r\n loading=\"lazy\"\r\n height=\"22\"\r\n width=\"18\"\r\n [src]=\"ICONS['restu']\"\r\n alt=\"\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n loading=\"lazy\"\r\n *ngIf=\"i !== places.length - 1\"\r\n class=\"dotted-line\"\r\n src=\"assets/images/dotted-line.svg\"\r\n />\r\n </div>\r\n <div class=\"text\">\r\n <h2 class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\">\r\n {{ place.name }}\r\n <img loading=\"lazy\" [src]=\"ICONS['enLocation']\" alt=\"\" />\r\n </h2>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">\r\n {{ place.description }}\r\n </p>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">\r\n {{ place.distance }}\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img loading=\"lazy\" [src]=\"ICONS['groupBinBar']\" alt=\"\" class=\"cursor-pointer\" />\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <app-users-stack [size]=\"29\"></app-users-stack>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n <div class=\"mt-4\">\r\n <div class=\"flex items-center mt-2 mb-1\">\r\n <p class=\"bottom-section-heading mr-2\">\r\n {{ \"ITINERARY_SUMMARY.TOTAL_MEMBER\" | translate }}\r\n </p>\r\n <img\r\n [ngSrc]=\"ICONS['editPink']\"\r\n alt=\"\"\r\n height=\"8\"\r\n width=\"8\"\r\n (click)=\"navToMembers()\"\r\n />\r\n </div>\r\n\r\n <app-user-stack-tile label=\"4 People\" [buttonText]=\"'ITINERARY_SUMMARY.VIEW_MORE' | translate\" [maxVisible]=\"4\"\r\n (onClick)=\"handleUserStackTileClick('upvotes')\"></app-user-stack-tile>\r\n </div>\r\n</div>\r\n", styles: ["*{font-family:var(--font-gilroy-regular)}.main-itini-preview,.tracking-bottom-com{font-family:Gilroy-Regular!important}.tracking-bottom-com,.text{font-family:Gilroy-Regular!important;font-size:12px!important}.bottom-section-heading{font-style:normal;font-weight:600;font-size:13.13px;line-height:160%;color:#fff}.view-more-div{font-size:14px}.view-more-text{font-style:normal;font-weight:500;line-height:15px;color:#fe3c72;margin-left:10px}.view-more{font-style:normal;font-weight:500;font-size:10px;line-height:15px;color:#fe3c72;margin-left:10px}.dotted-line{position:absolute;width:2px;height:100px;top:10px}.normal-text{color:#fff}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: UsersStackComponent, selector: "app-users-stack", inputs: ["images", "maxVisible", "size", "loading", "class", "isSelectableVisible", "selectableOption"] }, { kind: "component", type: UserStackTileComponent, selector: "app-user-stack-tile", inputs: ["class", "buttonText", "label", "images", "maxVisible", "size", "isSelectableVisible", "selectableOption"], outputs: ["onClick"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5442
5760
|
}
|
|
5443
5761
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SummaryComponent, decorators: [{
|
|
5444
5762
|
type: Component,
|
|
@@ -5529,11 +5847,11 @@ class ItineraryDetailComponent {
|
|
|
5529
5847
|
this.navHelper.navigate(routePath, this.route);
|
|
5530
5848
|
}
|
|
5531
5849
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItineraryDetailComponent, deps: [{ token: i1$2.Location }, { token: i1.Router }, { token: i1.ActivatedRoute }, { token: NavigationHelperService }], target: i0.ɵɵFactoryTarget.Component });
|
|
5532
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ItineraryDetailComponent, selector: "app-itinerary-detail", inputs: { itineraryTitle: "itineraryTitle" }, ngImport: i0, template: "<div>\r\n <ng-template #menuItems>\r\n <
|
|
5850
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ItineraryDetailComponent, selector: "app-itinerary-detail", inputs: { itineraryTitle: "itineraryTitle" }, ngImport: i0, template: "<div>\r\n <ng-template #menuItems>\r\n <app-icon-button [libMenuItems]=\"dropdownMenuItems\" class=\"lib-menu-bg-none\" [buttonIcon]=\"ICONS['horizontal']\">\r\n </app-icon-button>\r\n </ng-template>\r\n\r\n <app-header\r\n [headerSuffixTemplate]=\"menuItems\"\r\n heading=\"Adventure Tour\"\r\n (firstButton)=\"back()\"\r\n [titleIcon]=\"ICONS['editPink']\"\r\n (titleIconClick)=\"navToMembers()\"\r\n ></app-header>\r\n <lib-tab-menu\r\n [items]=\"tabMenuItems\"\r\n [activeItem]=\"activeItem\"\r\n (activeItemChange)=\"onActiveItemChange($event)\"\r\n #libTabMenu\r\n ></lib-tab-menu>\r\n\r\n <div class=\"minScreen\">\r\n <router-outlet></router-outlet>\r\n </div>\r\n</div>\r\n\r\n<ng-container>\r\n <lib-popup\r\n [isOpen]=\"isModalOpen\"\r\n confirmButton=\"Delete\"\r\n cancelButton=\"Keep\"\r\n title=\"Delete Itinerary\"\r\n message=\"Are you sure you want to permanently delete this history?\"\r\n (modalConfirm)=\"onModalConfirmed()\"\r\n (modalDismiss)=\"onModalDismissed()\"\r\n ></lib-popup>\r\n</ng-container>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i5.LibTabMenuComponent, selector: "lib-tab-menu", inputs: ["items", "activeItem", "stretchTabs"], outputs: ["activeItemChange"] }, { kind: "component", type: HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "component", type: IconButtonComponent, selector: "app-icon-button", inputs: ["buttonIcon", "disableTextShadow", "class", "libMenuItems", "buttonText"], outputs: ["buttonClick", "select", "change"] }, { kind: "component", type: i5.LibModalComponent, selector: "lib-popup", inputs: ["isOpen", "icon", "title", "message", "extendedMessage", "cancelButton", "confirmButton", "checkboxText", "progBarCurrentStep", "progBarTotalSteps", "customClass", "backdropDismiss", "modalComponent", "modalComponentData"], outputs: ["modalConfirm", "modalDismiss", "afterCloseEvent"] }] });
|
|
5533
5851
|
}
|
|
5534
5852
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItineraryDetailComponent, decorators: [{
|
|
5535
5853
|
type: Component,
|
|
5536
|
-
args: [{ selector: 'app-itinerary-detail', standalone: false, template: "<div>\r\n <ng-template #menuItems>\r\n <
|
|
5854
|
+
args: [{ selector: 'app-itinerary-detail', standalone: false, template: "<div>\r\n <ng-template #menuItems>\r\n <app-icon-button [libMenuItems]=\"dropdownMenuItems\" class=\"lib-menu-bg-none\" [buttonIcon]=\"ICONS['horizontal']\">\r\n </app-icon-button>\r\n </ng-template>\r\n\r\n <app-header\r\n [headerSuffixTemplate]=\"menuItems\"\r\n heading=\"Adventure Tour\"\r\n (firstButton)=\"back()\"\r\n [titleIcon]=\"ICONS['editPink']\"\r\n (titleIconClick)=\"navToMembers()\"\r\n ></app-header>\r\n <lib-tab-menu\r\n [items]=\"tabMenuItems\"\r\n [activeItem]=\"activeItem\"\r\n (activeItemChange)=\"onActiveItemChange($event)\"\r\n #libTabMenu\r\n ></lib-tab-menu>\r\n\r\n <div class=\"minScreen\">\r\n <router-outlet></router-outlet>\r\n </div>\r\n</div>\r\n\r\n<ng-container>\r\n <lib-popup\r\n [isOpen]=\"isModalOpen\"\r\n confirmButton=\"Delete\"\r\n cancelButton=\"Keep\"\r\n title=\"Delete Itinerary\"\r\n message=\"Are you sure you want to permanently delete this history?\"\r\n (modalConfirm)=\"onModalConfirmed()\"\r\n (modalDismiss)=\"onModalDismissed()\"\r\n ></lib-popup>\r\n</ng-container>\r\n" }]
|
|
5537
5855
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: i1.Router }, { type: i1.ActivatedRoute }, { type: NavigationHelperService }], propDecorators: { itineraryTitle: [{
|
|
5538
5856
|
type: Input
|
|
5539
5857
|
}] } });
|
|
@@ -5630,11 +5948,11 @@ class ExistingFriendsComponent {
|
|
|
5630
5948
|
this.subscription.unsubscribe();
|
|
5631
5949
|
}
|
|
5632
5950
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExistingFriendsComponent, deps: [{ token: i1.Router }, { token: i1$2.Location }, { token: AssetsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
5633
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ExistingFriendsComponent, selector: "app-existing-friends", ngImport: i0, template: "<div class=\"relative min-h-screen\">\r\n <div class=\"z-auto\">\r\n <div class=\"pb-10\">\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder\r\n [avatar]=\"true\"\r\n [count]=\"5\"\r\n ></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-template #actions>\r\n <
|
|
5951
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ExistingFriendsComponent, selector: "app-existing-friends", ngImport: i0, template: "<div class=\"relative min-h-screen\">\r\n <div class=\"z-auto\">\r\n <div class=\"pb-10\">\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder\r\n [avatar]=\"true\"\r\n [count]=\"5\"\r\n ></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-template #actions>\r\n <app-icon-button\r\n (select)=\"handleMenueItemSelect()\"\r\n (buttonClick)=\"handleMenuClick()\"\r\n (change)=\"handleMenuItemChange()\"\r\n class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n [disableTextShadow]=\"true\"\r\n [buttonIcon]=\"ICONS['horizontalWhite']\"\r\n ></app-icon-button>\r\n </ng-template>\r\n\r\n @if (!loading) {\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4\">\r\n <ng-container *ngFor=\"let i of itineraryMembers\">\r\n <app-user-tile\r\n [name]=\"i.memberName\"\r\n [email]=\"i.memberEmail\"\r\n [image]=\"i.memberPic\"\r\n [sufixTemplate]=\"actions\"\r\n >\r\n </app-user-tile>\r\n </ng-container>\r\n </div>\r\n }\r\n\r\n <div class=\"flex px-4\">\r\n <img [src]=\"ICONS['invitePink']\" />\r\n <button class=\"pinkTextColor\" (click)=\"navToListFriendUsers()\">\r\n Friend Request\r\n </button>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-6 mb-6\"></div>\r\n <h2 class=\"commonInterests px-4 mb-4\">Common Interests</h2>\r\n\r\n <lib-selectable [options]=\"passions\"></lib-selectable>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".commonInterests{font-family:Calistoga;font-style:normal;font-weight:400;font-size:19.692px;line-height:160%;text-transform:capitalize;color:#fff}.commonInterestItem{display:flex;flex-direction:row;align-items:center;padding:1.641px 13.128px 1.641px 1.641px;gap:6.56px;background:#f7f5dd;box-shadow:-1.641px -1.641px 10.6665px #ffffff80,3.282px 3.282px 6.564px #000000e3;width:27.9px;height:27.9px;border-radius:30px;order:0;width:90px;height:30px;font-family:Gilroy;font-style:normal;font-weight:400;font-size:11.487px;line-height:160%;color:#000;flex:none;order:1;flex-grow:0}.selectable-image{width:40px;height:40px;object-fit:cover;border-radius:50%}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.SelectableComponent, selector: "lib-selectable", inputs: ["options", "singleSelectionOnly", "maxSelectionPossible"], outputs: ["maxSelectionsReached"] }, { kind: "component", type: i5.InfoCardPlaceholderComponent, selector: "lib-info-card-placeholder", inputs: ["avatar", "count"] }, { kind: "component", type: UserTileComponent, selector: "app-user-tile", inputs: ["sufixTemplate", "name", "email", "image", "class"] }, { kind: "component", type: IconButtonComponent, selector: "app-icon-button", inputs: ["buttonIcon", "disableTextShadow", "class", "libMenuItems", "buttonText"], outputs: ["buttonClick", "select", "change"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5634
5952
|
}
|
|
5635
5953
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExistingFriendsComponent, decorators: [{
|
|
5636
5954
|
type: Component,
|
|
5637
|
-
args: [{ selector: 'app-existing-friends', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"relative min-h-screen\">\r\n <div class=\"z-auto\">\r\n <div class=\"pb-10\">\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder\r\n [avatar]=\"true\"\r\n [count]=\"5\"\r\n ></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-template #actions>\r\n <
|
|
5955
|
+
args: [{ selector: 'app-existing-friends', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"relative min-h-screen\">\r\n <div class=\"z-auto\">\r\n <div class=\"pb-10\">\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder\r\n [avatar]=\"true\"\r\n [count]=\"5\"\r\n ></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-template #actions>\r\n <app-icon-button\r\n (select)=\"handleMenueItemSelect()\"\r\n (buttonClick)=\"handleMenuClick()\"\r\n (change)=\"handleMenuItemChange()\"\r\n class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n [disableTextShadow]=\"true\"\r\n [buttonIcon]=\"ICONS['horizontalWhite']\"\r\n ></app-icon-button>\r\n </ng-template>\r\n\r\n @if (!loading) {\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4\">\r\n <ng-container *ngFor=\"let i of itineraryMembers\">\r\n <app-user-tile\r\n [name]=\"i.memberName\"\r\n [email]=\"i.memberEmail\"\r\n [image]=\"i.memberPic\"\r\n [sufixTemplate]=\"actions\"\r\n >\r\n </app-user-tile>\r\n </ng-container>\r\n </div>\r\n }\r\n\r\n <div class=\"flex px-4\">\r\n <img [src]=\"ICONS['invitePink']\" />\r\n <button class=\"pinkTextColor\" (click)=\"navToListFriendUsers()\">\r\n Friend Request\r\n </button>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-6 mb-6\"></div>\r\n <h2 class=\"commonInterests px-4 mb-4\">Common Interests</h2>\r\n\r\n <lib-selectable [options]=\"passions\"></lib-selectable>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".commonInterests{font-family:Calistoga;font-style:normal;font-weight:400;font-size:19.692px;line-height:160%;text-transform:capitalize;color:#fff}.commonInterestItem{display:flex;flex-direction:row;align-items:center;padding:1.641px 13.128px 1.641px 1.641px;gap:6.56px;background:#f7f5dd;box-shadow:-1.641px -1.641px 10.6665px #ffffff80,3.282px 3.282px 6.564px #000000e3;width:27.9px;height:27.9px;border-radius:30px;order:0;width:90px;height:30px;font-family:Gilroy;font-style:normal;font-weight:400;font-size:11.487px;line-height:160%;color:#000;flex:none;order:1;flex-grow:0}.selectable-image{width:40px;height:40px;object-fit:cover;border-radius:50%}\n"] }]
|
|
5638
5956
|
}], ctorParameters: () => [{ type: i1.Router }, { type: i1$2.Location }, { type: AssetsService }, { type: i0.ChangeDetectorRef }] });
|
|
5639
5957
|
|
|
5640
5958
|
class ItineraryFriendsComponent {
|
|
@@ -5712,11 +6030,11 @@ class ListFriendUsersComponent {
|
|
|
5712
6030
|
this.subscription.unsubscribe();
|
|
5713
6031
|
}
|
|
5714
6032
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ListFriendUsersComponent, deps: [{ token: CustomDropdownMenuService }, { token: ModalService }, { token: i1$2.Location }, { token: i1.Router }, { token: AssetsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
5715
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ListFriendUsersComponent, selector: "app-list-friend-users", ngImport: i0, template: "<div class=\"ps-4 pe-4\">\r\n <app-header heading=\"Search For Friends\" (firstButton)=\"backButton()\"></app-header>\r\n\r\n <
|
|
6033
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ListFriendUsersComponent, selector: "app-list-friend-users", ngImport: i0, template: "<div class=\"ps-4 pe-4\">\r\n <app-header heading=\"Search For Friends\" (firstButton)=\"backButton()\"></app-header>\r\n\r\n <app-search-bar class=\"search-field\" [placeholderText]=\"'Search people to invite' | translate\"\r\n (searchStringChange)=\"handleSearchStringChange($event)\" (cleared)=\"clear()\" (click)=\"navToSendRequest()\"\r\n [searchIcon]=\"ICONS['dashboardSearch']\">\r\n </app-search-bar>\r\n\r\n <h3 class=\"f-calistoga font-normal text-sm mt-4 mb-3\">Suggested Requests</h3>\r\n\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder [avatar]=\"true\" [count]=\"5\"></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n @if (!loading) {\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4\">\r\n <ng-container *ngFor=\"let i of friends; let idx = index\">\r\n <ng-template #request>\r\n <div (click)=\"sendRequest(idx)\" class=\"flex\">\r\n <img [src]=\"ICONS['invitePink']\" alt=\"Invite label\" />\r\n <button class=\"pinkTextColor\">Request</button>\r\n </div>\r\n </ng-template>\r\n\r\n <ng-template #requested>\r\n <div class=\"flex\">\r\n <img [src]=\"ICONS['userAdded']\" alt=\"Invite label\" />\r\n <button class=\"pinkTextColor\">Requested</button>\r\n </div>\r\n </ng-template>\r\n\r\n <app-user-tile [name]=\"i.memberName\" [email]=\"i.memberEmail\" [image]=\"i.memberPic\"\r\n [sufixTemplate]=\"i.added ? requested : request\"></app-user-tile>\r\n </ng-container>\r\n </div>\r\n }\r\n\r\n <!-- Separator Line -->\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n <p class=\"interestedPeopleHeading mt-4\">Requests Sent</p>\r\n\r\n <app-user-stack-tile label=\"16 People\" [images]=\"images\" buttonText=\"View Requests\"\r\n (onClick)=\"navToFriendRequests()\"></app-user-stack-tile>\r\n</div>\r\n", styles: [".interestedPeopleHeading{font-family:Calistoga;font-style:normal;font-weight:400;font-size:13.128px;line-height:160%;color:#fff}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.InfoCardPlaceholderComponent, selector: "lib-info-card-placeholder", inputs: ["avatar", "count"] }, { kind: "component", type: UserStackTileComponent, selector: "app-user-stack-tile", inputs: ["class", "buttonText", "label", "images", "maxVisible", "size", "isSelectableVisible", "selectableOption"], outputs: ["onClick"] }, { kind: "component", type: UserTileComponent, selector: "app-user-tile", inputs: ["sufixTemplate", "name", "email", "image", "class"] }, { kind: "component", type: HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "component", type: SearchBarComponent, selector: "app-search-bar", inputs: ["searchIcon", "placeholderText"], outputs: ["searchStringChange", "cleared"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5716
6034
|
}
|
|
5717
6035
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ListFriendUsersComponent, decorators: [{
|
|
5718
6036
|
type: Component,
|
|
5719
|
-
args: [{ selector: 'app-list-friend-users', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"ps-4 pe-4\">\r\n <app-header heading=\"Search For Friends\" (firstButton)=\"backButton()\"></app-header>\r\n\r\n <
|
|
6037
|
+
args: [{ selector: 'app-list-friend-users', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"ps-4 pe-4\">\r\n <app-header heading=\"Search For Friends\" (firstButton)=\"backButton()\"></app-header>\r\n\r\n <app-search-bar class=\"search-field\" [placeholderText]=\"'Search people to invite' | translate\"\r\n (searchStringChange)=\"handleSearchStringChange($event)\" (cleared)=\"clear()\" (click)=\"navToSendRequest()\"\r\n [searchIcon]=\"ICONS['dashboardSearch']\">\r\n </app-search-bar>\r\n\r\n <h3 class=\"f-calistoga font-normal text-sm mt-4 mb-3\">Suggested Requests</h3>\r\n\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder [avatar]=\"true\" [count]=\"5\"></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n @if (!loading) {\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4\">\r\n <ng-container *ngFor=\"let i of friends; let idx = index\">\r\n <ng-template #request>\r\n <div (click)=\"sendRequest(idx)\" class=\"flex\">\r\n <img [src]=\"ICONS['invitePink']\" alt=\"Invite label\" />\r\n <button class=\"pinkTextColor\">Request</button>\r\n </div>\r\n </ng-template>\r\n\r\n <ng-template #requested>\r\n <div class=\"flex\">\r\n <img [src]=\"ICONS['userAdded']\" alt=\"Invite label\" />\r\n <button class=\"pinkTextColor\">Requested</button>\r\n </div>\r\n </ng-template>\r\n\r\n <app-user-tile [name]=\"i.memberName\" [email]=\"i.memberEmail\" [image]=\"i.memberPic\"\r\n [sufixTemplate]=\"i.added ? requested : request\"></app-user-tile>\r\n </ng-container>\r\n </div>\r\n }\r\n\r\n <!-- Separator Line -->\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n <p class=\"interestedPeopleHeading mt-4\">Requests Sent</p>\r\n\r\n <app-user-stack-tile label=\"16 People\" [images]=\"images\" buttonText=\"View Requests\"\r\n (onClick)=\"navToFriendRequests()\"></app-user-stack-tile>\r\n</div>\r\n", styles: [".interestedPeopleHeading{font-family:Calistoga;font-style:normal;font-weight:400;font-size:13.128px;line-height:160%;color:#fff}\n"] }]
|
|
5720
6038
|
}], ctorParameters: () => [{ type: CustomDropdownMenuService }, { type: ModalService }, { type: i1$2.Location }, { type: i1.Router }, { type: AssetsService }, { type: i0.ChangeDetectorRef }] });
|
|
5721
6039
|
|
|
5722
6040
|
class SendFriendRequestComponent {
|
|
@@ -5765,11 +6083,11 @@ class SendFriendRequestComponent {
|
|
|
5765
6083
|
this._location.back();
|
|
5766
6084
|
}
|
|
5767
6085
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SendFriendRequestComponent, deps: [{ token: i1$2.Location }, { token: AssetsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
5768
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SendFriendRequestComponent, selector: "app-send-friend-request", ngImport: i0, template: "<div class=\"pl-4 pr-4\">\r\n <app-header heading=\"Search for Friends\" (firstButton)=\"backButton()\"></app-header>\r\n <
|
|
6086
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SendFriendRequestComponent, selector: "app-send-friend-request", ngImport: i0, template: "<div class=\"pl-4 pr-4\">\r\n <app-header heading=\"Search for Friends\" (firstButton)=\"backButton()\"></app-header>\r\n <app-search-bar class=\"search-field\" placeholderText=\"Search for Friends\"\r\n (searchStringChange)=\"handleSearchStringChange($event)\" (cleared)=\"clear()\" [searchIcon]=\"ICONS['dashboardSearch']\">\r\n </app-search-bar>\r\n\r\n <p class=\"interestedPeopleHeading mt-5\">Results</p>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4\">\r\n <ng-container *ngFor=\"let p of searched; let i = index\">\r\n <ng-template #inviteBtn>\r\n <div (click)=\"invite(i)\" class=\"flex\">\r\n <img [src]=\"ICONS['invitePink']\" alt=\"Invite label\" />\r\n <button class=\"pinkTextColor\">Invite</button>\r\n </div>\r\n </ng-template>\r\n <ng-template #invitedBtn>\r\n <div class=\"flex\">\r\n <img [src]=\"ICONS['userAdded']\" lt=\"Invite label\" />\r\n <button class=\"pinkTextColor\">Invited</button>\r\n </div>\r\n </ng-template>\r\n\r\n <app-user-tile name=\"Send App and Itinerary Invite\" [email]=\"p.memberEmail\" [image]=\"p.memberPic\"\r\n [sufixTemplate]=\"p.added ? invitedBtn : inviteBtn\"></app-user-tile>\r\n </ng-container>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n <app-user-stack-tile label=\"17 People\" buttonText=\"View Requests\"></app-user-stack-tile>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: UserStackTileComponent, selector: "app-user-stack-tile", inputs: ["class", "buttonText", "label", "images", "maxVisible", "size", "isSelectableVisible", "selectableOption"], outputs: ["onClick"] }, { kind: "component", type: UserTileComponent, selector: "app-user-tile", inputs: ["sufixTemplate", "name", "email", "image", "class"] }, { kind: "component", type: HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "component", type: SearchBarComponent, selector: "app-search-bar", inputs: ["searchIcon", "placeholderText"], outputs: ["searchStringChange", "cleared"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5769
6087
|
}
|
|
5770
6088
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SendFriendRequestComponent, decorators: [{
|
|
5771
6089
|
type: Component,
|
|
5772
|
-
args: [{ selector: 'app-send-friend-request', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"pl-4 pr-4\">\r\n <app-header heading=\"Search for Friends\" (firstButton)=\"backButton()\"></app-header>\r\n <
|
|
6090
|
+
args: [{ selector: 'app-send-friend-request', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"pl-4 pr-4\">\r\n <app-header heading=\"Search for Friends\" (firstButton)=\"backButton()\"></app-header>\r\n <app-search-bar class=\"search-field\" placeholderText=\"Search for Friends\"\r\n (searchStringChange)=\"handleSearchStringChange($event)\" (cleared)=\"clear()\" [searchIcon]=\"ICONS['dashboardSearch']\">\r\n </app-search-bar>\r\n\r\n <p class=\"interestedPeopleHeading mt-5\">Results</p>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4\">\r\n <ng-container *ngFor=\"let p of searched; let i = index\">\r\n <ng-template #inviteBtn>\r\n <div (click)=\"invite(i)\" class=\"flex\">\r\n <img [src]=\"ICONS['invitePink']\" alt=\"Invite label\" />\r\n <button class=\"pinkTextColor\">Invite</button>\r\n </div>\r\n </ng-template>\r\n <ng-template #invitedBtn>\r\n <div class=\"flex\">\r\n <img [src]=\"ICONS['userAdded']\" lt=\"Invite label\" />\r\n <button class=\"pinkTextColor\">Invited</button>\r\n </div>\r\n </ng-template>\r\n\r\n <app-user-tile name=\"Send App and Itinerary Invite\" [email]=\"p.memberEmail\" [image]=\"p.memberPic\"\r\n [sufixTemplate]=\"p.added ? invitedBtn : inviteBtn\"></app-user-tile>\r\n </ng-container>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n <app-user-stack-tile label=\"17 People\" buttonText=\"View Requests\"></app-user-stack-tile>\r\n</div>\r\n" }]
|
|
5773
6091
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: AssetsService }, { type: i0.ChangeDetectorRef }] });
|
|
5774
6092
|
|
|
5775
6093
|
class AllPeopleComponent {
|
|
@@ -5827,11 +6145,11 @@ class AllPeopleComponent {
|
|
|
5827
6145
|
this.subscription.unsubscribe();
|
|
5828
6146
|
}
|
|
5829
6147
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AllPeopleComponent, deps: [{ token: CustomDropdownMenuService }, { token: ModalService }, { token: i1$2.Location }, { token: i1.Router }, { token: AssetsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
5830
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AllPeopleComponent, selector: "app-all-people", ngImport: i0, template: "<div class=\"ps-4 pe-4\">\r\n <app-header heading=\"Invite People\" (firstButton)=\"backButton()\"></app-header>\r\n\r\n <
|
|
6148
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AllPeopleComponent, selector: "app-all-people", ngImport: i0, template: "<div class=\"ps-4 pe-4\">\r\n <app-header heading=\"Invite People\" (firstButton)=\"backButton()\"></app-header>\r\n\r\n <app-search-bar class=\"search-field\" [placeholderText]=\"'Search people to invite' | translate\"\r\n (searchStringChange)=\"handleSearchStringChange($event)\" (cleared)=\"clear()\" [searchIcon]=\"ICONS['dashboardSearch']\">\r\n </app-search-bar>\r\n\r\n <h3 class=\"f-calistoga font-normal text-sm mt-4\">Friends</h3>\r\n\r\n <ng-template #sufixAction>\r\n <div (click)=\"navToInvite()\" class=\"flex\">\r\n <img [src]=\"ICONS['invitePink']\" alt=\"Invite label\" />\r\n <button class=\"pinkTextColor\">Invite</button>\r\n </div>\r\n </ng-template>\r\n\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder [avatar]=\"true\" [count]=\"5\"></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!loading\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4\">\r\n <ng-container *ngFor=\"let i of itineraryMembers\">\r\n <app-user-tile [name]=\"i.memberName\" [email]=\"i.memberEmail\" [image]=\"i.memberPic\"\r\n [sufixTemplate]=\"sufixAction\"></app-user-tile>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n\r\n <h3 class=\"f-calistoga font-normal text-sm mt-4\">\r\n People who might want to join this itinerary\r\n </h3>\r\n\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder [avatar]=\"true\" [count]=\"5\"></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-template #sufixAction2>\r\n <div (click)=\"navToInvite()\" class=\"flex\">\r\n <img [src]=\"ICONS['invitePink']\" alt=\"Invite label\" />\r\n <button class=\"pinkTextColor\">Invite</button>\r\n </div>\r\n </ng-template>\r\n\r\n <ng-container *ngIf=\"!loading\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4\">\r\n <ng-container *ngFor=\"let i of itineraryMembers\">\r\n <app-user-tile [name]=\"i.memberName\" [email]=\"i.memberEmail\" [image]=\"i.memberPic\"\r\n [sufixTemplate]=\"sufixAction2\"></app-user-tile>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- Separator Line -->\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n <p class=\"interestedPeopleHeading mt-3\">Invites Sent</p>\r\n\r\n <app-user-stack-tile label=\"16 People\" [images]=\"images\" buttonText=\"View Invites\"\r\n (onClick)=\"navToAllInvites()\"></app-user-stack-tile>\r\n</div>\r\n", styles: [".interestedPeopleHeading{font-family:Calistoga;font-style:normal;font-weight:400;font-size:13.128px;line-height:160%;color:#fff}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.InfoCardPlaceholderComponent, selector: "lib-info-card-placeholder", inputs: ["avatar", "count"] }, { kind: "component", type: UserStackTileComponent, selector: "app-user-stack-tile", inputs: ["class", "buttonText", "label", "images", "maxVisible", "size", "isSelectableVisible", "selectableOption"], outputs: ["onClick"] }, { kind: "component", type: UserTileComponent, selector: "app-user-tile", inputs: ["sufixTemplate", "name", "email", "image", "class"] }, { kind: "component", type: HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "component", type: SearchBarComponent, selector: "app-search-bar", inputs: ["searchIcon", "placeholderText"], outputs: ["searchStringChange", "cleared"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5831
6149
|
}
|
|
5832
6150
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AllPeopleComponent, decorators: [{
|
|
5833
6151
|
type: Component,
|
|
5834
|
-
args: [{ selector: 'app-all-people', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"ps-4 pe-4\">\r\n <app-header heading=\"Invite People\" (firstButton)=\"backButton()\"></app-header>\r\n\r\n <
|
|
6152
|
+
args: [{ selector: 'app-all-people', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"ps-4 pe-4\">\r\n <app-header heading=\"Invite People\" (firstButton)=\"backButton()\"></app-header>\r\n\r\n <app-search-bar class=\"search-field\" [placeholderText]=\"'Search people to invite' | translate\"\r\n (searchStringChange)=\"handleSearchStringChange($event)\" (cleared)=\"clear()\" [searchIcon]=\"ICONS['dashboardSearch']\">\r\n </app-search-bar>\r\n\r\n <h3 class=\"f-calistoga font-normal text-sm mt-4\">Friends</h3>\r\n\r\n <ng-template #sufixAction>\r\n <div (click)=\"navToInvite()\" class=\"flex\">\r\n <img [src]=\"ICONS['invitePink']\" alt=\"Invite label\" />\r\n <button class=\"pinkTextColor\">Invite</button>\r\n </div>\r\n </ng-template>\r\n\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder [avatar]=\"true\" [count]=\"5\"></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!loading\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4\">\r\n <ng-container *ngFor=\"let i of itineraryMembers\">\r\n <app-user-tile [name]=\"i.memberName\" [email]=\"i.memberEmail\" [image]=\"i.memberPic\"\r\n [sufixTemplate]=\"sufixAction\"></app-user-tile>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n\r\n <h3 class=\"f-calistoga font-normal text-sm mt-4\">\r\n People who might want to join this itinerary\r\n </h3>\r\n\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder [avatar]=\"true\" [count]=\"5\"></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-template #sufixAction2>\r\n <div (click)=\"navToInvite()\" class=\"flex\">\r\n <img [src]=\"ICONS['invitePink']\" alt=\"Invite label\" />\r\n <button class=\"pinkTextColor\">Invite</button>\r\n </div>\r\n </ng-template>\r\n\r\n <ng-container *ngIf=\"!loading\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4\">\r\n <ng-container *ngFor=\"let i of itineraryMembers\">\r\n <app-user-tile [name]=\"i.memberName\" [email]=\"i.memberEmail\" [image]=\"i.memberPic\"\r\n [sufixTemplate]=\"sufixAction2\"></app-user-tile>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- Separator Line -->\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n <p class=\"interestedPeopleHeading mt-3\">Invites Sent</p>\r\n\r\n <app-user-stack-tile label=\"16 People\" [images]=\"images\" buttonText=\"View Invites\"\r\n (onClick)=\"navToAllInvites()\"></app-user-stack-tile>\r\n</div>\r\n", styles: [".interestedPeopleHeading{font-family:Calistoga;font-style:normal;font-weight:400;font-size:13.128px;line-height:160%;color:#fff}\n"] }]
|
|
5835
6153
|
}], ctorParameters: () => [{ type: CustomDropdownMenuService }, { type: ModalService }, { type: i1$2.Location }, { type: i1.Router }, { type: AssetsService }, { type: i0.ChangeDetectorRef }] });
|
|
5836
6154
|
|
|
5837
6155
|
class ExistingMembersComponent {
|
|
@@ -5883,11 +6201,11 @@ class ExistingMembersComponent {
|
|
|
5883
6201
|
this.subscription.unsubscribe();
|
|
5884
6202
|
}
|
|
5885
6203
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExistingMembersComponent, deps: [{ token: i1.Router }, { token: i1$2.Location }, { token: AssetsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
5886
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ExistingMembersComponent, selector: "app-existing-members", ngImport: i0, template: "<div class=\"relative min-h-screen\">\r\n <div class=\"z-auto\">\r\n <div class=\"pb-10\">\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder\r\n [avatar]=\"true\"\r\n [count]=\"5\"\r\n ></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-template #actions>\r\n <
|
|
6204
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ExistingMembersComponent, selector: "app-existing-members", ngImport: i0, template: "<div class=\"relative min-h-screen\">\r\n <div class=\"z-auto\">\r\n <div class=\"pb-10\">\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder\r\n [avatar]=\"true\"\r\n [count]=\"5\"\r\n ></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-template #actions>\r\n <app-icon-button\r\n (select)=\"handleMenueItemSelect()\"\r\n (buttonClick)=\"handleMenuClick()\"\r\n (change)=\"handleMenuItemChange()\"\r\n class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n [disableTextShadow]=\"true\"\r\n [buttonIcon]=\"ICONS['horizontalWhite']\"\r\n ></app-icon-button>\r\n </ng-template>\r\n\r\n <ng-container *ngIf=\"!loading\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4\">\r\n <ng-container *ngFor=\"let i of itineraryMembers\">\r\n <app-user-tile\r\n [name]=\"i.memberName\"\r\n [email]=\"i.memberEmail\"\r\n [image]=\"i.memberPic\"\r\n [sufixTemplate]=\"actions\"\r\n ></app-user-tile>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n\r\n <div class=\"flex px-4\">\r\n <img [src]=\"ICONS['invitePink']\" />\r\n <button class=\"pinkTextColor\" (click)=\"navToAllPeople()\">\r\n Invite more people\r\n </button>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-6 mb-6\"></div>\r\n <h2 class=\"commonInterests mb-4\">Common Interests</h2>\r\n\r\n <lib-selectable [options]=\"options\"></lib-selectable>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".commonInterests{font-family:Calistoga;font-style:normal;font-weight:400;font-size:19.692px;line-height:160%;text-transform:capitalize;color:#fff}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.SelectableComponent, selector: "lib-selectable", inputs: ["options", "singleSelectionOnly", "maxSelectionPossible"], outputs: ["maxSelectionsReached"] }, { kind: "component", type: i5.InfoCardPlaceholderComponent, selector: "lib-info-card-placeholder", inputs: ["avatar", "count"] }, { kind: "component", type: UserTileComponent, selector: "app-user-tile", inputs: ["sufixTemplate", "name", "email", "image", "class"] }, { kind: "component", type: IconButtonComponent, selector: "app-icon-button", inputs: ["buttonIcon", "disableTextShadow", "class", "libMenuItems", "buttonText"], outputs: ["buttonClick", "select", "change"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5887
6205
|
}
|
|
5888
6206
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExistingMembersComponent, decorators: [{
|
|
5889
6207
|
type: Component,
|
|
5890
|
-
args: [{ selector: 'app-existing-members', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"relative min-h-screen\">\r\n <div class=\"z-auto\">\r\n <div class=\"pb-10\">\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder\r\n [avatar]=\"true\"\r\n [count]=\"5\"\r\n ></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-template #actions>\r\n <
|
|
6208
|
+
args: [{ selector: 'app-existing-members', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"relative min-h-screen\">\r\n <div class=\"z-auto\">\r\n <div class=\"pb-10\">\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder\r\n [avatar]=\"true\"\r\n [count]=\"5\"\r\n ></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-template #actions>\r\n <app-icon-button\r\n (select)=\"handleMenueItemSelect()\"\r\n (buttonClick)=\"handleMenuClick()\"\r\n (change)=\"handleMenuItemChange()\"\r\n class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n [disableTextShadow]=\"true\"\r\n [buttonIcon]=\"ICONS['horizontalWhite']\"\r\n ></app-icon-button>\r\n </ng-template>\r\n\r\n <ng-container *ngIf=\"!loading\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4\">\r\n <ng-container *ngFor=\"let i of itineraryMembers\">\r\n <app-user-tile\r\n [name]=\"i.memberName\"\r\n [email]=\"i.memberEmail\"\r\n [image]=\"i.memberPic\"\r\n [sufixTemplate]=\"actions\"\r\n ></app-user-tile>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n\r\n <div class=\"flex px-4\">\r\n <img [src]=\"ICONS['invitePink']\" />\r\n <button class=\"pinkTextColor\" (click)=\"navToAllPeople()\">\r\n Invite more people\r\n </button>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-6 mb-6\"></div>\r\n <h2 class=\"commonInterests mb-4\">Common Interests</h2>\r\n\r\n <lib-selectable [options]=\"options\"></lib-selectable>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".commonInterests{font-family:Calistoga;font-style:normal;font-weight:400;font-size:19.692px;line-height:160%;text-transform:capitalize;color:#fff}\n"] }]
|
|
5891
6209
|
}], ctorParameters: () => [{ type: i1.Router }, { type: i1$2.Location }, { type: AssetsService }, { type: i0.ChangeDetectorRef }] });
|
|
5892
6210
|
|
|
5893
6211
|
class ItineraryMembersComponent {
|
|
@@ -5967,11 +6285,11 @@ class SendInviteComponent {
|
|
|
5967
6285
|
]);
|
|
5968
6286
|
}
|
|
5969
6287
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SendInviteComponent, deps: [{ token: i1$2.Location }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
5970
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SendInviteComponent, selector: "app-send-invite", ngImport: i0, template: "<div class=\"pl-4 pr-4\">\r\n <app-header heading=\"Send Invite\" (firstButton)=\"backButton()\"></app-header>\r\n <
|
|
6288
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SendInviteComponent, selector: "app-send-invite", ngImport: i0, template: "<div class=\"pl-4 pr-4\">\r\n <app-header heading=\"Send Invite\" (firstButton)=\"backButton()\"></app-header>\r\n <app-search-bar class=\"search-field\" placeholderText=\"Search Member\"\r\n (searchStringChange)=\"handleSearchStringChange($event)\" (cleared)=\"clear()\" [searchIcon]=\"ICONS['dashboardSearch']\">\r\n </app-search-bar>\r\n\r\n <p class=\"interestedPeopleHeading mt-5\">Results</p>\r\n\r\n <ng-template #inviteBtn>\r\n <div class=\"flex\">\r\n <img [src]=\"ICONS['invitePink']\" alt=\"Invite label\" />\r\n <button class=\"pinkTextColor\">Invite</button>\r\n </div>\r\n </ng-template>\r\n\r\n <app-user-tile name=\"Send App and Itinerary Invite\" email=\"bestfriend@gmail.com\" [image]=\"ICONS['unknownUser']\"\r\n [sufixTemplate]=\"inviteBtn\"></app-user-tile>\r\n\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n <app-user-stack-tile label=\"16 People\"></app-user-stack-tile>\r\n</div>\r\n", styles: [".interestedPeopleHeading{font-family:Calistoga;font-style:normal;font-weight:400;font-size:14px;line-height:160%;color:#fff}\n"], dependencies: [{ kind: "component", type: UserStackTileComponent, selector: "app-user-stack-tile", inputs: ["class", "buttonText", "label", "images", "maxVisible", "size", "isSelectableVisible", "selectableOption"], outputs: ["onClick"] }, { kind: "component", type: UserTileComponent, selector: "app-user-tile", inputs: ["sufixTemplate", "name", "email", "image", "class"] }, { kind: "component", type: HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "component", type: SearchBarComponent, selector: "app-search-bar", inputs: ["searchIcon", "placeholderText"], outputs: ["searchStringChange", "cleared"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5971
6289
|
}
|
|
5972
6290
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SendInviteComponent, decorators: [{
|
|
5973
6291
|
type: Component,
|
|
5974
|
-
args: [{ selector: 'app-send-invite', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"pl-4 pr-4\">\r\n <app-header heading=\"Send Invite\" (firstButton)=\"backButton()\"></app-header>\r\n <
|
|
6292
|
+
args: [{ selector: 'app-send-invite', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"pl-4 pr-4\">\r\n <app-header heading=\"Send Invite\" (firstButton)=\"backButton()\"></app-header>\r\n <app-search-bar class=\"search-field\" placeholderText=\"Search Member\"\r\n (searchStringChange)=\"handleSearchStringChange($event)\" (cleared)=\"clear()\" [searchIcon]=\"ICONS['dashboardSearch']\">\r\n </app-search-bar>\r\n\r\n <p class=\"interestedPeopleHeading mt-5\">Results</p>\r\n\r\n <ng-template #inviteBtn>\r\n <div class=\"flex\">\r\n <img [src]=\"ICONS['invitePink']\" alt=\"Invite label\" />\r\n <button class=\"pinkTextColor\">Invite</button>\r\n </div>\r\n </ng-template>\r\n\r\n <app-user-tile name=\"Send App and Itinerary Invite\" email=\"bestfriend@gmail.com\" [image]=\"ICONS['unknownUser']\"\r\n [sufixTemplate]=\"inviteBtn\"></app-user-tile>\r\n\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n <app-user-stack-tile label=\"16 People\"></app-user-stack-tile>\r\n</div>\r\n", styles: [".interestedPeopleHeading{font-family:Calistoga;font-style:normal;font-weight:400;font-size:14px;line-height:160%;color:#fff}\n"] }]
|
|
5975
6293
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: i1.Router }] });
|
|
5976
6294
|
|
|
5977
6295
|
class UserList {
|
|
@@ -6027,11 +6345,11 @@ class UserList {
|
|
|
6027
6345
|
this.subscription.unsubscribe();
|
|
6028
6346
|
}
|
|
6029
6347
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserList, deps: [{ token: i1$2.Location }, { token: AssetsService }, { token: i0.ChangeDetectorRef }, { token: i1.ActivatedRoute }, { token: NavigationHelperService }], target: i0.ɵɵFactoryTarget.Component });
|
|
6030
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: UserList, selector: "app-user-list", inputs: { usersList: "usersList", class: "class" }, ngImport: i0, template: "<div class=\"relative min-h-screen\">\r\n <div class=\"z-auto\">\r\n <div class=\"pb-10\">\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder\r\n [avatar]=\"true\"\r\n [count]=\"5\"\r\n ></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-template #actions>\r\n <
|
|
6348
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: UserList, selector: "app-user-list", inputs: { usersList: "usersList", class: "class" }, ngImport: i0, template: "<div class=\"relative min-h-screen\">\r\n <div class=\"z-auto\">\r\n <div class=\"pb-10\">\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder\r\n [avatar]=\"true\"\r\n [count]=\"5\"\r\n ></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-template #actions>\r\n <app-icon-button\r\n (select)=\"handleMenueItemSelect()\"\r\n (buttonClick)=\"handleMenuClick()\"\r\n (change)=\"handleMenuItemChange()\"\r\n class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n [disableTextShadow]=\"true\"\r\n [buttonIcon]=\"ICONS['horizontalWhite']\"\r\n ></app-icon-button>\r\n </ng-template>\r\n\r\n <ng-container *ngIf=\"!loading\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-[14px]\">\r\n <ng-container *ngFor=\"let user of usersList\">\r\n <div [class]=\"'comment-card text-white rounded-xl ' + class\">\r\n <div class=\"flex items-center justify-between\">\r\n <div class=\"rounded-full overflow-hidden me-5\">\r\n <img [src]=\"user.memberPic\" alt=\"User\" loading=\"lazy\" class=\"w-8 h-8 object-cover\" />\r\n </div>\r\n <div class=\"me-2\">\r\n <h4 class=\"normal-text-lg\">{{ user.memberName }}</h4>\r\n </div>\r\n <div class=\"ml-auto ms-auto flex items-center\" (click) = \"viewProfile()\">\r\n <span class=\"pink-btn ml-auto me-[6px] normal-text-sm\">View Profile</span>\r\n <img [src]=\"ICONS['angleRight']\" alt=\"angle right\" width=\"8\" height=\"16\">\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".commonInterests{font-family:Calistoga;font-style:normal;font-weight:400;font-size:19.692px;line-height:160%;text-transform:capitalize;color:#fff}.pink-btn{color:#fe3c72;font-size:9.85px;letter-spacing:0%}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.InfoCardPlaceholderComponent, selector: "lib-info-card-placeholder", inputs: ["avatar", "count"] }, { kind: "component", type: IconButtonComponent, selector: "app-icon-button", inputs: ["buttonIcon", "disableTextShadow", "class", "libMenuItems", "buttonText"], outputs: ["buttonClick", "select", "change"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6031
6349
|
}
|
|
6032
6350
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserList, decorators: [{
|
|
6033
6351
|
type: Component,
|
|
6034
|
-
args: [{ selector: 'app-user-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"relative min-h-screen\">\r\n <div class=\"z-auto\">\r\n <div class=\"pb-10\">\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder\r\n [avatar]=\"true\"\r\n [count]=\"5\"\r\n ></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-template #actions>\r\n <
|
|
6352
|
+
args: [{ selector: 'app-user-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"relative min-h-screen\">\r\n <div class=\"z-auto\">\r\n <div class=\"pb-10\">\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder\r\n [avatar]=\"true\"\r\n [count]=\"5\"\r\n ></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-template #actions>\r\n <app-icon-button\r\n (select)=\"handleMenueItemSelect()\"\r\n (buttonClick)=\"handleMenuClick()\"\r\n (change)=\"handleMenuItemChange()\"\r\n class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n [disableTextShadow]=\"true\"\r\n [buttonIcon]=\"ICONS['horizontalWhite']\"\r\n ></app-icon-button>\r\n </ng-template>\r\n\r\n <ng-container *ngIf=\"!loading\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-[14px]\">\r\n <ng-container *ngFor=\"let user of usersList\">\r\n <div [class]=\"'comment-card text-white rounded-xl ' + class\">\r\n <div class=\"flex items-center justify-between\">\r\n <div class=\"rounded-full overflow-hidden me-5\">\r\n <img [src]=\"user.memberPic\" alt=\"User\" loading=\"lazy\" class=\"w-8 h-8 object-cover\" />\r\n </div>\r\n <div class=\"me-2\">\r\n <h4 class=\"normal-text-lg\">{{ user.memberName }}</h4>\r\n </div>\r\n <div class=\"ml-auto ms-auto flex items-center\" (click) = \"viewProfile()\">\r\n <span class=\"pink-btn ml-auto me-[6px] normal-text-sm\">View Profile</span>\r\n <img [src]=\"ICONS['angleRight']\" alt=\"angle right\" width=\"8\" height=\"16\">\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".commonInterests{font-family:Calistoga;font-style:normal;font-weight:400;font-size:19.692px;line-height:160%;text-transform:capitalize;color:#fff}.pink-btn{color:#fe3c72;font-size:9.85px;letter-spacing:0%}\n"] }]
|
|
6035
6353
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: AssetsService }, { type: i0.ChangeDetectorRef }, { type: i1.ActivatedRoute }, { type: NavigationHelperService }], propDecorators: { usersList: [{
|
|
6036
6354
|
type: Input
|
|
6037
6355
|
}], class: [{
|
|
@@ -6182,7 +6500,7 @@ class ReportMediaModalComponent {
|
|
|
6182
6500
|
onOk() { }
|
|
6183
6501
|
FormFieldType = FormFieldType;
|
|
6184
6502
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ReportMediaModalComponent, deps: [{ token: ConstantsService }, { token: ModalService }, { token: ApiService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
6185
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ReportMediaModalComponent, selector: "app-report-media-modal", inputs: { popupTitle: "popupTitle" }, ngImport: i0, template: "<div class=\"report-media max-padd-container\">\r\n <h1 class=\"p-1\">{{ popupTitle | translate }}</h1>\r\n <div>\r\n <lib-form-field [formFieldControl]=\"radio\" [submitted]=\"false\" [required]=\"true\" [maxLength]=\"10\"\r\n [type]=\"FormFieldType.radio\" [options]=\"options\" [radioDeselectable]=\"false\" class=\"mb-2 report-items\"\r\n ></lib-form-field>\r\n </div>\r\n\r\n <lib-text-box class=\"text-feild\" [class.show]=\"selectedItem == 9\" [class.hide]=\"selectedItem != 9\"\r\n label=\"Please brief your issue\"></lib-text-box>\r\n <div class=\"flex justify-center gap-10 mt-3\">\r\n <button class=\"custom-flat-button font-[Calistoga]\" (click)=\"closeModal()\">{{ \"COMMON.CANCEL\" | translate}}</button>\r\n <button class=\"custom-flat-button-highlighted-font font-[Calistoga]\" (click)=\"onOk()\">{{ \"REPORT\" | translate }}</button>\r\n </div>\r\n</div>\r\n", styles: [".report-items *{--radio-button-size: 10px;--size: .24px;--dot-size: .12px;--color: #d32f57;font-size:.1rem}:host ::ng-deep .mat-mdc-radio-button .mdc-form-field{--mat-checkbox-label-text-size: 10px !important}:host ::ng-deep .form-field__radio-states{--radio-button-size: 13.13px}:host ::ng-deep .mat-mdc-radio-group{gap:6px}:host ::ng-deep .input-label.with-value{--label-float-position-top:0}:host ::ng-deep .input-group-wrapper{--border-radius: 8.2px;padding:8px 12px;font-size:9.85px}:host ::ng-deep .input-group-wrapper label{--label-font-size-floated: 9.85px}.report-media{width:235.5px;border-radius:10px;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column}.report-media h1{font-family:Calistoga}.report-items label{font-size:9.85px}input{box-shadow:none}.text-feild{position:relative;width:100%;padding:5px 0;transition:opacity .5s ease,max-height .5s ease}.text-feild.show{opacity:1;max-height:200px}.text-feild.hide{opacity:0;max-height:0}\n"], dependencies: [{ kind: "component", type: i5.FormFieldComponent, selector: "lib-form-field", inputs: ["fieldName", "label", "placeholder", "message", "useTooltips", "descriptionText", "formFieldControl", "submitted", "required", "type", "plusIconUrl", "minusIconUrl", "maxLength", "max", "min", "pinValue", "dualKnobs", "reverseBarColor", "defaultValue", "noMargin", "options", "iconHtml", "invalidPatternMessage", "dateFormat", "currencySymbol", "hideCents", "isEditable", "rowEditConfirmationObsv", "errorInlineMode", "showLabelInRequiredErrorMessage", "decimalPosition", "hyperlinkTarget", "readOnly", "focus", "showRequiredIndicator", "maxDate", "minDate", "radioTranslateLabels", "radioDeselectable", "radioRippleEffect"], outputs: ["rowEdit", "focusOut", "valueChange"] }, { kind: "component", type: i5.TextBoxComponent, selector: "lib-text-box", inputs: ["label", "maxLength", "includeEmojiPicker", "emojiPickerConfig", "includeImageAttachment", "maxImageAttachmentLength"] }, { kind: "pipe", type:
|
|
6503
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ReportMediaModalComponent, selector: "app-report-media-modal", inputs: { popupTitle: "popupTitle" }, ngImport: i0, template: "<div class=\"report-media max-padd-container\">\r\n <h1 class=\"p-1\">{{ popupTitle | translate }}</h1>\r\n <div>\r\n <lib-form-field [formFieldControl]=\"radio\" [submitted]=\"false\" [required]=\"true\" [maxLength]=\"10\"\r\n [type]=\"FormFieldType.radio\" [options]=\"options\" [radioDeselectable]=\"false\" class=\"mb-2 report-items\"\r\n ></lib-form-field>\r\n </div>\r\n\r\n <lib-text-box class=\"text-feild\" [class.show]=\"selectedItem == 9\" [class.hide]=\"selectedItem != 9\"\r\n label=\"Please brief your issue\"></lib-text-box>\r\n <div class=\"flex justify-center gap-10 mt-3\">\r\n <button class=\"custom-flat-button font-[Calistoga]\" (click)=\"closeModal()\">{{ \"COMMON.CANCEL\" | translate}}</button>\r\n <button class=\"custom-flat-button-highlighted-font font-[Calistoga]\" (click)=\"onOk()\">{{ \"REPORT\" | translate }}</button>\r\n </div>\r\n</div>\r\n", styles: [".report-items *{--radio-button-size: 10px;--size: .24px;--dot-size: .12px;--color: #d32f57;font-size:.1rem}:host ::ng-deep .mat-mdc-radio-button .mdc-form-field{--mat-checkbox-label-text-size: 10px !important}:host ::ng-deep .form-field__radio-states{--radio-button-size: 13.13px}:host ::ng-deep .mat-mdc-radio-group{gap:6px}:host ::ng-deep .input-label.with-value{--label-float-position-top:0}:host ::ng-deep .input-group-wrapper{--border-radius: 8.2px;padding:8px 12px;font-size:9.85px}:host ::ng-deep .input-group-wrapper label{--label-font-size-floated: 9.85px}.report-media{width:235.5px;border-radius:10px;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column}.report-media h1{font-family:Calistoga}.report-items label{font-size:9.85px}input{box-shadow:none}.text-feild{position:relative;width:100%;padding:5px 0;transition:opacity .5s ease,max-height .5s ease}.text-feild.show{opacity:1;max-height:200px}.text-feild.hide{opacity:0;max-height:0}\n"], dependencies: [{ kind: "component", type: i5.FormFieldComponent, selector: "lib-form-field", inputs: ["fieldName", "label", "placeholder", "message", "useTooltips", "descriptionText", "formFieldControl", "submitted", "required", "type", "plusIconUrl", "minusIconUrl", "maxLength", "max", "min", "pinValue", "dualKnobs", "reverseBarColor", "defaultValue", "noMargin", "options", "iconHtml", "invalidPatternMessage", "dateFormat", "currencySymbol", "hideCents", "isEditable", "rowEditConfirmationObsv", "errorInlineMode", "showLabelInRequiredErrorMessage", "decimalPosition", "hyperlinkTarget", "readOnly", "focus", "showRequiredIndicator", "maxDate", "minDate", "radioTranslateLabels", "radioDeselectable", "radioRippleEffect"], outputs: ["rowEdit", "focusOut", "valueChange"] }, { kind: "component", type: i5.TextBoxComponent, selector: "lib-text-box", inputs: ["label", "maxLength", "includeEmojiPicker", "emojiPickerConfig", "includeImageAttachment", "maxImageAttachmentLength"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6186
6504
|
}
|
|
6187
6505
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ReportMediaModalComponent, decorators: [{
|
|
6188
6506
|
type: Component,
|
|
@@ -6616,11 +6934,11 @@ class CreateItineraryDrawModeComponent {
|
|
|
6616
6934
|
return closestPoint;
|
|
6617
6935
|
}
|
|
6618
6936
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryDrawModeComponent, deps: [{ token: i1$2.Location }, { token: i0.ChangeDetectorRef }, { token: i1.ActivatedRoute }, { token: ItineraryService }, { token: LocationService }, { token: ItineraryDrawModeTransferService }, { token: NavigationHelperService }], target: i0.ɵɵFactoryTarget.Component });
|
|
6619
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateItineraryDrawModeComponent, selector: "lib-create-itinerary-draw-mode", viewQueries: [{ propertyName: "libMap", first: true, predicate: ["libMap"], descendants: true }], ngImport: i0, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"50\"\r\n heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<lib-map #libMap class=\"maps-100vh\"></lib-map>\r\n<
|
|
6937
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateItineraryDrawModeComponent, selector: "lib-create-itinerary-draw-mode", viewQueries: [{ propertyName: "libMap", first: true, predicate: ["libMap"], descendants: true }], ngImport: i0, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"50\"\r\n heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<lib-map #libMap class=\"maps-100vh\"></lib-map>\r\n<app-bottom-modal\r\n [showArrow]=\"true\"\r\n [(isOpen)]=\"isOpen\"\r\n [adaptToContentHeight]=\"true\"\r\n>\r\n <div class=\"\">\r\n <ng-container *ngIf=\"!mapDrawn\">\r\n <div class=\"flex items-center justify-between pl-4 pr-4\">\r\n <h3 class=\"font-Calistoga text-lg\">{{ \"ITINERARY.DRAW\" | translate }}</h3>\r\n <div class=\"selectables flex items-center\">\r\n <div\r\n (click)=\"updateAction(a)\"\r\n class=\"flex items-center justify-center actions\"\r\n *ngFor=\"let a of actions\"\r\n [ngClass]=\"{ selected: a === selected }\"\r\n >\r\n <img [src]=\"a\" alt=\"icon\" loading=\"lazy\" />\r\n </div>\r\n </div>\r\n </div>\r\n <p class=\"mt-3 px-4 mb-4\">{{ \"ITINERARY.DRAW_DESCRIPTION\" | translate }}</p>\r\n </ng-container>\r\n <ng-container *ngIf=\"mapDrawn\">\r\n <div class=\"ml-auto flex items-center justify-center gap-x-2\">\r\n <div class=\"flex items-center gap-x-1 text-xs\">\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['locationWhite']\"\r\n alt=\"location\"\r\n />\r\n <span> {{ \"ITINERARY.SELECT_MIN_PLACES\" | translate }}</span>\r\n </div>\r\n <div class=\"h-4 border w-0 border-secondary\"></div>\r\n <div class=\"flex items-center justify-center gap-x-2 text-xs\">\r\n <img loading=\"lazy\" [src]=\"ICONS['clock']\" alt=\"\" />\r\n <span> 0 minutes</span>\r\n <span class=\"text-secondary font-thin\">(0.0 km)</span>\r\n </div>\r\n </div>\r\n <div class=\"select-places-description mt-5 text-center mb-4\">\r\n {{ \"ITINERARY.SELECT_PLACES_INSTRUCTION\" | translate }}\r\n </div>\r\n </ng-container>\r\n\r\n <lib-footer-shared\r\n (continueButtonClick)=\"continue()\"\r\n (secondaryButtonClick)=\"clearMap()\"\r\n [canContinue]=\"true\"\r\n [continueButtonText]=\"'COMMON.CONTINUE' | translate\"\r\n [secondaryButtonText]=\"'COMMON.CLEAR' | translate\"\r\n ></lib-footer-shared>\r\n </div>\r\n</app-bottom-modal>\r\n<div\r\n (click)=\"showBottomModal()\"\r\n class=\"absolute bottom-0 cursor-pointer z-10\"\r\n style=\"left: 50%\"\r\n>\r\n <img\r\n style=\"transform: rotate(270deg)\"\r\n [src]=\"ICONS['rightArrow']\"\r\n alt=\"icon\"\r\n height=\"15\"\r\n width=\"15\"\r\n />\r\n</div>\r\n", styles: [":host{--app-popup-modal-radius: 16px;--border-radius: var(--app-popup-modal-radius);--app-popup-modal-background: #28252d !important;--background: #28252d !important;--overflow: hidden !important;--app-popup-modal-color: #a8a8a8;--color: var(--app-popup-modal-color, #a8a8a8);--max-width: var(--app-bottom-modal-max-width, 500px);--app-popup-modal-shadow: 5px 5px 95px 0px rgba(255, 255, 255, .32), -3px -3px 16px 0px rgba(255, 255, 255, .1) !important;--box-shadow: var( --app-popup-modal-shadow, 5px 5px 95px 0px rgba(255, 255, 255, .32), -3px -3px 16px 0px rgba(255, 255, 255, .1) )}.selectables{background:#28252d;box-shadow:4.1px 4.1px 8.2px #00000052 inset;box-shadow:-2.46px -2.46px 3.28px #ffffff1a inset;border-radius:27.9px}.actions{width:42px;height:28px;border-radius:82.05px}.selected{background:linear-gradient(94.44deg,#fe3c72 1.26%,#e15561);box-shadow:3.28px 3.28px 6.56px #00000040;box-shadow:-1.64px -1.64px 8.2px #ffffff40}.select-places-text,.select-places-description{font-size:var(--font-size-small)}.button-container{background-color:#27242c;box-shadow:inset 0 6px 6px -6px #8a8a8aab}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: BottomModalComponent, selector: "app-bottom-modal", inputs: ["isOpen", "submitButtonTitle", "showArrow", "adaptToContentHeight", "customClass"], outputs: ["isOpenChange", "submitModal"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "component", type: i5.FooterSharedComponent, selector: "lib-footer-shared", inputs: ["loading$", "canContinue", "continueButtonText", "secondaryButtonText", "showBackButton", "continueButtonParameter$"], outputs: ["secondaryButtonClick", "continueButtonClick"] }, { kind: "component", type: i5.LibMapsComponent, selector: "lib-map", inputs: ["disableNotification", "markers", "initialLocation", "mapType", "enableDrag", "locations", "searchMapsString", "mapOptions", "directions$", "directionRenderOptions"], outputs: ["mapActionEvent"] }, { kind: "component", type: CreateItineraryHeaderComponent, selector: "app-create-itinerary-header", inputs: ["heading", "progressBarValue", "discardItineraryId", "class"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
|
|
6620
6938
|
}
|
|
6621
6939
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryDrawModeComponent, decorators: [{
|
|
6622
6940
|
type: Component,
|
|
6623
|
-
args: [{ selector: 'lib-create-itinerary-draw-mode', standalone: false, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"50\"\r\n heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<lib-map #libMap class=\"maps-100vh\"></lib-map>\r\n<
|
|
6941
|
+
args: [{ selector: 'lib-create-itinerary-draw-mode', standalone: false, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"50\"\r\n heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<lib-map #libMap class=\"maps-100vh\"></lib-map>\r\n<app-bottom-modal\r\n [showArrow]=\"true\"\r\n [(isOpen)]=\"isOpen\"\r\n [adaptToContentHeight]=\"true\"\r\n>\r\n <div class=\"\">\r\n <ng-container *ngIf=\"!mapDrawn\">\r\n <div class=\"flex items-center justify-between pl-4 pr-4\">\r\n <h3 class=\"font-Calistoga text-lg\">{{ \"ITINERARY.DRAW\" | translate }}</h3>\r\n <div class=\"selectables flex items-center\">\r\n <div\r\n (click)=\"updateAction(a)\"\r\n class=\"flex items-center justify-center actions\"\r\n *ngFor=\"let a of actions\"\r\n [ngClass]=\"{ selected: a === selected }\"\r\n >\r\n <img [src]=\"a\" alt=\"icon\" loading=\"lazy\" />\r\n </div>\r\n </div>\r\n </div>\r\n <p class=\"mt-3 px-4 mb-4\">{{ \"ITINERARY.DRAW_DESCRIPTION\" | translate }}</p>\r\n </ng-container>\r\n <ng-container *ngIf=\"mapDrawn\">\r\n <div class=\"ml-auto flex items-center justify-center gap-x-2\">\r\n <div class=\"flex items-center gap-x-1 text-xs\">\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['locationWhite']\"\r\n alt=\"location\"\r\n />\r\n <span> {{ \"ITINERARY.SELECT_MIN_PLACES\" | translate }}</span>\r\n </div>\r\n <div class=\"h-4 border w-0 border-secondary\"></div>\r\n <div class=\"flex items-center justify-center gap-x-2 text-xs\">\r\n <img loading=\"lazy\" [src]=\"ICONS['clock']\" alt=\"\" />\r\n <span> 0 minutes</span>\r\n <span class=\"text-secondary font-thin\">(0.0 km)</span>\r\n </div>\r\n </div>\r\n <div class=\"select-places-description mt-5 text-center mb-4\">\r\n {{ \"ITINERARY.SELECT_PLACES_INSTRUCTION\" | translate }}\r\n </div>\r\n </ng-container>\r\n\r\n <lib-footer-shared\r\n (continueButtonClick)=\"continue()\"\r\n (secondaryButtonClick)=\"clearMap()\"\r\n [canContinue]=\"true\"\r\n [continueButtonText]=\"'COMMON.CONTINUE' | translate\"\r\n [secondaryButtonText]=\"'COMMON.CLEAR' | translate\"\r\n ></lib-footer-shared>\r\n </div>\r\n</app-bottom-modal>\r\n<div\r\n (click)=\"showBottomModal()\"\r\n class=\"absolute bottom-0 cursor-pointer z-10\"\r\n style=\"left: 50%\"\r\n>\r\n <img\r\n style=\"transform: rotate(270deg)\"\r\n [src]=\"ICONS['rightArrow']\"\r\n alt=\"icon\"\r\n height=\"15\"\r\n width=\"15\"\r\n />\r\n</div>\r\n", styles: [":host{--app-popup-modal-radius: 16px;--border-radius: var(--app-popup-modal-radius);--app-popup-modal-background: #28252d !important;--background: #28252d !important;--overflow: hidden !important;--app-popup-modal-color: #a8a8a8;--color: var(--app-popup-modal-color, #a8a8a8);--max-width: var(--app-bottom-modal-max-width, 500px);--app-popup-modal-shadow: 5px 5px 95px 0px rgba(255, 255, 255, .32), -3px -3px 16px 0px rgba(255, 255, 255, .1) !important;--box-shadow: var( --app-popup-modal-shadow, 5px 5px 95px 0px rgba(255, 255, 255, .32), -3px -3px 16px 0px rgba(255, 255, 255, .1) )}.selectables{background:#28252d;box-shadow:4.1px 4.1px 8.2px #00000052 inset;box-shadow:-2.46px -2.46px 3.28px #ffffff1a inset;border-radius:27.9px}.actions{width:42px;height:28px;border-radius:82.05px}.selected{background:linear-gradient(94.44deg,#fe3c72 1.26%,#e15561);box-shadow:3.28px 3.28px 6.56px #00000040;box-shadow:-1.64px -1.64px 8.2px #ffffff40}.select-places-text,.select-places-description{font-size:var(--font-size-small)}.button-container{background-color:#27242c;box-shadow:inset 0 6px 6px -6px #8a8a8aab}\n"] }]
|
|
6624
6942
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: i0.ChangeDetectorRef }, { type: i1.ActivatedRoute }, { type: ItineraryService }, { type: LocationService }, { type: ItineraryDrawModeTransferService }, { type: NavigationHelperService }], propDecorators: { libMap: [{
|
|
6625
6943
|
type: ViewChild,
|
|
6626
6944
|
args: ['libMap']
|
|
@@ -6848,11 +7166,11 @@ class CreateItineraryDrawPreviewComponent {
|
|
|
6848
7166
|
});
|
|
6849
7167
|
}
|
|
6850
7168
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryDrawPreviewComponent, deps: [{ token: i1$2.Location }, { token: i0.ChangeDetectorRef }, { token: i1.Router }, { token: i1.ActivatedRoute }, { token: ItineraryService }, { token: ItineraryDrawModeTransferService }], target: i0.ɵɵFactoryTarget.Component });
|
|
6851
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateItineraryDrawPreviewComponent, selector: "lib-create-itinerary-draw-preview", viewQueries: [{ propertyName: "libMap", first: true, predicate: ["libMap"], descendants: true }], ngImport: i0, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"100\"\r\n heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<lib-map #libMap class=\"maps-100vh\"></lib-map>\r\n<
|
|
7169
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateItineraryDrawPreviewComponent, selector: "lib-create-itinerary-draw-preview", viewQueries: [{ propertyName: "libMap", first: true, predicate: ["libMap"], descendants: true }], ngImport: i0, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"100\"\r\n heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<lib-map #libMap class=\"maps-100vh\"></lib-map>\r\n<app-bottom-modal\r\n [showArrow]=\"true\"\r\n [(isOpen)]=\"isOpen\"\r\n [adaptToContentHeight]=\"true\"\r\n>\r\n <div class=\"pl-4 pr-4\">\r\n <div class=\"ml-auto flex items-center justify-center gap-x-2\">\r\n <div class=\"flex items-center gap-x-1 text-xs\">\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['locationWhite']\"\r\n alt=\"location\"\r\n />\r\n <span>{{transferService.selectedPlaces?.length}} {{ \"ITINERARY_SUMMARY.PLACES\" | translate }}</span>\r\n </div>\r\n <div class=\"h-4 border w-0 border-secondary\"></div>\r\n <div class=\"flex items-center justify-center gap-x-2 text-xs\">\r\n <img loading=\"lazy\" [src]=\"ICONS['clock']\" alt=\"\" />\r\n <span>45 {{ \"DATE_TIME.MINUTES\" | translate }}</span>\r\n <span class=\"text-secondary font-thin\">(6.6 Km)</span>\r\n </div>\r\n </div>\r\n <div\r\n class=\"border border-dashed opacity-55 rotate-90 absolute -left-6 top-36\"\r\n ></div>\r\n <div class=\"font-Gilroy mt-5 mb-3 flex flex-col gap-y-5\">\r\n <div\r\n class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n >\r\n <div class=\"flex items-center justify-start gap-x-6\">\r\n <div\r\n class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n >\r\n <img\r\n loading=\"lazy\"\r\n height=\"22\"\r\n width=\"18\"\r\n [src]=\"ICONS['startLocation']\"\r\n alt=\"\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n loading=\"lazy\"\r\n class=\"dotted-line\"\r\n src=\"assets/images/dotted-line.svg\"\r\n />\r\n </div>\r\n <div class=\"text\">\r\n <h2\r\n class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\"\r\n >\r\n Shan-ul-haq haqee road\r\n </h2>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">\r\n Starting location\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n loading=\"lazy\"\r\n [src]=\"ICONS['editPink']\"\r\n alt=\"\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <div\r\n class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n >\r\n <div class=\"flex items-center justify-start gap-x-6\">\r\n <div\r\n class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n >\r\n <img\r\n loading=\"lazy\"\r\n height=\"22\"\r\n width=\"18\"\r\n [src]=\"ICONS['restu']\"\r\n alt=\"\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n loading=\"lazy\"\r\n class=\"dotted-line\"\r\n src=\"assets/images/dotted-line.svg\"\r\n />\r\n </div>\r\n <div class=\"text\">\r\n <h2\r\n class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\"\r\n >\r\n Kabul tikka\r\n </h2>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">\r\n Afghan cuisine\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['hamburger']\"\r\n alt=\"\"\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['deletePink']\"\r\n alt=\"\"\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <div\r\n class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n >\r\n <div class=\"flex items-center justify-start gap-x-6\">\r\n <div\r\n class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n >\r\n <img\r\n loading=\"lazy\"\r\n height=\"22\"\r\n width=\"18\"\r\n [src]=\"ICONS['restu']\"\r\n alt=\"\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n loading=\"lazy\"\r\n class=\"dotted-line\"\r\n src=\"assets/images/dotted-line.svg\"\r\n />\r\n </div>\r\n <div class=\"text\">\r\n <h2\r\n class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\"\r\n >\r\n Quetta TNT\r\n </h2>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">Tea Coffee</p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['hamburger']\"\r\n alt=\"\"\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['deletePink']\"\r\n alt=\"\"\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <lib-footer-shared\r\n (continueButtonClick)=\"continue()\"\r\n [canContinue]=\"true\"\r\n [continueButtonText]=\"'ITINERARY.PREVIEW' | translate\"\r\n ></lib-footer-shared>\r\n</app-bottom-modal>\r\n<div\r\n (click)=\"showBottomModal()\"\r\n class=\"absolute bottom-0 cursor-pointer z-10\"\r\n style=\"left: 50%\"\r\n>\r\n <img\r\n style=\"transform: rotate(270deg)\"\r\n [src]=\"ICONS['rightArrow']\"\r\n alt=\"icon\"\r\n height=\"15\"\r\n width=\"15\"\r\n />\r\n</div>\r\n", styles: [":host{--app-popup-modal-radius: 16px;--border-radius: var(--app-popup-modal-radius);--app-popup-modal-background: #28252d !important;--background: #28252d !important;--overflow: hidden !important;--app-popup-modal-color: #a8a8a8;--color: var(--app-popup-modal-color, #a8a8a8);--max-width: var(--app-bottom-modal-max-width, 500px);--app-popup-modal-shadow: 5px 5px 95px 0px rgba(255, 255, 255, .32), -3px -3px 16px 0px rgba(255, 255, 255, .1) !important;--box-shadow: var( --app-popup-modal-shadow, 5px 5px 95px 0px rgba(255, 255, 255, .32), -3px -3px 16px 0px rgba(255, 255, 255, .1) )}.selectables{background:#28252d;box-shadow:4.1px 4.1px 8.2px #00000052 inset;box-shadow:-2.46px -2.46px 3.28px #ffffff1a inset;border-radius:27.9px}.actions{width:42px;height:28px;border-radius:82.05px}.selected{background:linear-gradient(94.44deg,#fe3c72 1.26%,#e15561);box-shadow:3.28px 3.28px 6.56px #00000040;box-shadow:-1.64px -1.64px 8.2px #ffffff40}.select-places-text,.select-places-description{font-size:var(--font-size-small)}.button-container{background-color:#27242c;box-shadow:inset 0 6px 6px -6px #8a8a8aab}\n"], dependencies: [{ kind: "component", type: BottomModalComponent, selector: "app-bottom-modal", inputs: ["isOpen", "submitButtonTitle", "showArrow", "adaptToContentHeight", "customClass"], outputs: ["isOpenChange", "submitModal"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "component", type: i5.FooterSharedComponent, selector: "lib-footer-shared", inputs: ["loading$", "canContinue", "continueButtonText", "secondaryButtonText", "showBackButton", "continueButtonParameter$"], outputs: ["secondaryButtonClick", "continueButtonClick"] }, { kind: "component", type: i5.LibMapsComponent, selector: "lib-map", inputs: ["disableNotification", "markers", "initialLocation", "mapType", "enableDrag", "locations", "searchMapsString", "mapOptions", "directions$", "directionRenderOptions"], outputs: ["mapActionEvent"] }, { kind: "component", type: CreateItineraryHeaderComponent, selector: "app-create-itinerary-header", inputs: ["heading", "progressBarValue", "discardItineraryId", "class"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6852
7170
|
}
|
|
6853
7171
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryDrawPreviewComponent, decorators: [{
|
|
6854
7172
|
type: Component,
|
|
6855
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'lib-create-itinerary-draw-preview', standalone: false, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"100\"\r\n heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<lib-map #libMap class=\"maps-100vh\"></lib-map>\r\n<
|
|
7173
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'lib-create-itinerary-draw-preview', standalone: false, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"100\"\r\n heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<lib-map #libMap class=\"maps-100vh\"></lib-map>\r\n<app-bottom-modal\r\n [showArrow]=\"true\"\r\n [(isOpen)]=\"isOpen\"\r\n [adaptToContentHeight]=\"true\"\r\n>\r\n <div class=\"pl-4 pr-4\">\r\n <div class=\"ml-auto flex items-center justify-center gap-x-2\">\r\n <div class=\"flex items-center gap-x-1 text-xs\">\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['locationWhite']\"\r\n alt=\"location\"\r\n />\r\n <span>{{transferService.selectedPlaces?.length}} {{ \"ITINERARY_SUMMARY.PLACES\" | translate }}</span>\r\n </div>\r\n <div class=\"h-4 border w-0 border-secondary\"></div>\r\n <div class=\"flex items-center justify-center gap-x-2 text-xs\">\r\n <img loading=\"lazy\" [src]=\"ICONS['clock']\" alt=\"\" />\r\n <span>45 {{ \"DATE_TIME.MINUTES\" | translate }}</span>\r\n <span class=\"text-secondary font-thin\">(6.6 Km)</span>\r\n </div>\r\n </div>\r\n <div\r\n class=\"border border-dashed opacity-55 rotate-90 absolute -left-6 top-36\"\r\n ></div>\r\n <div class=\"font-Gilroy mt-5 mb-3 flex flex-col gap-y-5\">\r\n <div\r\n class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n >\r\n <div class=\"flex items-center justify-start gap-x-6\">\r\n <div\r\n class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n >\r\n <img\r\n loading=\"lazy\"\r\n height=\"22\"\r\n width=\"18\"\r\n [src]=\"ICONS['startLocation']\"\r\n alt=\"\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n loading=\"lazy\"\r\n class=\"dotted-line\"\r\n src=\"assets/images/dotted-line.svg\"\r\n />\r\n </div>\r\n <div class=\"text\">\r\n <h2\r\n class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\"\r\n >\r\n Shan-ul-haq haqee road\r\n </h2>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">\r\n Starting location\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n loading=\"lazy\"\r\n [src]=\"ICONS['editPink']\"\r\n alt=\"\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <div\r\n class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n >\r\n <div class=\"flex items-center justify-start gap-x-6\">\r\n <div\r\n class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n >\r\n <img\r\n loading=\"lazy\"\r\n height=\"22\"\r\n width=\"18\"\r\n [src]=\"ICONS['restu']\"\r\n alt=\"\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n loading=\"lazy\"\r\n class=\"dotted-line\"\r\n src=\"assets/images/dotted-line.svg\"\r\n />\r\n </div>\r\n <div class=\"text\">\r\n <h2\r\n class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\"\r\n >\r\n Kabul tikka\r\n </h2>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">\r\n Afghan cuisine\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['hamburger']\"\r\n alt=\"\"\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['deletePink']\"\r\n alt=\"\"\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <div\r\n class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n >\r\n <div class=\"flex items-center justify-start gap-x-6\">\r\n <div\r\n class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n >\r\n <img\r\n loading=\"lazy\"\r\n height=\"22\"\r\n width=\"18\"\r\n [src]=\"ICONS['restu']\"\r\n alt=\"\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n loading=\"lazy\"\r\n class=\"dotted-line\"\r\n src=\"assets/images/dotted-line.svg\"\r\n />\r\n </div>\r\n <div class=\"text\">\r\n <h2\r\n class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\"\r\n >\r\n Quetta TNT\r\n </h2>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">Tea Coffee</p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['hamburger']\"\r\n alt=\"\"\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['deletePink']\"\r\n alt=\"\"\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <lib-footer-shared\r\n (continueButtonClick)=\"continue()\"\r\n [canContinue]=\"true\"\r\n [continueButtonText]=\"'ITINERARY.PREVIEW' | translate\"\r\n ></lib-footer-shared>\r\n</app-bottom-modal>\r\n<div\r\n (click)=\"showBottomModal()\"\r\n class=\"absolute bottom-0 cursor-pointer z-10\"\r\n style=\"left: 50%\"\r\n>\r\n <img\r\n style=\"transform: rotate(270deg)\"\r\n [src]=\"ICONS['rightArrow']\"\r\n alt=\"icon\"\r\n height=\"15\"\r\n width=\"15\"\r\n />\r\n</div>\r\n", styles: [":host{--app-popup-modal-radius: 16px;--border-radius: var(--app-popup-modal-radius);--app-popup-modal-background: #28252d !important;--background: #28252d !important;--overflow: hidden !important;--app-popup-modal-color: #a8a8a8;--color: var(--app-popup-modal-color, #a8a8a8);--max-width: var(--app-bottom-modal-max-width, 500px);--app-popup-modal-shadow: 5px 5px 95px 0px rgba(255, 255, 255, .32), -3px -3px 16px 0px rgba(255, 255, 255, .1) !important;--box-shadow: var( --app-popup-modal-shadow, 5px 5px 95px 0px rgba(255, 255, 255, .32), -3px -3px 16px 0px rgba(255, 255, 255, .1) )}.selectables{background:#28252d;box-shadow:4.1px 4.1px 8.2px #00000052 inset;box-shadow:-2.46px -2.46px 3.28px #ffffff1a inset;border-radius:27.9px}.actions{width:42px;height:28px;border-radius:82.05px}.selected{background:linear-gradient(94.44deg,#fe3c72 1.26%,#e15561);box-shadow:3.28px 3.28px 6.56px #00000040;box-shadow:-1.64px -1.64px 8.2px #ffffff40}.select-places-text,.select-places-description{font-size:var(--font-size-small)}.button-container{background-color:#27242c;box-shadow:inset 0 6px 6px -6px #8a8a8aab}\n"] }]
|
|
6856
7174
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: i0.ChangeDetectorRef }, { type: i1.Router }, { type: i1.ActivatedRoute }, { type: ItineraryService }, { type: ItineraryDrawModeTransferService }], propDecorators: { libMap: [{
|
|
6857
7175
|
type: ViewChild,
|
|
6858
7176
|
args: ['libMap']
|
|
@@ -6920,7 +7238,7 @@ class NoVisualMapFiltersComponent {
|
|
|
6920
7238
|
console.log(field, condition);
|
|
6921
7239
|
}
|
|
6922
7240
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NoVisualMapFiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6923
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NoVisualMapFiltersComponent, selector: "lib-no-visual-map-filters", outputs: { presetsChanged: "presetsChanged", backButtonClicked: "backButtonClicked" }, ngImport: i0, template: "<div>\r\n <!-- Header -->\r\n <div class=\"header-main-bar px-5 pt-5 pb-5 mr-3 flex items-center justify-between\">\r\n <lib-icon-btn class=\"checkmark-icon-button\" (click)=\"firstButtonClick()\">\r\n <img [ngSrc]=\"ICONS['back']\" height=\"12\" width=\"13\" />\r\n </lib-icon-btn>\r\n <div class=\"flex\">\r\n <h4 class=\"mr-1 filter-title font-[Calistoga]\">\r\n {{ \"ITINERARY.MAP_FILTER\" | translate }}\r\n </h4>\r\n </div>\r\n <div></div>\r\n </div>\r\n\r\n <!-- Body -->\r\n <div class=\"px-5 pt-5 pb-5 mr-3\">\r\n <div class=\"filters-description text-center\">\r\n Create and apply custom advanced filters to the map or select popular preset filters.\r\n </div>\r\n\r\n <!-- Preset Filter Buttons -->\r\n <div class=\"preset-filters w-full pt-4 mt-4\">\r\n <button\r\n class=\"filter-button font-[Gilroy] ml-2\"\r\n *ngFor=\"let preset of presetFilters\"\r\n (click)=\"applyPreset(preset)\"\r\n [class.selectedbutton]=\"selectedPresets?.includes(preset.name)\"\r\n >\r\n {{ preset.name }}\r\n </button>\r\n </div>\r\n\r\n <h4 class=\"font-[Gilroy] font-semibold mt-8 mb-2\">Filters</h4>\r\n\r\n <!-- Custom Filter Selectors -->\r\n <div class=\"flex justify-left gap-10\">\r\n <!-- Field Dropdown -->\r\n <div class=\"relative w-64\">\r\n <select\r\n class=\"custom-select block w-full px-4 py-2 pr-10 text-lg border border-transparent rounded-full appearance-none transition-all duration-200 font-[Gilroy]\"\r\n [(ngModel)]=\"selectedField\"\r\n (change)=\"onFieldChange()\"\r\n >\r\n <option value=\"\" disabled selected>Field</option>\r\n <option *ngFor=\"let field of filterFields\" [value]=\"field\">{{ field }}</option>\r\n </select>\r\n <div class=\"pointer-events-none absolute inset-y-0 right-0 flex items-center pr-4\">\r\n <svg class=\"h-5 w-5 text-red-500\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"#FE3C72\">\r\n <path\r\n fill-rule=\"evenodd\"\r\n d=\"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z\"\r\n clip-rule=\"evenodd\"\r\n />\r\n </svg>\r\n </div>\r\n </div>\r\n\r\n <!-- Condition Dropdown -->\r\n <div class=\"relative w-64\">\r\n <select\r\n class=\"custom-select block w-full px-4 py-2 pr-10 text-lg border border-transparent rounded-full appearance-none transition-all duration-200 font-[Gilroy]\"\r\n [(ngModel)]=\"selectedCondition\"\r\n >\r\n <option value=\"\" disabled selected>Condition</option>\r\n <option *ngFor=\"let cond of filterConditions[selectedField]\" [value]=\"cond\">{{ cond }}</option>\r\n </select>\r\n <div class=\"pointer-events-none absolute inset-y-0 right-0 flex items-center pr-4\">\r\n <svg class=\"h-5 w-5 text-red-500\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"#FE3C72\">\r\n <path\r\n fill-rule=\"evenodd\"\r\n d=\"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z\"\r\n clip-rule=\"evenodd\"\r\n />\r\n </svg>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"flex flex-col gap-3 mt-3\" *ngIf=\"conditionsArray?.length\">\r\n <div class=\"filter-container flex justify-between\" *ngFor=\"let condition of conditionsArray; let i = index; \">\r\n <button\r\n class=\"filter-button font-[Gilroy] ml-2 selectedbutton\"\r\n >\r\n {{ condition.name ? condition.name + '|' : '' }} {{ condition.field }} and {{ condition.condition }}\r\n </button>\r\n\r\n <img (click)=\"removeCondition(i)\" [ngSrc]=\"ICONS['deletePink']\" height=\"15\" width=\"16\" />\r\n </div>\r\n </div>\r\n\r\n <!-- Add Filter Button -->\r\n <div class=\"flex gap-2 mt-4\">\r\n <img src=\"assets/icons/plus.svg\" />\r\n <span (click)=\"applyCustomFilter()\">Add Filter</span>\r\n </div>\r\n </div>\r\n</div>\r\n<div class=\"filter-footer\">\r\n <lib-footer-shared\r\n (continueButtonClick)=\"applyFilter()\"\r\n [canContinue]=\"true\"\r\n continueButtonText=\"Apply\"\r\n ></lib-footer-shared>\r\n</div>", styles: [".filter-title{font-size:16px}.filters-description{font-size:var(--font-size-medium)}.filter-button{box-shadow:4.1px 4.1px 8.2px #00000052 inset;box-shadow:-2.46px -2.46px 3.28px #ffffff1a inset;padding:6.56px 13.13px;border-radius:27px}.custom-select{box-shadow:4.1px 4.1px 8.2px #00000052 inset;box-shadow:-2.46px -2.46px 3.28px #ffffff1a inset;background:transparent}.selectedbutton{background:linear-gradient(94.44deg,#fe3c72 1.26%,#e15561)}.filter-footer{position:fixed;bottom:0;width:100%}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i5.IconBtnComponent, selector: "lib-icon-btn", inputs: ["hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "notificationCount", "loading$", "illuminateIcon"] }, { kind: "directive", type: i1$2.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.FooterSharedComponent, selector: "lib-footer-shared", inputs: ["loading$", "canContinue", "continueButtonText", "secondaryButtonText", "showBackButton", "continueButtonParameter$"], outputs: ["secondaryButtonClick", "continueButtonClick"] }, { kind: "pipe", type:
|
|
7241
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NoVisualMapFiltersComponent, selector: "lib-no-visual-map-filters", outputs: { presetsChanged: "presetsChanged", backButtonClicked: "backButtonClicked" }, ngImport: i0, template: "<div>\r\n <!-- Header -->\r\n <div class=\"header-main-bar px-5 pt-5 pb-5 mr-3 flex items-center justify-between\">\r\n <lib-icon-btn class=\"checkmark-icon-button\" (click)=\"firstButtonClick()\">\r\n <img [ngSrc]=\"ICONS['back']\" height=\"12\" width=\"13\" />\r\n </lib-icon-btn>\r\n <div class=\"flex\">\r\n <h4 class=\"mr-1 filter-title font-[Calistoga]\">\r\n {{ \"ITINERARY.MAP_FILTER\" | translate }}\r\n </h4>\r\n </div>\r\n <div></div>\r\n </div>\r\n\r\n <!-- Body -->\r\n <div class=\"px-5 pt-5 pb-5 mr-3\">\r\n <div class=\"filters-description text-center\">\r\n Create and apply custom advanced filters to the map or select popular preset filters.\r\n </div>\r\n\r\n <!-- Preset Filter Buttons -->\r\n <div class=\"preset-filters w-full pt-4 mt-4\">\r\n <button\r\n class=\"filter-button font-[Gilroy] ml-2\"\r\n *ngFor=\"let preset of presetFilters\"\r\n (click)=\"applyPreset(preset)\"\r\n [class.selectedbutton]=\"selectedPresets?.includes(preset.name)\"\r\n >\r\n {{ preset.name }}\r\n </button>\r\n </div>\r\n\r\n <h4 class=\"font-[Gilroy] font-semibold mt-8 mb-2\">Filters</h4>\r\n\r\n <!-- Custom Filter Selectors -->\r\n <div class=\"flex justify-left gap-10\">\r\n <!-- Field Dropdown -->\r\n <div class=\"relative w-64\">\r\n <select\r\n class=\"custom-select block w-full px-4 py-2 pr-10 text-lg border border-transparent rounded-full appearance-none transition-all duration-200 font-[Gilroy]\"\r\n [(ngModel)]=\"selectedField\"\r\n (change)=\"onFieldChange()\"\r\n >\r\n <option value=\"\" disabled selected>Field</option>\r\n <option *ngFor=\"let field of filterFields\" [value]=\"field\">{{ field }}</option>\r\n </select>\r\n <div class=\"pointer-events-none absolute inset-y-0 right-0 flex items-center pr-4\">\r\n <svg class=\"h-5 w-5 text-red-500\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"#FE3C72\">\r\n <path\r\n fill-rule=\"evenodd\"\r\n d=\"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z\"\r\n clip-rule=\"evenodd\"\r\n />\r\n </svg>\r\n </div>\r\n </div>\r\n\r\n <!-- Condition Dropdown -->\r\n <div class=\"relative w-64\">\r\n <select\r\n class=\"custom-select block w-full px-4 py-2 pr-10 text-lg border border-transparent rounded-full appearance-none transition-all duration-200 font-[Gilroy]\"\r\n [(ngModel)]=\"selectedCondition\"\r\n >\r\n <option value=\"\" disabled selected>Condition</option>\r\n <option *ngFor=\"let cond of filterConditions[selectedField]\" [value]=\"cond\">{{ cond }}</option>\r\n </select>\r\n <div class=\"pointer-events-none absolute inset-y-0 right-0 flex items-center pr-4\">\r\n <svg class=\"h-5 w-5 text-red-500\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"#FE3C72\">\r\n <path\r\n fill-rule=\"evenodd\"\r\n d=\"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z\"\r\n clip-rule=\"evenodd\"\r\n />\r\n </svg>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"flex flex-col gap-3 mt-3\" *ngIf=\"conditionsArray?.length\">\r\n <div class=\"filter-container flex justify-between\" *ngFor=\"let condition of conditionsArray; let i = index; \">\r\n <button\r\n class=\"filter-button font-[Gilroy] ml-2 selectedbutton\"\r\n >\r\n {{ condition.name ? condition.name + '|' : '' }} {{ condition.field }} and {{ condition.condition }}\r\n </button>\r\n\r\n <img (click)=\"removeCondition(i)\" [ngSrc]=\"ICONS['deletePink']\" height=\"15\" width=\"16\" />\r\n </div>\r\n </div>\r\n\r\n <!-- Add Filter Button -->\r\n <div class=\"flex gap-2 mt-4\">\r\n <img src=\"assets/icons/plus.svg\" />\r\n <span (click)=\"applyCustomFilter()\">Add Filter</span>\r\n </div>\r\n </div>\r\n</div>\r\n<div class=\"filter-footer\">\r\n <lib-footer-shared\r\n (continueButtonClick)=\"applyFilter()\"\r\n [canContinue]=\"true\"\r\n continueButtonText=\"Apply\"\r\n ></lib-footer-shared>\r\n</div>", styles: [".filter-title{font-size:16px}.filters-description{font-size:var(--font-size-medium)}.filter-button{box-shadow:4.1px 4.1px 8.2px #00000052 inset;box-shadow:-2.46px -2.46px 3.28px #ffffff1a inset;padding:6.56px 13.13px;border-radius:27px}.custom-select{box-shadow:4.1px 4.1px 8.2px #00000052 inset;box-shadow:-2.46px -2.46px 3.28px #ffffff1a inset;background:transparent}.selectedbutton{background:linear-gradient(94.44deg,#fe3c72 1.26%,#e15561)}.filter-footer{position:fixed;bottom:0;width:100%}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i5.IconBtnComponent, selector: "lib-icon-btn", inputs: ["hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "notificationCount", "loading$", "illuminateIcon"] }, { kind: "directive", type: i1$2.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.FooterSharedComponent, selector: "lib-footer-shared", inputs: ["loading$", "canContinue", "continueButtonText", "secondaryButtonText", "showBackButton", "continueButtonParameter$"], outputs: ["secondaryButtonClick", "continueButtonClick"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
|
|
6924
7242
|
}
|
|
6925
7243
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NoVisualMapFiltersComponent, decorators: [{
|
|
6926
7244
|
type: Component,
|
|
@@ -7140,11 +7458,11 @@ class CreateItineraryNoVisualFilterComponent {
|
|
|
7140
7458
|
}
|
|
7141
7459
|
}
|
|
7142
7460
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryNoVisualFilterComponent, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }, { token: ItineraryService }, { token: LocationService }, { token: i0.ChangeDetectorRef }, { token: ItineraryDrawModeTransferService }], target: i0.ɵɵFactoryTarget.Component });
|
|
7143
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateItineraryNoVisualFilterComponent, selector: "lib-create-itinerary-no-visual-filter", viewQueries: [{ propertyName: "libMap", first: true, predicate: ["libMap"], descendants: true }], ngImport: i0, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"50\"\r\n heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<img\r\n (click)=\"toggleFilter()\"\r\n class=\"cursor-pointer\"\r\n style=\"position: absolute; right: 10px; top: 20%; z-index: 99;\"\r\n [src]=\"ICONS['dotsIcon']\"\r\n alt=\"icon\"\r\n height=\"40\"\r\n width=\"40\"\r\n />\r\n<lib-map #libMap class=\"maps-100vh\"></lib-map>\r\n<div class=\"filter-page\" *ngIf=\"openFilters\">\r\n <lib-no-visual-map-filters\r\n (presetsChanged)=\"onPresetsChanged($event)\"\r\n (backButtonClicked)=\"onbackButtonClicked()\"\r\n ></lib-no-visual-map-filters>\r\n</div>\r\n<
|
|
7461
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateItineraryNoVisualFilterComponent, selector: "lib-create-itinerary-no-visual-filter", viewQueries: [{ propertyName: "libMap", first: true, predicate: ["libMap"], descendants: true }], ngImport: i0, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"50\"\r\n heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<img\r\n (click)=\"toggleFilter()\"\r\n class=\"cursor-pointer\"\r\n style=\"position: absolute; right: 10px; top: 20%; z-index: 99;\"\r\n [src]=\"ICONS['dotsIcon']\"\r\n alt=\"icon\"\r\n height=\"40\"\r\n width=\"40\"\r\n />\r\n<lib-map #libMap class=\"maps-100vh\"></lib-map>\r\n<div class=\"filter-page\" *ngIf=\"openFilters\">\r\n <lib-no-visual-map-filters\r\n (presetsChanged)=\"onPresetsChanged($event)\"\r\n (backButtonClicked)=\"onbackButtonClicked()\"\r\n ></lib-no-visual-map-filters>\r\n</div>\r\n<app-bottom-modal\r\n [showArrow]=\"true\"\r\n [(isOpen)]=\"isOpen\"\r\n [adaptToContentHeight]=\"true\"\r\n>\r\n <div class=\"pl-4 pr-4\">\r\n <div class=\"flex items-center justify-between\">\r\n <h3 class=\"font-Calistoga text-lg\">{{ \"NO_VISUAL_FILTERS\"| translate }}</h3>\r\n <div class=\"selectables flex items-center\">\r\n <div\r\n (click)=\"updateAction(a)\"\r\n class=\"flex items-center justify-center actions\"\r\n *ngFor=\"let a of actions\"\r\n [ngClass]=\"{ selected: a === selected }\"\r\n >\r\n <img [src]=\"a\" alt=\"icon\" loading=\"lazy\" />\r\n </div>\r\n </div>\r\n </div>\r\n <p class=\"mt-3 mb-4\">{{ \"NO_VISUAL_FILTERS\"| translate }}</p>\r\n </div>\r\n <lib-footer-shared\r\n (continueButtonClick)=\"continueBuilding()\"\r\n [canContinue]=\"true\"\r\n [continueButtonText]=\"'COMMON.CONTINUE' | translate\"\r\n ></lib-footer-shared>\r\n</app-bottom-modal>\r\n<div\r\n (click)=\"showBottomModal()\"\r\n class=\"absolute bottom-0 cursor-pointer z-10\"\r\n style=\"left: 50%\"\r\n>\r\n <img\r\n style=\"transform: rotate(270deg)\"\r\n [src]=\"ICONS['rightArrow']\"\r\n alt=\"icon\"\r\n height=\"15\"\r\n width=\"15\"\r\n />\r\n</div>\r\n", styles: [":host{--app-popup-modal-radius: 16px;--border-radius: var(--app-popup-modal-radius);--app-popup-modal-background: #28252d !important;--background: #28252d !important;--overflow: hidden !important;--app-popup-modal-color: #a8a8a8;--color: var(--app-popup-modal-color, #a8a8a8);--max-width: var(--app-bottom-modal-max-width, 500px);--app-popup-modal-shadow: 5px 5px 95px 0px rgba(255, 255, 255, .32), -3px -3px 16px 0px rgba(255, 255, 255, .1) !important;--box-shadow: var( --app-popup-modal-shadow, 5px 5px 95px 0px rgba(255, 255, 255, .32), -3px -3px 16px 0px rgba(255, 255, 255, .1) )}.selectables{background:#28252d;box-shadow:4.1px 4.1px 8.2px #00000052 inset;box-shadow:-2.46px -2.46px 3.28px #ffffff1a inset;border-radius:27.9px}.actions{width:42px;height:28px;border-radius:82.05px}.selected{background:linear-gradient(94.44deg,#fe3c72 1.26%,#e15561);box-shadow:3.28px 3.28px 6.56px #00000040;box-shadow:-1.64px -1.64px 8.2px #ffffff40}.button-container{background-color:#27242c;box-shadow:inset 0 6px 6px -6px #8a8a8aab}.filter-page{position:fixed;height:100vh;width:100vw;z-index:99999;top:0;background-color:#27242c}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: BottomModalComponent, selector: "app-bottom-modal", inputs: ["isOpen", "submitButtonTitle", "showArrow", "adaptToContentHeight", "customClass"], outputs: ["isOpenChange", "submitModal"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "component", type: i5.FooterSharedComponent, selector: "lib-footer-shared", inputs: ["loading$", "canContinue", "continueButtonText", "secondaryButtonText", "showBackButton", "continueButtonParameter$"], outputs: ["secondaryButtonClick", "continueButtonClick"] }, { kind: "component", type: i5.LibMapsComponent, selector: "lib-map", inputs: ["disableNotification", "markers", "initialLocation", "mapType", "enableDrag", "locations", "searchMapsString", "mapOptions", "directions$", "directionRenderOptions"], outputs: ["mapActionEvent"] }, { kind: "component", type: NoVisualMapFiltersComponent, selector: "lib-no-visual-map-filters", outputs: ["presetsChanged", "backButtonClicked"] }, { kind: "component", type: CreateItineraryHeaderComponent, selector: "app-create-itinerary-header", inputs: ["heading", "progressBarValue", "discardItineraryId", "class"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7144
7462
|
}
|
|
7145
7463
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryNoVisualFilterComponent, decorators: [{
|
|
7146
7464
|
type: Component,
|
|
7147
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'lib-create-itinerary-no-visual-filter', standalone: false, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"50\"\r\n heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<img\r\n (click)=\"toggleFilter()\"\r\n class=\"cursor-pointer\"\r\n style=\"position: absolute; right: 10px; top: 20%; z-index: 99;\"\r\n [src]=\"ICONS['dotsIcon']\"\r\n alt=\"icon\"\r\n height=\"40\"\r\n width=\"40\"\r\n />\r\n<lib-map #libMap class=\"maps-100vh\"></lib-map>\r\n<div class=\"filter-page\" *ngIf=\"openFilters\">\r\n <lib-no-visual-map-filters\r\n (presetsChanged)=\"onPresetsChanged($event)\"\r\n (backButtonClicked)=\"onbackButtonClicked()\"\r\n ></lib-no-visual-map-filters>\r\n</div>\r\n<
|
|
7465
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'lib-create-itinerary-no-visual-filter', standalone: false, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"50\"\r\n heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<img\r\n (click)=\"toggleFilter()\"\r\n class=\"cursor-pointer\"\r\n style=\"position: absolute; right: 10px; top: 20%; z-index: 99;\"\r\n [src]=\"ICONS['dotsIcon']\"\r\n alt=\"icon\"\r\n height=\"40\"\r\n width=\"40\"\r\n />\r\n<lib-map #libMap class=\"maps-100vh\"></lib-map>\r\n<div class=\"filter-page\" *ngIf=\"openFilters\">\r\n <lib-no-visual-map-filters\r\n (presetsChanged)=\"onPresetsChanged($event)\"\r\n (backButtonClicked)=\"onbackButtonClicked()\"\r\n ></lib-no-visual-map-filters>\r\n</div>\r\n<app-bottom-modal\r\n [showArrow]=\"true\"\r\n [(isOpen)]=\"isOpen\"\r\n [adaptToContentHeight]=\"true\"\r\n>\r\n <div class=\"pl-4 pr-4\">\r\n <div class=\"flex items-center justify-between\">\r\n <h3 class=\"font-Calistoga text-lg\">{{ \"NO_VISUAL_FILTERS\"| translate }}</h3>\r\n <div class=\"selectables flex items-center\">\r\n <div\r\n (click)=\"updateAction(a)\"\r\n class=\"flex items-center justify-center actions\"\r\n *ngFor=\"let a of actions\"\r\n [ngClass]=\"{ selected: a === selected }\"\r\n >\r\n <img [src]=\"a\" alt=\"icon\" loading=\"lazy\" />\r\n </div>\r\n </div>\r\n </div>\r\n <p class=\"mt-3 mb-4\">{{ \"NO_VISUAL_FILTERS\"| translate }}</p>\r\n </div>\r\n <lib-footer-shared\r\n (continueButtonClick)=\"continueBuilding()\"\r\n [canContinue]=\"true\"\r\n [continueButtonText]=\"'COMMON.CONTINUE' | translate\"\r\n ></lib-footer-shared>\r\n</app-bottom-modal>\r\n<div\r\n (click)=\"showBottomModal()\"\r\n class=\"absolute bottom-0 cursor-pointer z-10\"\r\n style=\"left: 50%\"\r\n>\r\n <img\r\n style=\"transform: rotate(270deg)\"\r\n [src]=\"ICONS['rightArrow']\"\r\n alt=\"icon\"\r\n height=\"15\"\r\n width=\"15\"\r\n />\r\n</div>\r\n", styles: [":host{--app-popup-modal-radius: 16px;--border-radius: var(--app-popup-modal-radius);--app-popup-modal-background: #28252d !important;--background: #28252d !important;--overflow: hidden !important;--app-popup-modal-color: #a8a8a8;--color: var(--app-popup-modal-color, #a8a8a8);--max-width: var(--app-bottom-modal-max-width, 500px);--app-popup-modal-shadow: 5px 5px 95px 0px rgba(255, 255, 255, .32), -3px -3px 16px 0px rgba(255, 255, 255, .1) !important;--box-shadow: var( --app-popup-modal-shadow, 5px 5px 95px 0px rgba(255, 255, 255, .32), -3px -3px 16px 0px rgba(255, 255, 255, .1) )}.selectables{background:#28252d;box-shadow:4.1px 4.1px 8.2px #00000052 inset;box-shadow:-2.46px -2.46px 3.28px #ffffff1a inset;border-radius:27.9px}.actions{width:42px;height:28px;border-radius:82.05px}.selected{background:linear-gradient(94.44deg,#fe3c72 1.26%,#e15561);box-shadow:3.28px 3.28px 6.56px #00000040;box-shadow:-1.64px -1.64px 8.2px #ffffff40}.button-container{background-color:#27242c;box-shadow:inset 0 6px 6px -6px #8a8a8aab}.filter-page{position:fixed;height:100vh;width:100vw;z-index:99999;top:0;background-color:#27242c}\n"] }]
|
|
7148
7466
|
}], ctorParameters: () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: ItineraryService }, { type: LocationService }, { type: i0.ChangeDetectorRef }, { type: ItineraryDrawModeTransferService }], propDecorators: { libMap: [{
|
|
7149
7467
|
type: ViewChild,
|
|
7150
7468
|
args: ['libMap']
|
|
@@ -7290,11 +7608,11 @@ class CreateItineraryNoVisualPreviewComponent {
|
|
|
7290
7608
|
});
|
|
7291
7609
|
}
|
|
7292
7610
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryNoVisualPreviewComponent, deps: [{ token: ItineraryDrawModeTransferService }], target: i0.ɵɵFactoryTarget.Component });
|
|
7293
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateItineraryNoVisualPreviewComponent, selector: "lib-create-itinerary-no-visual-preview", viewQueries: [{ propertyName: "libMap", first: true, predicate: ["libMap"], descendants: true }], ngImport: i0, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"100\"\r\n heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<lib-map #libMap class=\"maps-100vh\"></lib-map>\r\n\r\n<
|
|
7611
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateItineraryNoVisualPreviewComponent, selector: "lib-create-itinerary-no-visual-preview", viewQueries: [{ propertyName: "libMap", first: true, predicate: ["libMap"], descendants: true }], ngImport: i0, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"100\"\r\n heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<lib-map #libMap class=\"maps-100vh\"></lib-map>\r\n\r\n<app-bottom-modal\r\n [(isOpen)]=\"isOpen\"\r\n>\r\n <div class=\"pl-4 pr-4\">\r\n <div class=\"ml-auto flex items-center justify-center gap-x-2\">\r\n <div class=\"flex items-center gap-x-1 text-xs\">\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['locationWhite']\"\r\n alt=\"location\"\r\n />\r\n <span>{{transferService.selectedPlaces?.length}} {{ \"ITINERARY_SUMMARY.PLACES\" | translate }}</span>\r\n </div>\r\n <div class=\"h-4 border w-0 border-secondary\"></div>\r\n <div class=\"flex items-center justify-center gap-x-2 text-xs\">\r\n <img loading=\"lazy\" [src]=\"ICONS['clock']\" alt=\"\" />\r\n <span>45 {{ \"DATE_TIME.MINUTES\" | translate }}</span>\r\n <span class=\"text-secondary font-thin\">(6.6 Km)</span>\r\n </div>\r\n </div>\r\n <div\r\n class=\"border border-dashed opacity-55 rotate-90 absolute -left-6 top-36\"\r\n ></div>\r\n <div class=\"font-Gilroy mt-5 mb-3 flex flex-col gap-y-5\">\r\n <div\r\n class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n >\r\n <div class=\"flex items-center justify-start gap-x-6\">\r\n <div\r\n class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n >\r\n <img\r\n loading=\"lazy\"\r\n height=\"22\"\r\n width=\"18\"\r\n [src]=\"ICONS['startLocation']\"\r\n alt=\"\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n loading=\"lazy\"\r\n class=\"dotted-line\"\r\n src=\"assets/images/dotted-line.svg\"\r\n />\r\n </div>\r\n <div class=\"text\">\r\n <h2\r\n class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\"\r\n >\r\n Shan-ul-haq haqee road\r\n </h2>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">\r\n Starting location\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n loading=\"lazy\"\r\n [src]=\"ICONS['editPink']\"\r\n alt=\"\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <div\r\n class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n >\r\n <div class=\"flex items-center justify-start gap-x-6\">\r\n <div\r\n class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n >\r\n <img\r\n loading=\"lazy\"\r\n height=\"22\"\r\n width=\"18\"\r\n [src]=\"ICONS['restu']\"\r\n alt=\"\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n loading=\"lazy\"\r\n class=\"dotted-line\"\r\n src=\"assets/images/dotted-line.svg\"\r\n />\r\n </div>\r\n <div class=\"text\">\r\n <h2\r\n class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\"\r\n >\r\n Kabul tikka\r\n </h2>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">\r\n Afghan cuisine\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['hamburger']\"\r\n alt=\"\"\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['deletePink']\"\r\n alt=\"\"\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <div\r\n class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n >\r\n <div class=\"flex items-center justify-start gap-x-6\">\r\n <div\r\n class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n >\r\n <img\r\n loading=\"lazy\"\r\n height=\"22\"\r\n width=\"18\"\r\n [src]=\"ICONS['restu']\"\r\n alt=\"\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n loading=\"lazy\"\r\n class=\"dotted-line\"\r\n src=\"assets/images/dotted-line.svg\"\r\n />\r\n </div>\r\n <div class=\"text\">\r\n <h2\r\n class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\"\r\n >\r\n Quetta TNT\r\n </h2>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">Tea Coffee</p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['hamburger']\"\r\n alt=\"\"\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['deletePink']\"\r\n alt=\"\"\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <lib-footer-shared\r\n (continueButtonClick)=\"preview()\"\r\n [canContinue]=\"true\"\r\n [continueButtonText]=\"'ITINERARY.PREVIEW' | translate\"\r\n ></lib-footer-shared>\r\n</app-bottom-modal>\r\n<div\r\n (click)=\"showBottomModal()\"\r\n class=\"absolute bottom-0 cursor-pointer z-10\"\r\n style=\"left: 50%\"\r\n>\r\n <img\r\n style=\"transform: rotate(270deg)\"\r\n [src]=\"ICONS['rightArrow']\"\r\n alt=\"icon\"\r\n height=\"15\"\r\n width=\"15\"\r\n />\r\n</div>\r\n", styles: [".button-container{background-color:#27242c;box-shadow:inset 0 6px 6px -6px #8a8a8aab}\n"], dependencies: [{ kind: "component", type: BottomModalComponent, selector: "app-bottom-modal", inputs: ["isOpen", "submitButtonTitle", "showArrow", "adaptToContentHeight", "customClass"], outputs: ["isOpenChange", "submitModal"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "component", type: i5.FooterSharedComponent, selector: "lib-footer-shared", inputs: ["loading$", "canContinue", "continueButtonText", "secondaryButtonText", "showBackButton", "continueButtonParameter$"], outputs: ["secondaryButtonClick", "continueButtonClick"] }, { kind: "component", type: i5.LibMapsComponent, selector: "lib-map", inputs: ["disableNotification", "markers", "initialLocation", "mapType", "enableDrag", "locations", "searchMapsString", "mapOptions", "directions$", "directionRenderOptions"], outputs: ["mapActionEvent"] }, { kind: "component", type: CreateItineraryHeaderComponent, selector: "app-create-itinerary-header", inputs: ["heading", "progressBarValue", "discardItineraryId", "class"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
|
|
7294
7612
|
}
|
|
7295
7613
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryNoVisualPreviewComponent, decorators: [{
|
|
7296
7614
|
type: Component,
|
|
7297
|
-
args: [{ selector: 'lib-create-itinerary-no-visual-preview', standalone: false, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"100\"\r\n heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<lib-map #libMap class=\"maps-100vh\"></lib-map>\r\n\r\n<
|
|
7615
|
+
args: [{ selector: 'lib-create-itinerary-no-visual-preview', standalone: false, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"100\"\r\n heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<lib-map #libMap class=\"maps-100vh\"></lib-map>\r\n\r\n<app-bottom-modal\r\n [(isOpen)]=\"isOpen\"\r\n>\r\n <div class=\"pl-4 pr-4\">\r\n <div class=\"ml-auto flex items-center justify-center gap-x-2\">\r\n <div class=\"flex items-center gap-x-1 text-xs\">\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['locationWhite']\"\r\n alt=\"location\"\r\n />\r\n <span>{{transferService.selectedPlaces?.length}} {{ \"ITINERARY_SUMMARY.PLACES\" | translate }}</span>\r\n </div>\r\n <div class=\"h-4 border w-0 border-secondary\"></div>\r\n <div class=\"flex items-center justify-center gap-x-2 text-xs\">\r\n <img loading=\"lazy\" [src]=\"ICONS['clock']\" alt=\"\" />\r\n <span>45 {{ \"DATE_TIME.MINUTES\" | translate }}</span>\r\n <span class=\"text-secondary font-thin\">(6.6 Km)</span>\r\n </div>\r\n </div>\r\n <div\r\n class=\"border border-dashed opacity-55 rotate-90 absolute -left-6 top-36\"\r\n ></div>\r\n <div class=\"font-Gilroy mt-5 mb-3 flex flex-col gap-y-5\">\r\n <div\r\n class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n >\r\n <div class=\"flex items-center justify-start gap-x-6\">\r\n <div\r\n class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n >\r\n <img\r\n loading=\"lazy\"\r\n height=\"22\"\r\n width=\"18\"\r\n [src]=\"ICONS['startLocation']\"\r\n alt=\"\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n loading=\"lazy\"\r\n class=\"dotted-line\"\r\n src=\"assets/images/dotted-line.svg\"\r\n />\r\n </div>\r\n <div class=\"text\">\r\n <h2\r\n class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\"\r\n >\r\n Shan-ul-haq haqee road\r\n </h2>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">\r\n Starting location\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n loading=\"lazy\"\r\n [src]=\"ICONS['editPink']\"\r\n alt=\"\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <div\r\n class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n >\r\n <div class=\"flex items-center justify-start gap-x-6\">\r\n <div\r\n class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n >\r\n <img\r\n loading=\"lazy\"\r\n height=\"22\"\r\n width=\"18\"\r\n [src]=\"ICONS['restu']\"\r\n alt=\"\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n loading=\"lazy\"\r\n class=\"dotted-line\"\r\n src=\"assets/images/dotted-line.svg\"\r\n />\r\n </div>\r\n <div class=\"text\">\r\n <h2\r\n class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\"\r\n >\r\n Kabul tikka\r\n </h2>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">\r\n Afghan cuisine\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['hamburger']\"\r\n alt=\"\"\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['deletePink']\"\r\n alt=\"\"\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <div\r\n class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n >\r\n <div class=\"flex items-center justify-start gap-x-6\">\r\n <div\r\n class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n >\r\n <img\r\n loading=\"lazy\"\r\n height=\"22\"\r\n width=\"18\"\r\n [src]=\"ICONS['restu']\"\r\n alt=\"\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n loading=\"lazy\"\r\n class=\"dotted-line\"\r\n src=\"assets/images/dotted-line.svg\"\r\n />\r\n </div>\r\n <div class=\"text\">\r\n <h2\r\n class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\"\r\n >\r\n Quetta TNT\r\n </h2>\r\n <p class=\"f-xs text-secondary text-xs mb-1\">Tea Coffee</p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['hamburger']\"\r\n alt=\"\"\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n />\r\n <img\r\n loading=\"lazy\"\r\n [src]=\"ICONS['deletePink']\"\r\n alt=\"\"\r\n class=\"w-[15px] h-[15px] cursor-pointer\"\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <lib-footer-shared\r\n (continueButtonClick)=\"preview()\"\r\n [canContinue]=\"true\"\r\n [continueButtonText]=\"'ITINERARY.PREVIEW' | translate\"\r\n ></lib-footer-shared>\r\n</app-bottom-modal>\r\n<div\r\n (click)=\"showBottomModal()\"\r\n class=\"absolute bottom-0 cursor-pointer z-10\"\r\n style=\"left: 50%\"\r\n>\r\n <img\r\n style=\"transform: rotate(270deg)\"\r\n [src]=\"ICONS['rightArrow']\"\r\n alt=\"icon\"\r\n height=\"15\"\r\n width=\"15\"\r\n />\r\n</div>\r\n", styles: [".button-container{background-color:#27242c;box-shadow:inset 0 6px 6px -6px #8a8a8aab}\n"] }]
|
|
7298
7616
|
}], ctorParameters: () => [{ type: ItineraryDrawModeTransferService }], propDecorators: { libMap: [{
|
|
7299
7617
|
type: ViewChild,
|
|
7300
7618
|
args: ['libMap']
|
|
@@ -7560,7 +7878,7 @@ class CreateItineraryModalItemComponent {
|
|
|
7560
7878
|
this.modalService.bottomToggleModal = !this.modalService.bottomToggleModal;
|
|
7561
7879
|
}
|
|
7562
7880
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryModalItemComponent, deps: [{ token: ModalService }], target: i0.ɵɵFactoryTarget.Component });
|
|
7563
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateItineraryModalItemComponent, selector: "app-create-itinerary-modal-item", inputs: { icon: "icon", title: "title", description: "description", shortTitle: "shortTitle" }, outputs: { clickEvent: "clickEvent" }, ngImport: i0, template: "<div class=\"main-content\" (click)=\"clickEventEmitter()\">\r\n <div class=\"main-content-sub\">\r\n <div class=\"content\">\r\n <span class=\"content-icon\">\r\n <img [ngSrc]=\"icon\" height=\"60\" width=\"61\" />\r\n </span>\r\n <div class=\"content-text\">\r\n <span class=\"font-bold\">\r\n <div *ngIf=\"shortTitle\">\r\n <span class=\"heading-sub-part\">{{ titleList[0] | translate }}</span>\r\n </div>\r\n <div *ngIf=\"!shortTitle\">\r\n {{ titleList[0] | translate }}\r\n <span class=\"heading-sub-part\">{{ titleList[1] | translate }}</span>\r\n </div>\r\n </span>\r\n <p>{{ description | translate }}</p>\r\n </div>\r\n </div>\r\n <span class=\"content-icon-last\">\r\n <img [ngSrc]=\"ICONS['moveForward']\" height=\"50\" width=\"51\" />\r\n </span>\r\n </div>\r\n</div>\r\n", styles: [".main-content{background:#27242c;padding:20px 0;border-radius:10px;box-shadow:9.03px 8.2px 22.15px 2.05px #111014a6;margin-top:10px;overflow:hidden;position:relative}.main-content-sub,.content{display:flex;justify-content:center;align-items:center;flex-direction:row;position:relative;left:10px}.content-icon-last{margin-right:5px}.content-text{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;font-size:15px;margin-left:10px}.heading-sub-part{color:var(--secondary-color)}.content p{color:#fff;font-size:9px;margin-top:5px;width:200px;text-align:start}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "pipe", type:
|
|
7881
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateItineraryModalItemComponent, selector: "app-create-itinerary-modal-item", inputs: { icon: "icon", title: "title", description: "description", shortTitle: "shortTitle" }, outputs: { clickEvent: "clickEvent" }, ngImport: i0, template: "<div class=\"main-content\" (click)=\"clickEventEmitter()\">\r\n <div class=\"main-content-sub\">\r\n <div class=\"content\">\r\n <span class=\"content-icon\">\r\n <img [ngSrc]=\"icon\" height=\"60\" width=\"61\" />\r\n </span>\r\n <div class=\"content-text\">\r\n <span class=\"font-bold\">\r\n <div *ngIf=\"shortTitle\">\r\n <span class=\"heading-sub-part\">{{ titleList[0] | translate }}</span>\r\n </div>\r\n <div *ngIf=\"!shortTitle\">\r\n {{ titleList[0] | translate }}\r\n <span class=\"heading-sub-part\">{{ titleList[1] | translate }}</span>\r\n </div>\r\n </span>\r\n <p>{{ description | translate }}</p>\r\n </div>\r\n </div>\r\n <span class=\"content-icon-last\">\r\n <img [ngSrc]=\"ICONS['moveForward']\" height=\"50\" width=\"51\" />\r\n </span>\r\n </div>\r\n</div>\r\n", styles: [".main-content{background:#27242c;padding:20px 0;border-radius:10px;box-shadow:9.03px 8.2px 22.15px 2.05px #111014a6;margin-top:10px;overflow:hidden;position:relative}.main-content-sub,.content{display:flex;justify-content:center;align-items:center;flex-direction:row;position:relative;left:10px}.content-icon-last{margin-right:5px}.content-text{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;font-size:15px;margin-left:10px}.heading-sub-part{color:var(--secondary-color)}.content p{color:#fff;font-size:9px;margin-top:5px;width:200px;text-align:start}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7564
7882
|
}
|
|
7565
7883
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryModalItemComponent, decorators: [{
|
|
7566
7884
|
type: Component,
|
|
@@ -7614,7 +7932,7 @@ class CreateItineraryModalComponent {
|
|
|
7614
7932
|
}
|
|
7615
7933
|
modalClick(_itemId) { }
|
|
7616
7934
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryModalComponent, deps: [{ token: ModalService }], target: i0.ɵɵFactoryTarget.Component });
|
|
7617
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateItineraryModalComponent, selector: "app-create-itinerary-modal", ngImport: i0, template: "<div class=\"bottom-modal-items\">\r\n <app-create-itinerary-modal-item\r\n *ngFor=\"let item of contentList\"\r\n [icon]=\"item.icon\"\r\n [title]=\"item.title\"\r\n [description]=\"item.description\"\r\n [shortTitle]=\"item.shortTitle\"\r\n (clickEvent)=\"modalClick(item.id)\"\r\n class=\"craete-itinerary-modal\"\r\n >\r\n </app-create-itinerary-modal-item>\r\n</div>\r\n\r\n<div class=\"pl-4 pr-4\">\r\n <lib-primary-btn\r\n class=\"btn-back mt-5\"\r\n [hoverOutline]=\"true\"\r\n (click)=\"backButton()\"\r\n >{{ \"ITINERARY.BACK\" | translate }}</lib-primary-btn\r\n >\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i5.PrimaryBtnComponent, selector: "lib-primary-btn", inputs: ["hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "loading$"] }, { kind: "component", type: CreateItineraryModalItemComponent, selector: "app-create-itinerary-modal-item", inputs: ["icon", "title", "description", "shortTitle"], outputs: ["clickEvent"] }, { kind: "pipe", type:
|
|
7935
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateItineraryModalComponent, selector: "app-create-itinerary-modal", ngImport: i0, template: "<div class=\"bottom-modal-items\">\r\n <app-create-itinerary-modal-item\r\n *ngFor=\"let item of contentList\"\r\n [icon]=\"item.icon\"\r\n [title]=\"item.title\"\r\n [description]=\"item.description\"\r\n [shortTitle]=\"item.shortTitle\"\r\n (clickEvent)=\"modalClick(item.id)\"\r\n class=\"craete-itinerary-modal\"\r\n >\r\n </app-create-itinerary-modal-item>\r\n</div>\r\n\r\n<div class=\"pl-4 pr-4\">\r\n <lib-primary-btn\r\n class=\"btn-back mt-5\"\r\n [hoverOutline]=\"true\"\r\n (click)=\"backButton()\"\r\n >{{ \"ITINERARY.BACK\" | translate }}</lib-primary-btn\r\n >\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i5.PrimaryBtnComponent, selector: "lib-primary-btn", inputs: ["hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "loading$"] }, { kind: "component", type: CreateItineraryModalItemComponent, selector: "app-create-itinerary-modal-item", inputs: ["icon", "title", "description", "shortTitle"], outputs: ["clickEvent"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7618
7936
|
}
|
|
7619
7937
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryModalComponent, decorators: [{
|
|
7620
7938
|
type: Component,
|
|
@@ -7975,13 +8293,13 @@ class MainArchivesComponent {
|
|
|
7975
8293
|
this.route = route;
|
|
7976
8294
|
this.navHelper = navHelper;
|
|
7977
8295
|
}
|
|
7978
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MainArchivesComponent, deps: [{ token: CustomDropdownMenuService }, { token: ModalService }, { token:
|
|
7979
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MainArchivesComponent, selector: "app-main-archives", ngImport: i0, template: "<div class=\"pl-2 pr-4\">\r\n <div class=\"minScreen pl-4 pr-4\">\r\n <ng-template #search>\r\n <img [src]=\"ICONS['search']\" alt=\"right-icon\" (click)=\"searchButtonClick()\" />\r\n </ng-template>\r\n <app-header\r\n (firstButton)=\"backButtonClick()\"\r\n [heading]=\"'MAIN_ARCHIVES.ARCHIVES' | translate\"\r\n [headerSuffixTemplate]=\"search\"\r\n ></app-header>\r\n <app-custom-heading-with-button\r\n cssClass=\"archive-css\"\r\n [heading]=\"'MAIN_ARCHIVES.NOTE_ARCHIVED' | translate\"\r\n [buttonText]=\"'MAIN_ARCHIVES.CLEAR_ALL' | translate\"\r\n [buttonIcon]=\"ICONS['deleteSec']\"\r\n (buttonClick)=\"buttonClicked()\"\r\n ></app-custom-heading-with-button>\r\n <div *ngIf=\"!loading && itineraries.length\" class=\"grid-columns sm:mt-3 md:mt-10 grid grid-cols-1 md:grid-cols-3 sm:gap-y-5 md:gap-y-10 gap-x-10\">\r\n <ng-container *ngFor=\"let itinerary of itineraries;\">\r\n <app-cutom-card \r\n [cardData]=\"itinerary\"\r\n [libMenuItem]=\"libMenuItem\"\r\n (menuClicked)=\"menuClicked($event)\"\r\n ></app-cutom-card>\r\n </ng-container>\r\n </div>\r\n <div *ngIf=\"!loading && !itineraries.length\" class=\"text-center\">\r\n {{ \"MAIN_ARCHIVES.NO_ARCHIVED_FOUND\" | translate }}\r\n </div>\r\n </div>\r\n <lib-popup [isOpen]=\"modalService.toggleModal\">\r\n <app-delete-itineraries (deleteItineraryEvent)=\"deleteItinerary()\"></app-delete-itineraries>\r\n </lib-popup>\r\n</div>\r\n<app-footer></app-footer>", styles: [".main-archive{overflow-y:scroll!important}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CustomHeadingWithButtonComponent, selector: "app-custom-heading-with-button", inputs: ["heading", "buttonText", "buttonIcon", "cssClass"], outputs: ["buttonClick"] }, { kind: "component", type: CutomCardComponent, selector: "app-cutom-card", inputs: ["libMenuItem", "isDraft", "cardData", "displayPublishStatus", "images", "itineraryStarted"], outputs: ["StartItineraryClick", "TitleClicked", "forkClicked", "messageClicked", "userProfileClicked", "itineraryWatchingUsersClicked", "imageClicked", "eyeClicked", "menuClicked"] }, { kind: "component", type: HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "component", type: FooterComponent, selector: "app-footer" }, { kind: "component", type: i5.LibModalComponent, selector: "lib-popup", inputs: ["isOpen", "icon", "title", "message", "extendedMessage", "cancelButton", "confirmButton", "checkboxText", "progBarCurrentStep", "progBarTotalSteps", "customClass", "backdropDismiss", "modalComponent", "modalComponentData"], outputs: ["modalConfirm", "modalDismiss", "afterCloseEvent"] }, { kind: "component", type: DeleteItinerariesComponent, selector: "app-delete-itineraries", outputs: ["deleteItineraryEvent"] }, { kind: "pipe", type:
|
|
8296
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MainArchivesComponent, deps: [{ token: CustomDropdownMenuService }, { token: ModalService }, { token: i5$1.TranslateService }, { token: i0.ChangeDetectorRef }, { token: ItineraryService }, { token: i1$2.Location }, { token: i1.ActivatedRoute }, { token: NavigationHelperService }], target: i0.ɵɵFactoryTarget.Component });
|
|
8297
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MainArchivesComponent, selector: "app-main-archives", ngImport: i0, template: "<div class=\"pl-2 pr-4\">\r\n <div class=\"minScreen pl-4 pr-4\">\r\n <ng-template #search>\r\n <img [src]=\"ICONS['search']\" alt=\"right-icon\" (click)=\"searchButtonClick()\" />\r\n </ng-template>\r\n <app-header\r\n (firstButton)=\"backButtonClick()\"\r\n [heading]=\"'MAIN_ARCHIVES.ARCHIVES' | translate\"\r\n [headerSuffixTemplate]=\"search\"\r\n ></app-header>\r\n <app-custom-heading-with-button\r\n cssClass=\"archive-css\"\r\n [heading]=\"'MAIN_ARCHIVES.NOTE_ARCHIVED' | translate\"\r\n [buttonText]=\"'MAIN_ARCHIVES.CLEAR_ALL' | translate\"\r\n [buttonIcon]=\"ICONS['deleteSec']\"\r\n (buttonClick)=\"buttonClicked()\"\r\n ></app-custom-heading-with-button>\r\n <div *ngIf=\"!loading && itineraries.length\" class=\"grid-columns sm:mt-3 md:mt-10 grid grid-cols-1 md:grid-cols-3 sm:gap-y-5 md:gap-y-10 gap-x-10\">\r\n <ng-container *ngFor=\"let itinerary of itineraries;\">\r\n <app-cutom-card \r\n [cardData]=\"itinerary\"\r\n [libMenuItem]=\"libMenuItem\"\r\n (menuClicked)=\"menuClicked($event)\"\r\n ></app-cutom-card>\r\n </ng-container>\r\n </div>\r\n <div *ngIf=\"!loading && !itineraries.length\" class=\"text-center\">\r\n {{ \"MAIN_ARCHIVES.NO_ARCHIVED_FOUND\" | translate }}\r\n </div>\r\n </div>\r\n <lib-popup [isOpen]=\"modalService.toggleModal\">\r\n <app-delete-itineraries (deleteItineraryEvent)=\"deleteItinerary()\"></app-delete-itineraries>\r\n </lib-popup>\r\n</div>\r\n<app-footer></app-footer>", styles: [".main-archive{overflow-y:scroll!important}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CustomHeadingWithButtonComponent, selector: "app-custom-heading-with-button", inputs: ["heading", "buttonText", "buttonIcon", "cssClass"], outputs: ["buttonClick"] }, { kind: "component", type: CutomCardComponent, selector: "app-cutom-card", inputs: ["libMenuItem", "isDraft", "cardData", "displayPublishStatus", "images", "itineraryStarted"], outputs: ["StartItineraryClick", "TitleClicked", "forkClicked", "messageClicked", "userProfileClicked", "itineraryWatchingUsersClicked", "imageClicked", "eyeClicked", "menuClicked"] }, { kind: "component", type: HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "component", type: FooterComponent, selector: "app-footer" }, { kind: "component", type: i5.LibModalComponent, selector: "lib-popup", inputs: ["isOpen", "icon", "title", "message", "extendedMessage", "cancelButton", "confirmButton", "checkboxText", "progBarCurrentStep", "progBarTotalSteps", "customClass", "backdropDismiss", "modalComponent", "modalComponentData"], outputs: ["modalConfirm", "modalDismiss", "afterCloseEvent"] }, { kind: "component", type: DeleteItinerariesComponent, selector: "app-delete-itineraries", outputs: ["deleteItineraryEvent"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7980
8298
|
}
|
|
7981
8299
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MainArchivesComponent, decorators: [{
|
|
7982
8300
|
type: Component,
|
|
7983
8301
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-main-archives', standalone: false, template: "<div class=\"pl-2 pr-4\">\r\n <div class=\"minScreen pl-4 pr-4\">\r\n <ng-template #search>\r\n <img [src]=\"ICONS['search']\" alt=\"right-icon\" (click)=\"searchButtonClick()\" />\r\n </ng-template>\r\n <app-header\r\n (firstButton)=\"backButtonClick()\"\r\n [heading]=\"'MAIN_ARCHIVES.ARCHIVES' | translate\"\r\n [headerSuffixTemplate]=\"search\"\r\n ></app-header>\r\n <app-custom-heading-with-button\r\n cssClass=\"archive-css\"\r\n [heading]=\"'MAIN_ARCHIVES.NOTE_ARCHIVED' | translate\"\r\n [buttonText]=\"'MAIN_ARCHIVES.CLEAR_ALL' | translate\"\r\n [buttonIcon]=\"ICONS['deleteSec']\"\r\n (buttonClick)=\"buttonClicked()\"\r\n ></app-custom-heading-with-button>\r\n <div *ngIf=\"!loading && itineraries.length\" class=\"grid-columns sm:mt-3 md:mt-10 grid grid-cols-1 md:grid-cols-3 sm:gap-y-5 md:gap-y-10 gap-x-10\">\r\n <ng-container *ngFor=\"let itinerary of itineraries;\">\r\n <app-cutom-card \r\n [cardData]=\"itinerary\"\r\n [libMenuItem]=\"libMenuItem\"\r\n (menuClicked)=\"menuClicked($event)\"\r\n ></app-cutom-card>\r\n </ng-container>\r\n </div>\r\n <div *ngIf=\"!loading && !itineraries.length\" class=\"text-center\">\r\n {{ \"MAIN_ARCHIVES.NO_ARCHIVED_FOUND\" | translate }}\r\n </div>\r\n </div>\r\n <lib-popup [isOpen]=\"modalService.toggleModal\">\r\n <app-delete-itineraries (deleteItineraryEvent)=\"deleteItinerary()\"></app-delete-itineraries>\r\n </lib-popup>\r\n</div>\r\n<app-footer></app-footer>", styles: [".main-archive{overflow-y:scroll!important}\n"] }]
|
|
7984
|
-
}], ctorParameters: () => [{ type: CustomDropdownMenuService }, { type: ModalService }, { type:
|
|
8302
|
+
}], ctorParameters: () => [{ type: CustomDropdownMenuService }, { type: ModalService }, { type: i5$1.TranslateService }, { type: i0.ChangeDetectorRef }, { type: ItineraryService }, { type: i1$2.Location }, { type: i1.ActivatedRoute }, { type: NavigationHelperService }] });
|
|
7985
8303
|
|
|
7986
8304
|
const routes$5 = [{ path: 'archives', component: MainArchivesComponent }];
|
|
7987
8305
|
class ArchivesRoutingModule {
|
|
@@ -8006,7 +8324,7 @@ class ArchivesComponent {
|
|
|
8006
8324
|
this.location.back();
|
|
8007
8325
|
}
|
|
8008
8326
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ArchivesComponent, deps: [{ token: i1$2.Location }], target: i0.ɵɵFactoryTarget.Component });
|
|
8009
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ArchivesComponent, selector: "app-archives", ngImport: i0, template: "<div class=\"w-screen h-screen max-padd-container overflow-y-auto\">\r\n <app-header\r\n [heading]=\"'MAIN_ARCHIVES.ARCHIVES' | translate\"\r\n (firstButton)=\"backButton()\"\r\n ></app-header>\r\n <router-outlet></router-outlet>\r\n <app-footer></app-footer>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "component", type: FooterComponent, selector: "app-footer" }, { kind: "pipe", type:
|
|
8327
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ArchivesComponent, selector: "app-archives", ngImport: i0, template: "<div class=\"w-screen h-screen max-padd-container overflow-y-auto\">\r\n <app-header\r\n [heading]=\"'MAIN_ARCHIVES.ARCHIVES' | translate\"\r\n (firstButton)=\"backButton()\"\r\n ></app-header>\r\n <router-outlet></router-outlet>\r\n <app-footer></app-footer>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "component", type: FooterComponent, selector: "app-footer" }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8010
8328
|
}
|
|
8011
8329
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ArchivesComponent, decorators: [{
|
|
8012
8330
|
type: Component,
|
|
@@ -8089,13 +8407,13 @@ class NavbarComponent {
|
|
|
8089
8407
|
}
|
|
8090
8408
|
handleSearchStringChange(_$event) { }
|
|
8091
8409
|
clear() { }
|
|
8092
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NavbarComponent, deps: [{ token:
|
|
8093
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NavbarComponent, selector: "app-navbar", ngImport: i0, template: "<nav class=\"nav-bar text-white fixed top-0 left-0 w-full z-50\">\r\n <div class=\"nav-main-bar\">\r\n <div class=\"flex ml-2\">\r\n <img class=\"navbar-logo\" [ngSrc]=\"ICONS['logo']\" alt=\"logo\" />\r\n </div>\r\n <div class=\"sub-nav mx-auto\">\r\n <div *ngFor=\"let item of navigationItems\">\r\n <app-bottom-navigation-items\r\n [label]=\"item.label | translate\"\r\n [iconPath]=\"item.iconPath\"\r\n ></app-bottom-navigation-items>\r\n </div>\r\n <div>\r\n <
|
|
8410
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NavbarComponent, deps: [{ token: i5$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
8411
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NavbarComponent, selector: "app-navbar", ngImport: i0, template: "<nav class=\"nav-bar text-white fixed top-0 left-0 w-full z-50\">\r\n <div class=\"nav-main-bar\">\r\n <div class=\"flex ml-2\">\r\n <img class=\"navbar-logo\" [ngSrc]=\"ICONS['logo']\" alt=\"logo\" />\r\n </div>\r\n <div class=\"sub-nav mx-auto\">\r\n <div *ngFor=\"let item of navigationItems\">\r\n <app-bottom-navigation-items\r\n [label]=\"item.label | translate\"\r\n [iconPath]=\"item.iconPath\"\r\n ></app-bottom-navigation-items>\r\n </div>\r\n <div>\r\n <app-search-bar\r\n class=\"search-field\"\r\n [placeholderText]=\"'NAVBAR.SEARCH' | translate\"\r\n (searchStringChange)=\"handleSearchStringChange($event)\"\r\n (cleared)=\"clear()\"\r\n [searchIcon]=\"ICONS['dashboardSearch']\"\r\n >\r\n </app-search-bar>\r\n </div>\r\n </div>\r\n <div class=\"profile-icon ml-auto mt-1\">\r\n <lib-menu-btn\r\n menuDirection=\"rtl\"\r\n [menuBtnImgUrl]=\"\r\n 'https://semantic-ui.com/images/avatar2/large/matthew.png'\r\n \"\r\n [hasNotification]=\"true\"\r\n [menuBtnNotificationIconUrl]=\"ICONS['notBlip']\"\r\n [menuItems]=\"menuItems\"\r\n class=\"dashboard-menu\"\r\n >\r\n </lib-menu-btn>\r\n </div>\r\n </div>\r\n</nav>\r\n", styles: [".nav-bar{background:#27242c;box-shadow:0 -4px 4px #00000040 inset,0 4px 4px #00000040}.navbra-logo{height:10px;width:50px}.nav-main-bar{min-width:100%!important;padding-right:20px!important;display:flex;justify-content:space-between;flex-direction:row}.sub-nav{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;gap:130px}.profile-icon{position:absolute;right:10px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: BottomNavigationItemsComponent, selector: "app-bottom-navigation-items", inputs: ["label", "iconPath", "routerLink", "cssClass", "selected"] }, { kind: "component", type: SearchBarComponent, selector: "app-search-bar", inputs: ["searchIcon", "placeholderText"], outputs: ["searchStringChange", "cleared"] }, { kind: "directive", type: i1$2.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: i5.MenuBtnComponent, selector: "lib-menu-btn", inputs: ["menuBtnIcon", "menuBtnTooltip", "menuBtnTooltipPosition", "menuBtnIconName", "menuBtnImgUrl", "menuBtnNotificationIconUrl", "menuDirection", "hasNotification", "menuItems", "disableTranslation", "listItem", "listItemIndex", "selectable", "overlayClass", "isUserMenu", "onlyCloseOnClickOutside", "hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "loading$"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8094
8412
|
}
|
|
8095
8413
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NavbarComponent, decorators: [{
|
|
8096
8414
|
type: Component,
|
|
8097
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-navbar', standalone: false, template: "<nav class=\"nav-bar text-white fixed top-0 left-0 w-full z-50\">\r\n <div class=\"nav-main-bar\">\r\n <div class=\"flex ml-2\">\r\n <img class=\"navbar-logo\" [ngSrc]=\"ICONS['logo']\" alt=\"logo\" />\r\n </div>\r\n <div class=\"sub-nav mx-auto\">\r\n <div *ngFor=\"let item of navigationItems\">\r\n <app-bottom-navigation-items\r\n [label]=\"item.label | translate\"\r\n [iconPath]=\"item.iconPath\"\r\n ></app-bottom-navigation-items>\r\n </div>\r\n <div>\r\n <
|
|
8098
|
-
}], ctorParameters: () => [{ type:
|
|
8415
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-navbar', standalone: false, template: "<nav class=\"nav-bar text-white fixed top-0 left-0 w-full z-50\">\r\n <div class=\"nav-main-bar\">\r\n <div class=\"flex ml-2\">\r\n <img class=\"navbar-logo\" [ngSrc]=\"ICONS['logo']\" alt=\"logo\" />\r\n </div>\r\n <div class=\"sub-nav mx-auto\">\r\n <div *ngFor=\"let item of navigationItems\">\r\n <app-bottom-navigation-items\r\n [label]=\"item.label | translate\"\r\n [iconPath]=\"item.iconPath\"\r\n ></app-bottom-navigation-items>\r\n </div>\r\n <div>\r\n <app-search-bar\r\n class=\"search-field\"\r\n [placeholderText]=\"'NAVBAR.SEARCH' | translate\"\r\n (searchStringChange)=\"handleSearchStringChange($event)\"\r\n (cleared)=\"clear()\"\r\n [searchIcon]=\"ICONS['dashboardSearch']\"\r\n >\r\n </app-search-bar>\r\n </div>\r\n </div>\r\n <div class=\"profile-icon ml-auto mt-1\">\r\n <lib-menu-btn\r\n menuDirection=\"rtl\"\r\n [menuBtnImgUrl]=\"\r\n 'https://semantic-ui.com/images/avatar2/large/matthew.png'\r\n \"\r\n [hasNotification]=\"true\"\r\n [menuBtnNotificationIconUrl]=\"ICONS['notBlip']\"\r\n [menuItems]=\"menuItems\"\r\n class=\"dashboard-menu\"\r\n >\r\n </lib-menu-btn>\r\n </div>\r\n </div>\r\n</nav>\r\n", styles: [".nav-bar{background:#27242c;box-shadow:0 -4px 4px #00000040 inset,0 4px 4px #00000040}.navbra-logo{height:10px;width:50px}.nav-main-bar{min-width:100%!important;padding-right:20px!important;display:flex;justify-content:space-between;flex-direction:row}.sub-nav{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;gap:130px}.profile-icon{position:absolute;right:10px}\n"] }]
|
|
8416
|
+
}], ctorParameters: () => [{ type: i5$1.TranslateService }] });
|
|
8099
8417
|
|
|
8100
8418
|
class SidebarComponent {
|
|
8101
8419
|
router;
|
|
@@ -8147,7 +8465,7 @@ class SidebarComponent {
|
|
|
8147
8465
|
item.cssClass = 'active';
|
|
8148
8466
|
}
|
|
8149
8467
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidebarComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
8150
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SidebarComponent, selector: "app-sidebar", ngImport: i0, template: "<aside class=\"side-nav text-white w-64 h-screen fixed top-0 left-0 z-40\">\r\n <div class=\"px-2\">\r\n <app-header\r\n cssClass=\"side-bar-heading-bar\"\r\n [heading]=\"'SIDEBAR.ITINERARIES' | translate\"\r\n ></app-header>\r\n </div>\r\n <ul class=\"space-y-2\">\r\n <li *ngFor=\"let item of sideBarItem\" (click)=\"selectItem(item)\">\r\n <a\r\n [routerLink]=\"item.url\"\r\n [class]=\"item.cssClass + ' block p-3 text-center'\"\r\n >{{ item.name | translate }}</a\r\n >\r\n <div *ngIf=\"item.id === 1 && item.selected\">\r\n <app-filter-menu [cssClass]=\"filterClass\"></app-filter-menu>\r\n </div>\r\n </li>\r\n </ul>\r\n</aside>\r\n", styles: [".side-nav{background:#27242c;margin-top:30px;box-shadow:-2px -5px 7px #cbc7d140 inset;filter:drop-shadow(-3.172px -3.172px 10.15px rgba(203,199,209,.25)) drop-shadow(6.978px 6.344px 17.128px rgba(17,16,20,.65))!important}.side-nav ul li{text-align:center;display:flex;justify-content:center;flex-direction:column;padding:10px 70px}.side-nav ul li a{font-family:Calistoga;opacity:50%}.active{color:#fff!important;border-bottom:2px solid rgba(255,255,255,.7)}.active{opacity:100%!important}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "component", type: FilterMenuComponent, selector: "app-filter-menu", inputs: ["cssClass"], outputs: ["onFilterClick"] }, { kind: "pipe", type:
|
|
8468
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SidebarComponent, selector: "app-sidebar", ngImport: i0, template: "<aside class=\"side-nav text-white w-64 h-screen fixed top-0 left-0 z-40\">\r\n <div class=\"px-2\">\r\n <app-header\r\n cssClass=\"side-bar-heading-bar\"\r\n [heading]=\"'SIDEBAR.ITINERARIES' | translate\"\r\n ></app-header>\r\n </div>\r\n <ul class=\"space-y-2\">\r\n <li *ngFor=\"let item of sideBarItem\" (click)=\"selectItem(item)\">\r\n <a\r\n [routerLink]=\"item.url\"\r\n [class]=\"item.cssClass + ' block p-3 text-center'\"\r\n >{{ item.name | translate }}</a\r\n >\r\n <div *ngIf=\"item.id === 1 && item.selected\">\r\n <app-filter-menu [cssClass]=\"filterClass\"></app-filter-menu>\r\n </div>\r\n </li>\r\n </ul>\r\n</aside>\r\n", styles: [".side-nav{background:#27242c;margin-top:30px;box-shadow:-2px -5px 7px #cbc7d140 inset;filter:drop-shadow(-3.172px -3.172px 10.15px rgba(203,199,209,.25)) drop-shadow(6.978px 6.344px 17.128px rgba(17,16,20,.65))!important}.side-nav ul li{text-align:center;display:flex;justify-content:center;flex-direction:column;padding:10px 70px}.side-nav ul li a{font-family:Calistoga;opacity:50%}.active{color:#fff!important;border-bottom:2px solid rgba(255,255,255,.7)}.active{opacity:100%!important}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "component", type: FilterMenuComponent, selector: "app-filter-menu", inputs: ["cssClass"], outputs: ["onFilterClick"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8151
8469
|
}
|
|
8152
8470
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidebarComponent, decorators: [{
|
|
8153
8471
|
type: Component,
|
|
@@ -8531,7 +8849,7 @@ class MapHeaderComponent {
|
|
|
8531
8849
|
}
|
|
8532
8850
|
}
|
|
8533
8851
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MapHeaderComponent, deps: [{ token: i1$2.Location }], target: i0.ɵɵFactoryTarget.Component });
|
|
8534
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MapHeaderComponent, selector: "app-map-header", inputs: { title: "title", backLink: "backLink", customcss: "customcss" }, outputs: { onSearchClick: "onSearchClick" }, ngImport: i0, template: "<section [ngClass]=\"customcss\">\r\n <div class=\"flex-between md:gap-x-6\">\r\n <lib-icon-btn\r\n (click)=\"goBack()\"\r\n class=\"bg-color mr-2 flex items-center justify-center rounded-full w-7 h-7 outset-shadow flexCenter\"\r\n >\r\n arrow_back\r\n </lib-icon-btn>\r\n <div class=\"font-Calistoga tracking-wide\">{{ title }}</div>\r\n <div\r\n class=\"discard cursor-pointer flex items-center justify-center text-sm\"\r\n >\r\n {{ \"IMAGE_CROPPER.DISCARD\" | translate }}?\r\n </div>\r\n </div>\r\n</section>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i5.IconBtnComponent, selector: "lib-icon-btn", inputs: ["hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "notificationCount", "loading$", "illuminateIcon"] }, { kind: "pipe", type:
|
|
8852
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MapHeaderComponent, selector: "app-map-header", inputs: { title: "title", backLink: "backLink", customcss: "customcss" }, outputs: { onSearchClick: "onSearchClick" }, ngImport: i0, template: "<section [ngClass]=\"customcss\">\r\n <div class=\"flex-between md:gap-x-6\">\r\n <lib-icon-btn\r\n (click)=\"goBack()\"\r\n class=\"bg-color mr-2 flex items-center justify-center rounded-full w-7 h-7 outset-shadow flexCenter\"\r\n >\r\n arrow_back\r\n </lib-icon-btn>\r\n <div class=\"font-Calistoga tracking-wide\">{{ title }}</div>\r\n <div\r\n class=\"discard cursor-pointer flex items-center justify-center text-sm\"\r\n >\r\n {{ \"IMAGE_CROPPER.DISCARD\" | translate }}?\r\n </div>\r\n </div>\r\n</section>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i5.IconBtnComponent, selector: "lib-icon-btn", inputs: ["hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "notificationCount", "loading$", "illuminateIcon"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8535
8853
|
}
|
|
8536
8854
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MapHeaderComponent, decorators: [{
|
|
8537
8855
|
type: Component,
|
|
@@ -8557,7 +8875,7 @@ class DefaultDestinationComponent {
|
|
|
8557
8875
|
this.destination = '';
|
|
8558
8876
|
}
|
|
8559
8877
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DefaultDestinationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8560
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DefaultDestinationComponent, selector: "app-default-destination", ngImport: i0, template: "<div class=\"max-padd-container pt-10 pb-4\">\r\n <app-map-header\r\n [title]=\"'MAP_HEADER.CREATE_ITINERARY' | translate\"\r\n [backLink]=\"'/'\"\r\n ></app-map-header>\r\n</div>\r\n\r\n<div class=\"\">\r\n <app-googlemap\r\n [newDestination]=\"newDestination\"\r\n (destinationAdded)=\"onDestinationAdded($event)\"\r\n ></app-googlemap>\r\n</div>\r\n\r\n<div class=\"\">\r\n <div class=\"absolute bottom-0 py-3\">\r\n <section class=\"fixed bottom-0 w-full\">\r\n <div class=\"tracking-widest px-5 py-2 rounded-t-3xl drawer-shadow\">\r\n <div class=\"\">\r\n <div class=\"bottomModal mt-5 mb-3 flex flex-col gap-y-2\">\r\n <div class=\"flex items-center justify-between w-full gap-x-4\">\r\n <div class=\"flex items-center justify-start gap-x-4\">\r\n <div class=\"absolute left-0 top-3\">\r\n <img [src]=\"ICONS['destination']\" alt=\"\" class=\"w-20\" />\r\n </div>\r\n <div class=\"text ml-10\">\r\n <h2 class=\"sm:text-sm xs:text-xs flex items-center gap-x-1\">\r\n {{ \"ITINERARY.STARTING_LOCATION\" | translate }}\r\n </h2>\r\n <p class=\"sm:text-xs text-secondary\">\r\n {{ \"ITINERARY.STARTING_DESCRIPTION\" | translate }}\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img [src]=\"ICONS['pen']\" alt=\"\" class=\"cursor-pointer\" />\r\n </div>\r\n </div>\r\n <div class=\"mt-2\">\r\n <h1 class=\"text-lg font-Calistoga\">\r\n {{ \"ITINERARY.DESTINATION_TITLE\" | translate }}\r\n </h1>\r\n <p class=\"py-2 text-white opacity-70 text-[10px]\">\r\n {{ \"ITINERARY.DESTINATION_DESCRIPTION\" | translate }}\r\n </p>\r\n </div>\r\n <div class=\"flex gap-x-4\">\r\n <lib-input-field\r\n type=\"text\"\r\n [placeholder]=\"'ITINERARY.WHERE_TO' | translate\"\r\n class=\"!w-60 !py-1 text-white text-opacity-70\"\r\n [(ngModel)]=\"destination\"\r\n />\r\n <lib-icon-btn (click)=\"addDestination()\">+</lib-icon-btn>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"background-gradient\">\r\n <lib-primary-btn>{{\r\n \"IMAGE_CROPPER.CONTINUE\" | translate\r\n }}</lib-primary-btn>\r\n </div>\r\n </section>\r\n </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: i5.PrimaryBtnComponent, selector: "lib-primary-btn", inputs: ["hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "loading$"] }, { kind: "component", type: i5.IconBtnComponent, selector: "lib-icon-btn", inputs: ["hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "notificationCount", "loading$", "illuminateIcon"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: GooglemapComponent, selector: "app-googlemap", inputs: ["newDestination"], outputs: ["destinationAdded"] }, { kind: "component", type: MapHeaderComponent, selector: "app-map-header", inputs: ["title", "backLink", "customcss"], outputs: ["onSearchClick"] }, { kind: "pipe", type:
|
|
8878
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DefaultDestinationComponent, selector: "app-default-destination", ngImport: i0, template: "<div class=\"max-padd-container pt-10 pb-4\">\r\n <app-map-header\r\n [title]=\"'MAP_HEADER.CREATE_ITINERARY' | translate\"\r\n [backLink]=\"'/'\"\r\n ></app-map-header>\r\n</div>\r\n\r\n<div class=\"\">\r\n <app-googlemap\r\n [newDestination]=\"newDestination\"\r\n (destinationAdded)=\"onDestinationAdded($event)\"\r\n ></app-googlemap>\r\n</div>\r\n\r\n<div class=\"\">\r\n <div class=\"absolute bottom-0 py-3\">\r\n <section class=\"fixed bottom-0 w-full\">\r\n <div class=\"tracking-widest px-5 py-2 rounded-t-3xl drawer-shadow\">\r\n <div class=\"\">\r\n <div class=\"bottomModal mt-5 mb-3 flex flex-col gap-y-2\">\r\n <div class=\"flex items-center justify-between w-full gap-x-4\">\r\n <div class=\"flex items-center justify-start gap-x-4\">\r\n <div class=\"absolute left-0 top-3\">\r\n <img [src]=\"ICONS['destination']\" alt=\"\" class=\"w-20\" />\r\n </div>\r\n <div class=\"text ml-10\">\r\n <h2 class=\"sm:text-sm xs:text-xs flex items-center gap-x-1\">\r\n {{ \"ITINERARY.STARTING_LOCATION\" | translate }}\r\n </h2>\r\n <p class=\"sm:text-xs text-secondary\">\r\n {{ \"ITINERARY.STARTING_DESCRIPTION\" | translate }}\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img [src]=\"ICONS['pen']\" alt=\"\" class=\"cursor-pointer\" />\r\n </div>\r\n </div>\r\n <div class=\"mt-2\">\r\n <h1 class=\"text-lg font-Calistoga\">\r\n {{ \"ITINERARY.DESTINATION_TITLE\" | translate }}\r\n </h1>\r\n <p class=\"py-2 text-white opacity-70 text-[10px]\">\r\n {{ \"ITINERARY.DESTINATION_DESCRIPTION\" | translate }}\r\n </p>\r\n </div>\r\n <div class=\"flex gap-x-4\">\r\n <lib-input-field\r\n type=\"text\"\r\n [placeholder]=\"'ITINERARY.WHERE_TO' | translate\"\r\n class=\"!w-60 !py-1 text-white text-opacity-70\"\r\n [(ngModel)]=\"destination\"\r\n />\r\n <lib-icon-btn (click)=\"addDestination()\">+</lib-icon-btn>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"background-gradient\">\r\n <lib-primary-btn>{{\r\n \"IMAGE_CROPPER.CONTINUE\" | translate\r\n }}</lib-primary-btn>\r\n </div>\r\n </section>\r\n </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: i5.PrimaryBtnComponent, selector: "lib-primary-btn", inputs: ["hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "loading$"] }, { kind: "component", type: i5.IconBtnComponent, selector: "lib-icon-btn", inputs: ["hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "notificationCount", "loading$", "illuminateIcon"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: GooglemapComponent, selector: "app-googlemap", inputs: ["newDestination"], outputs: ["destinationAdded"] }, { kind: "component", type: MapHeaderComponent, selector: "app-map-header", inputs: ["title", "backLink", "customcss"], outputs: ["onSearchClick"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8561
8879
|
}
|
|
8562
8880
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DefaultDestinationComponent, decorators: [{
|
|
8563
8881
|
type: Component,
|
|
@@ -8604,7 +8922,7 @@ class ItineraryPreviewComponent {
|
|
|
8604
8922
|
// Add your drawing tool toggle logic here
|
|
8605
8923
|
}
|
|
8606
8924
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItineraryPreviewComponent, deps: [{ token: LocationService }, { token: ApiService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
8607
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ItineraryPreviewComponent, selector: "app-itinerary-preview", ngImport: i0, template: "<div class=\"pt-10 max-padd-container\">\r\n <app-map-header\r\n [title]=\"'Create Itinerary'\"\r\n [backLink]=\"'/'\"\r\n [customcss]=\"''\"\r\n ></app-map-header>\r\n</div>\r\n<div class=\"mt-6\">\r\n <lib-map\r\n [mapType]=\"mapType\"\r\n [markers]=\"locationsMarkers\"\r\n [enableDrag]=\"true\"\r\n [initialLocation]=\"initialLocation\"\r\n (mapLoaded)=\"onMapLoaded($event)\"\r\n ></lib-map>\r\n</div>\r\n\r\n<div class=\"main-itini-preview absolute bottom-0 py-3\">\r\n <section class=\"fixed bottom-0 w-full\">\r\n <div class=\"tracking-widest px-5 py-6 rounded-t-3xl\">\r\n <div class=\"tracking-bottom-com\">\r\n <div class=\"flex items-center justify-center gap-x-2\">\r\n <div class=\"flex items-center gap-x-1 text-xs\">\r\n <img [src]=\"ICONS['locationWhite']\" alt=\"location\" />\r\n <span>{{ places.length }} Places</span>\r\n </div>\r\n <div class=\"h-4 border w-0 border-secondary\"></div>\r\n <div class=\"flex items-center justify-center gap-x-2\">\r\n <img [src]=\"ICONS['clock']\" alt=\"\" />\r\n <span>45 minutes</span>\r\n <span class=\"text-secondary font-thin\">(6.6 Km)</span>\r\n </div>\r\n </div>\r\n <div\r\n class=\"border border-dashed opacity-55 rotate-90 absolute -left-6 top-36\"\r\n ></div>\r\n <div class=\"font-Gilroy mt-5 mb-3 flex flex-col gap-y-5\">\r\n <div\r\n *ngFor=\"let place of places\"\r\n class=\"flex items-center justify-between w-full gap-x-4\"\r\n >\r\n <div class=\"flex items-center justify-start gap-x-4\">\r\n <div\r\n class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full\"\r\n >\r\n <img [src]=\"ICONS['restu']\" alt=\"\" />\r\n </div>\r\n <div class=\"text\">\r\n <h2 class=\"f-sm f-xs flex items-center gap-x-1\">\r\n {{ place.name | translate }}\r\n <img [src]=\"ICONS['enLocation']\" alt=\"\" />\r\n </h2>\r\n <p class=\"f-xs text-secondary\">\r\n {{ place.description! | translate }}\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img [src]=\"ICONS['groupBinBar']\" alt=\"\" class=\"cursor-pointer\" />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"background-gradient py-5 px-16\">\r\n <lib-primary-btn class=\"\">{{ \"PREVIEW\" | translate }}</lib-primary-btn>\r\n </div>\r\n </section>\r\n</div>\r\n", styles: [".main-itini-preview,.tracking-bottom-com{font-family:Gilroy-Regular!important}.tracking-bottom-com,.text{font-family:Gilroy-Regular!important;font-size:12px!important}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i5.PrimaryBtnComponent, selector: "lib-primary-btn", inputs: ["hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "loading$"] }, { kind: "component", type: i5.LibMapsComponent, selector: "lib-map", inputs: ["disableNotification", "markers", "initialLocation", "mapType", "enableDrag", "locations", "searchMapsString", "mapOptions", "directions$", "directionRenderOptions"], outputs: ["mapActionEvent"] }, { kind: "component", type: MapHeaderComponent, selector: "app-map-header", inputs: ["title", "backLink", "customcss"], outputs: ["onSearchClick"] }, { kind: "pipe", type:
|
|
8925
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ItineraryPreviewComponent, selector: "app-itinerary-preview", ngImport: i0, template: "<div class=\"pt-10 max-padd-container\">\r\n <app-map-header\r\n [title]=\"'Create Itinerary'\"\r\n [backLink]=\"'/'\"\r\n [customcss]=\"''\"\r\n ></app-map-header>\r\n</div>\r\n<div class=\"mt-6\">\r\n <lib-map\r\n [mapType]=\"mapType\"\r\n [markers]=\"locationsMarkers\"\r\n [enableDrag]=\"true\"\r\n [initialLocation]=\"initialLocation\"\r\n (mapLoaded)=\"onMapLoaded($event)\"\r\n ></lib-map>\r\n</div>\r\n\r\n<div class=\"main-itini-preview absolute bottom-0 py-3\">\r\n <section class=\"fixed bottom-0 w-full\">\r\n <div class=\"tracking-widest px-5 py-6 rounded-t-3xl\">\r\n <div class=\"tracking-bottom-com\">\r\n <div class=\"flex items-center justify-center gap-x-2\">\r\n <div class=\"flex items-center gap-x-1 text-xs\">\r\n <img [src]=\"ICONS['locationWhite']\" alt=\"location\" />\r\n <span>{{ places.length }} Places</span>\r\n </div>\r\n <div class=\"h-4 border w-0 border-secondary\"></div>\r\n <div class=\"flex items-center justify-center gap-x-2\">\r\n <img [src]=\"ICONS['clock']\" alt=\"\" />\r\n <span>45 minutes</span>\r\n <span class=\"text-secondary font-thin\">(6.6 Km)</span>\r\n </div>\r\n </div>\r\n <div\r\n class=\"border border-dashed opacity-55 rotate-90 absolute -left-6 top-36\"\r\n ></div>\r\n <div class=\"font-Gilroy mt-5 mb-3 flex flex-col gap-y-5\">\r\n <div\r\n *ngFor=\"let place of places\"\r\n class=\"flex items-center justify-between w-full gap-x-4\"\r\n >\r\n <div class=\"flex items-center justify-start gap-x-4\">\r\n <div\r\n class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full\"\r\n >\r\n <img [src]=\"ICONS['restu']\" alt=\"\" />\r\n </div>\r\n <div class=\"text\">\r\n <h2 class=\"f-sm f-xs flex items-center gap-x-1\">\r\n {{ place.name | translate }}\r\n <img [src]=\"ICONS['enLocation']\" alt=\"\" />\r\n </h2>\r\n <p class=\"f-xs text-secondary\">\r\n {{ place.description! | translate }}\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"flex items-center gap-x-3\">\r\n <img [src]=\"ICONS['groupBinBar']\" alt=\"\" class=\"cursor-pointer\" />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"background-gradient py-5 px-16\">\r\n <lib-primary-btn class=\"\">{{ \"PREVIEW\" | translate }}</lib-primary-btn>\r\n </div>\r\n </section>\r\n</div>\r\n", styles: [".main-itini-preview,.tracking-bottom-com{font-family:Gilroy-Regular!important}.tracking-bottom-com,.text{font-family:Gilroy-Regular!important;font-size:12px!important}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i5.PrimaryBtnComponent, selector: "lib-primary-btn", inputs: ["hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "loading$"] }, { kind: "component", type: i5.LibMapsComponent, selector: "lib-map", inputs: ["disableNotification", "markers", "initialLocation", "mapType", "enableDrag", "locations", "searchMapsString", "mapOptions", "directions$", "directionRenderOptions"], outputs: ["mapActionEvent"] }, { kind: "component", type: MapHeaderComponent, selector: "app-map-header", inputs: ["title", "backLink", "customcss"], outputs: ["onSearchClick"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8608
8926
|
}
|
|
8609
8927
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItineraryPreviewComponent, decorators: [{
|
|
8610
8928
|
type: Component,
|
|
@@ -8624,7 +8942,7 @@ class NonVisualMapFilterComponent {
|
|
|
8624
8942
|
this.map.startDrawingPolygon();
|
|
8625
8943
|
}
|
|
8626
8944
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NonVisualMapFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8627
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NonVisualMapFilterComponent, selector: "app-non-visual-map-filter", viewQueries: [{ propertyName: "map", first: true, predicate: ["map"], descendants: true }], ngImport: i0, template: "<div class=\"pt-10 max-padd-container\">\r\n <app-map-header\r\n [title]=\"'Create Itinerary'\"\r\n [backLink]=\"'/'\"\r\n [customcss]=\"''\"\r\n ></app-map-header>\r\n</div>\r\n<div class=\"mt-6\">\r\n <app-googlemap #map></app-googlemap>\r\n</div>\r\n<div class=\"absolute bottom-0 py-3\">\r\n <section class=\"fixed bottom-0 w-full\">\r\n <div class=\"tracking-widest px-5 py-6 rounded-t-xl drawer-shadow\">\r\n <div class=\"flex justify-between items-center\">\r\n <h1 class=\"no-visual-class xs:text-sm sm:text-md\">No Visual Filters</h1>\r\n <div\r\n class=\"bg-grey rounded-full searchbar-shadow flex items-center justify-between\"\r\n >\r\n <lib-primary-btn class=\"rounded-full p-2 px-4 focus:bg-primary\">\r\n <img [src]=\"ICONS['location']\" alt=\"\" />\r\n </lib-primary-btn>\r\n\r\n <lib-primary-btn\r\n class=\"rounded-full p-2 px-4 focus:bg-primary\"\r\n (click)=\"toggleDrawingTool()\"\r\n >\r\n <img [src]=\"ICONS['write']\" alt=\"\" />\r\n </lib-primary-btn>\r\n <lib-primary-btn class=\"rounded-full p-2 px-4 focus:bg-primary\">\r\n <img [src]=\"ICONS['warn']\" alt=\"\" />\r\n </lib-primary-btn>\r\n </div>\r\n </div>\r\n <div class=\"filter-class text-xs py-2 mt-2\">\r\n {{ \"NO_VISUAL_FILTER\" | translate }}\r\n </div>\r\n </div>\r\n\r\n <div class=\"background-gradient py-5 px-16\">\r\n <lib-primary-btn class=\"\">{{\r\n \"IMAGE_CROPPER.CONTINUE\" | translate\r\n }}</lib-primary-btn>\r\n </div>\r\n </section>\r\n</div>\r\n", styles: [".filter-class{font-family:Gilroy-Thin!important;font-size:12px!important}.no-visual-class{color:#fff;font-family:Calistoga;font-size:19.692px;font-style:normal;font-weight:400;line-height:160%;text-transform:capitalize}\n"], dependencies: [{ kind: "component", type: i5.PrimaryBtnComponent, selector: "lib-primary-btn", inputs: ["hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "loading$"] }, { kind: "component", type: GooglemapComponent, selector: "app-googlemap", inputs: ["newDestination"], outputs: ["destinationAdded"] }, { kind: "component", type: MapHeaderComponent, selector: "app-map-header", inputs: ["title", "backLink", "customcss"], outputs: ["onSearchClick"] }, { kind: "pipe", type:
|
|
8945
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NonVisualMapFilterComponent, selector: "app-non-visual-map-filter", viewQueries: [{ propertyName: "map", first: true, predicate: ["map"], descendants: true }], ngImport: i0, template: "<div class=\"pt-10 max-padd-container\">\r\n <app-map-header\r\n [title]=\"'Create Itinerary'\"\r\n [backLink]=\"'/'\"\r\n [customcss]=\"''\"\r\n ></app-map-header>\r\n</div>\r\n<div class=\"mt-6\">\r\n <app-googlemap #map></app-googlemap>\r\n</div>\r\n<div class=\"absolute bottom-0 py-3\">\r\n <section class=\"fixed bottom-0 w-full\">\r\n <div class=\"tracking-widest px-5 py-6 rounded-t-xl drawer-shadow\">\r\n <div class=\"flex justify-between items-center\">\r\n <h1 class=\"no-visual-class xs:text-sm sm:text-md\">No Visual Filters</h1>\r\n <div\r\n class=\"bg-grey rounded-full searchbar-shadow flex items-center justify-between\"\r\n >\r\n <lib-primary-btn class=\"rounded-full p-2 px-4 focus:bg-primary\">\r\n <img [src]=\"ICONS['location']\" alt=\"\" />\r\n </lib-primary-btn>\r\n\r\n <lib-primary-btn\r\n class=\"rounded-full p-2 px-4 focus:bg-primary\"\r\n (click)=\"toggleDrawingTool()\"\r\n >\r\n <img [src]=\"ICONS['write']\" alt=\"\" />\r\n </lib-primary-btn>\r\n <lib-primary-btn class=\"rounded-full p-2 px-4 focus:bg-primary\">\r\n <img [src]=\"ICONS['warn']\" alt=\"\" />\r\n </lib-primary-btn>\r\n </div>\r\n </div>\r\n <div class=\"filter-class text-xs py-2 mt-2\">\r\n {{ \"NO_VISUAL_FILTER\" | translate }}\r\n </div>\r\n </div>\r\n\r\n <div class=\"background-gradient py-5 px-16\">\r\n <lib-primary-btn class=\"\">{{\r\n \"IMAGE_CROPPER.CONTINUE\" | translate\r\n }}</lib-primary-btn>\r\n </div>\r\n </section>\r\n</div>\r\n", styles: [".filter-class{font-family:Gilroy-Thin!important;font-size:12px!important}.no-visual-class{color:#fff;font-family:Calistoga;font-size:19.692px;font-style:normal;font-weight:400;line-height:160%;text-transform:capitalize}\n"], dependencies: [{ kind: "component", type: i5.PrimaryBtnComponent, selector: "lib-primary-btn", inputs: ["hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "loading$"] }, { kind: "component", type: GooglemapComponent, selector: "app-googlemap", inputs: ["newDestination"], outputs: ["destinationAdded"] }, { kind: "component", type: MapHeaderComponent, selector: "app-map-header", inputs: ["title", "backLink", "customcss"], outputs: ["onSearchClick"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8628
8946
|
}
|
|
8629
8947
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NonVisualMapFilterComponent, decorators: [{
|
|
8630
8948
|
type: Component,
|
|
@@ -8778,7 +9096,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
8778
9096
|
|
|
8779
9097
|
class RecentSearchesComponent {
|
|
8780
9098
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RecentSearchesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8781
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: RecentSearchesComponent, selector: "app-recent-searches", ngImport: i0, template: "<div>\r\n <p class=\"search-sub-heading\">\r\n {{ \"RECENT_SEARCHES\" | translate }}\r\n </p>\r\n <app-recent-searches-list></app-recent-searches-list>\r\n</div>\r\n", styles: [".search-sub-heading{color:#bdbdbd;font-size:var(--font-size-small)}\n"], dependencies: [{ kind: "component", type: RecentSearchesListComponent, selector: "app-recent-searches-list" }, { kind: "pipe", type:
|
|
9099
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: RecentSearchesComponent, selector: "app-recent-searches", ngImport: i0, template: "<div>\r\n <p class=\"search-sub-heading\">\r\n {{ \"RECENT_SEARCHES\" | translate }}\r\n </p>\r\n <app-recent-searches-list></app-recent-searches-list>\r\n</div>\r\n", styles: [".search-sub-heading{color:#bdbdbd;font-size:var(--font-size-small)}\n"], dependencies: [{ kind: "component", type: RecentSearchesListComponent, selector: "app-recent-searches-list" }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8782
9100
|
}
|
|
8783
9101
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RecentSearchesComponent, decorators: [{
|
|
8784
9102
|
type: Component,
|
|
@@ -8846,13 +9164,13 @@ class SearchChipsComponent {
|
|
|
8846
9164
|
this.ts = ts;
|
|
8847
9165
|
this.cd = cd;
|
|
8848
9166
|
}
|
|
8849
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchChipsComponent, deps: [{ token:
|
|
8850
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SearchChipsComponent, selector: "app-search-chips", inputs: { selectedChip: "selectedChip" }, outputs: { chipItemSelected: "chipItemSelected" }, ngImport: i0, template: "<div class=\"suggestion mt-6 pr-2 pl-2\">\r\n <p class=\"search-sub-heading\">\r\n <ng-container *ngIf=\"chipSelected\">\r\n {{ \"SEARCHING\" | translate }}\r\n </ng-container>\r\n <ng-container *ngIf=\"!chipSelected\">\r\n I'm searching for...\r\n </ng-container>\r\n </p>\r\n <div class=\"mt-2\">\r\n <div class=\"search-chip flex gap-2 flex-wrap\">\r\n <ng-container *ngFor=\"let item of chipItems;\">\r\n <lib-selectable-badge\r\n *ngIf=\"item.show\"\r\n [label]=\"item.label\"\r\n [selected]=\"item.selected\"\r\n (selectionChanged)=\"onSelectionChanged($event, item.value)\"\r\n >\r\n </lib-selectable-badge>\r\n </ng-container>\r\n </div>\r\n </div>\r\n</div>\r\n<div class=\"border-t border-gray-700 mt-4 mx-2\"></div>\r\n", styles: [".search-sub-heading{color:#bdbdbd;font-size:var(--font-size-small)}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SelectableBadgeComponent, selector: "lib-selectable-badge", inputs: ["label", "selected"], outputs: ["selectionChanged"] }, { kind: "pipe", type:
|
|
9167
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchChipsComponent, deps: [{ token: i5$1.TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
9168
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SearchChipsComponent, selector: "app-search-chips", inputs: { selectedChip: "selectedChip" }, outputs: { chipItemSelected: "chipItemSelected" }, ngImport: i0, template: "<div class=\"suggestion mt-6 pr-2 pl-2\">\r\n <p class=\"search-sub-heading\">\r\n <ng-container *ngIf=\"chipSelected\">\r\n {{ \"SEARCHING\" | translate }}\r\n </ng-container>\r\n <ng-container *ngIf=\"!chipSelected\">\r\n I'm searching for...\r\n </ng-container>\r\n </p>\r\n <div class=\"mt-2\">\r\n <div class=\"search-chip flex gap-2 flex-wrap\">\r\n <ng-container *ngFor=\"let item of chipItems;\">\r\n <lib-selectable-badge\r\n *ngIf=\"item.show\"\r\n [label]=\"item.label\"\r\n [selected]=\"item.selected\"\r\n (selectionChanged)=\"onSelectionChanged($event, item.value)\"\r\n >\r\n </lib-selectable-badge>\r\n </ng-container>\r\n </div>\r\n </div>\r\n</div>\r\n<div class=\"border-t border-gray-700 mt-4 mx-2\"></div>\r\n", styles: [".search-sub-heading{color:#bdbdbd;font-size:var(--font-size-small)}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SelectableBadgeComponent, selector: "lib-selectable-badge", inputs: ["label", "selected"], outputs: ["selectionChanged"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8851
9169
|
}
|
|
8852
9170
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchChipsComponent, decorators: [{
|
|
8853
9171
|
type: Component,
|
|
8854
9172
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-search-chips', standalone: false, template: "<div class=\"suggestion mt-6 pr-2 pl-2\">\r\n <p class=\"search-sub-heading\">\r\n <ng-container *ngIf=\"chipSelected\">\r\n {{ \"SEARCHING\" | translate }}\r\n </ng-container>\r\n <ng-container *ngIf=\"!chipSelected\">\r\n I'm searching for...\r\n </ng-container>\r\n </p>\r\n <div class=\"mt-2\">\r\n <div class=\"search-chip flex gap-2 flex-wrap\">\r\n <ng-container *ngFor=\"let item of chipItems;\">\r\n <lib-selectable-badge\r\n *ngIf=\"item.show\"\r\n [label]=\"item.label\"\r\n [selected]=\"item.selected\"\r\n (selectionChanged)=\"onSelectionChanged($event, item.value)\"\r\n >\r\n </lib-selectable-badge>\r\n </ng-container>\r\n </div>\r\n </div>\r\n</div>\r\n<div class=\"border-t border-gray-700 mt-4 mx-2\"></div>\r\n", styles: [".search-sub-heading{color:#bdbdbd;font-size:var(--font-size-small)}\n"] }]
|
|
8855
|
-
}], ctorParameters: () => [{ type:
|
|
9173
|
+
}], ctorParameters: () => [{ type: i5$1.TranslateService }, { type: i0.ChangeDetectorRef }], propDecorators: { selectedChip: [{
|
|
8856
9174
|
type: Input
|
|
8857
9175
|
}], chipItemSelected: [{
|
|
8858
9176
|
type: Output
|
|
@@ -8911,7 +9229,7 @@ class ClearHistoryPopupComponent {
|
|
|
8911
9229
|
this.clearHistory.emit();
|
|
8912
9230
|
}
|
|
8913
9231
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ClearHistoryPopupComponent, deps: [{ token: ModalClearHistoryService }], target: i0.ɵɵFactoryTarget.Component });
|
|
8914
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ClearHistoryPopupComponent, selector: "lib-clear-history-popup", outputs: { clearHistory: "clearHistory" }, ngImport: i0, template: " <div class=\"delete-modal text-center\">\r\n <img [ngSrc]=\"ICONS['delete']\" height=\"46\" width=\"46\" class=\"mx-auto\" />\r\n \r\n <h3 class=\"font-[Calistoga] mt-5\">\r\n {{ \"ITINERARY.CLEAR_SEARCH_HISTORY\" | translate }}\r\n </h3>\r\n \r\n <p class=\"text-white mb-2 max-w-[80%] ml-auto mr-auto mt-1 text-[10px]\">\r\n {{ \"ITINERARY.CLEAR_SEARCH_WARNING\" | translate }}\r\n </p>\r\n \r\n <div class=\"flex justify-center gap-10 mt-5\">\r\n <button class=\"custom-flat-button font-[Calistoga]\" (click)=\"closeModal()\">\r\n {{ \"COMMON.KEEP\" | translate }}\r\n </button>\r\n <button class=\"custom-flat-button-highlighted-font font-[Calistoga]\" (click)=\"deleteItinerary()\">\r\n {{ \"COMMON.CLEAR\" | translate }}\r\n </button>\r\n </div>\r\n </div>", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "pipe", type:
|
|
9232
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ClearHistoryPopupComponent, selector: "lib-clear-history-popup", outputs: { clearHistory: "clearHistory" }, ngImport: i0, template: " <div class=\"delete-modal text-center\">\r\n <img [ngSrc]=\"ICONS['delete']\" height=\"46\" width=\"46\" class=\"mx-auto\" />\r\n \r\n <h3 class=\"font-[Calistoga] mt-5\">\r\n {{ \"ITINERARY.CLEAR_SEARCH_HISTORY\" | translate }}\r\n </h3>\r\n \r\n <p class=\"text-white mb-2 max-w-[80%] ml-auto mr-auto mt-1 text-[10px]\">\r\n {{ \"ITINERARY.CLEAR_SEARCH_WARNING\" | translate }}\r\n </p>\r\n \r\n <div class=\"flex justify-center gap-10 mt-5\">\r\n <button class=\"custom-flat-button font-[Calistoga]\" (click)=\"closeModal()\">\r\n {{ \"COMMON.KEEP\" | translate }}\r\n </button>\r\n <button class=\"custom-flat-button-highlighted-font font-[Calistoga]\" (click)=\"deleteItinerary()\">\r\n {{ \"COMMON.CLEAR\" | translate }}\r\n </button>\r\n </div>\r\n </div>", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
|
|
8915
9233
|
}
|
|
8916
9234
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ClearHistoryPopupComponent, decorators: [{
|
|
8917
9235
|
type: Component,
|
|
@@ -9117,11 +9435,11 @@ class MainSearchComponent {
|
|
|
9117
9435
|
navToBack = () => this.location.back();
|
|
9118
9436
|
clear() { }
|
|
9119
9437
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MainSearchComponent, deps: [{ token: ApiService }, { token: i1$2.Location }, { token: i0.ChangeDetectorRef }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
9120
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MainSearchComponent, selector: "app-main-search", inputs: { enableSelection: "enableSelection", enableGridFilters: "enableGridFilters", enableCreate: "enableCreate", enableRefresh: "enableRefresh", enableTrash: "enableTrash", isLoading: "isLoading", totalRecords: "totalRecords", rowsPerPage: "rowsPerPage", first: "first", rowsPerPageOptions: "rowsPerPageOptions", actionButtons: "actionButtons", currencyDisplayCode: "currencyDisplayCode", minimumColumnWidth: "minimumColumnWidth", isEditInProgress: "isEditInProgress" }, outputs: { lazyLoad: "lazyLoad", columnsChange: "columnsChange", editComplete: "editComplete", editChange: "editChange", selectAllPages: "selectAllPages", createClicked: "createClicked", refreshData: "refreshData", showTrash: "showTrash", excludeItem: "excludeItem", userFilter: "userFilter" }, ngImport: i0, template: "<div class=\"main-search-screen pt-5 px-4\">\r\n <div class=\"sub-screen\">\r\n <
|
|
9438
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MainSearchComponent, selector: "app-main-search", inputs: { enableSelection: "enableSelection", enableGridFilters: "enableGridFilters", enableCreate: "enableCreate", enableRefresh: "enableRefresh", enableTrash: "enableTrash", isLoading: "isLoading", totalRecords: "totalRecords", rowsPerPage: "rowsPerPage", first: "first", rowsPerPageOptions: "rowsPerPageOptions", actionButtons: "actionButtons", currencyDisplayCode: "currencyDisplayCode", minimumColumnWidth: "minimumColumnWidth", isEditInProgress: "isEditInProgress" }, outputs: { lazyLoad: "lazyLoad", columnsChange: "columnsChange", editComplete: "editComplete", editChange: "editChange", selectAllPages: "selectAllPages", createClicked: "createClicked", refreshData: "refreshData", showTrash: "showTrash", excludeItem: "excludeItem", userFilter: "userFilter" }, ngImport: i0, template: "<div class=\"main-search-screen pt-5 px-4\">\r\n <div class=\"sub-screen\">\r\n <app-search-bar class=\"search-field\" [placeholderText]=\"'SEARCH_ITINERARIES' | translate\"\r\n (searchStringChange)=\"handleSearchStringChange($event)\" (cleared)=\"clear()\" [searchIcon]=\"ICONS['dashboardSearch']\">\r\n </app-search-bar>\r\n <app-search-chips [selectedChip]=\"selectedCategory\" (chipItemSelected)=\"categorySelected($event)\"></app-search-chips>\r\n <div class=\"p-4\">\r\n <ng-container *ngIf=\"isSearching\">\r\n <app-search-results [data]=\"filteredData\"></app-search-results>\r\n </ng-container>\r\n <app-recent-searches *ngIf=\"!isSearching\"></app-recent-searches>\r\n <app-serach-clear-history *ngIf=\"!isSearching\"></app-serach-clear-history>\r\n <div class=\"border-t border-gray-700 mt-2\" *ngIf=\"!isSearching\"></div>\r\n <app-quick-actions [hidden]=\"searchString && !selectedCategory\"></app-quick-actions>\r\n <app-serach-bottom-bar></app-serach-bottom-bar>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".main-search-screen{height:100%;overflow-y:auto}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SearchBarComponent, selector: "app-search-bar", inputs: ["searchIcon", "placeholderText"], outputs: ["searchStringChange", "cleared"] }, { kind: "component", type: SearchChipsComponent, selector: "app-search-chips", inputs: ["selectedChip"], outputs: ["chipItemSelected"] }, { kind: "component", type: RecentSearchesComponent, selector: "app-recent-searches" }, { kind: "component", type: QuickActionsComponent, selector: "app-quick-actions" }, { kind: "component", type: SerachBottomBarComponent, selector: "app-serach-bottom-bar" }, { kind: "component", type: SerachClearHistoryComponent, selector: "app-serach-clear-history" }, { kind: "component", type: SearchResultsComponent, selector: "app-search-results", inputs: ["data"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
9121
9439
|
}
|
|
9122
9440
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MainSearchComponent, decorators: [{
|
|
9123
9441
|
type: Component,
|
|
9124
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-main-search', standalone: false, template: "<div class=\"main-search-screen pt-5 px-4\">\r\n <div class=\"sub-screen\">\r\n <
|
|
9442
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-main-search', standalone: false, template: "<div class=\"main-search-screen pt-5 px-4\">\r\n <div class=\"sub-screen\">\r\n <app-search-bar class=\"search-field\" [placeholderText]=\"'SEARCH_ITINERARIES' | translate\"\r\n (searchStringChange)=\"handleSearchStringChange($event)\" (cleared)=\"clear()\" [searchIcon]=\"ICONS['dashboardSearch']\">\r\n </app-search-bar>\r\n <app-search-chips [selectedChip]=\"selectedCategory\" (chipItemSelected)=\"categorySelected($event)\"></app-search-chips>\r\n <div class=\"p-4\">\r\n <ng-container *ngIf=\"isSearching\">\r\n <app-search-results [data]=\"filteredData\"></app-search-results>\r\n </ng-container>\r\n <app-recent-searches *ngIf=\"!isSearching\"></app-recent-searches>\r\n <app-serach-clear-history *ngIf=\"!isSearching\"></app-serach-clear-history>\r\n <div class=\"border-t border-gray-700 mt-2\" *ngIf=\"!isSearching\"></div>\r\n <app-quick-actions [hidden]=\"searchString && !selectedCategory\"></app-quick-actions>\r\n <app-serach-bottom-bar></app-serach-bottom-bar>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".main-search-screen{height:100%;overflow-y:auto}\n"] }]
|
|
9125
9443
|
}], ctorParameters: () => [{ type: ApiService }, { type: i1$2.Location }, { type: i0.ChangeDetectorRef }, { type: i1.Router }], propDecorators: { enableSelection: [{
|
|
9126
9444
|
type: Input
|
|
9127
9445
|
}], enableGridFilters: [{
|
|
@@ -9304,7 +9622,7 @@ class ProfileComponent {
|
|
|
9304
9622
|
}
|
|
9305
9623
|
back = () => this.location.back();
|
|
9306
9624
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProfileComponent, deps: [{ token: i1$2.Location }], target: i0.ɵɵFactoryTarget.Component });
|
|
9307
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ProfileComponent, selector: "app-profile", ngImport: i0, template: "<div class=\"ps-5 pe-5\">\r\n <app-header (firstButton)=\"back()\" [heading]=\"'PROFILE.PROFILE' | translate\">\r\n </app-header>\r\n\r\n <div class=\"mt-3 flex justify-center\">\r\n <img class=\"profile-pic\" [src]=\"ICONS['dummyUserProfile']\" alt=\"profile\" />\r\n </div>\r\n\r\n <h3 class=\"mt-4 text-center\">Jonathan</h3>\r\n\r\n <div class=\"mt-2 flex justify-center items-center\">\r\n <img class=\"icon me-1\" [src]=\"ICONS['calendar']\" alt=\"calender\" />\r\n <span>23 year old</span>\r\n <img class=\"icon ms-2 me-1\" [src]=\"ICONS['locationLight']\" alt=\"location\" />\r\n <span>New York City, NY</span>\r\n </div>\r\n\r\n <hr />\r\n\r\n <div>\r\n <h4 class=\"mb-5\">{{ \"PROFILE.ABOUT_ME\" | translate }}</h4>\r\n <span>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Laboriosam\r\n minus officia provident in iusto nostrum nesciunt enim? At minima\r\n doloremque, reiciendis suscipit magnam quam quae in vitae soluta? Fugiat,\r\n adipisci!</span>\r\n </div>\r\n\r\n <hr />\r\n\r\n <h4 class=\"mb-5\">{{ \"PROFILE.PASSION\" | translate }}</h4>\r\n <div class=\"flex flex-wrap gap-4\">\r\n <lib-selectable [options]=\"passions\"></lib-selectable>\r\n </div>\r\n</div>\r\n", styles: [".profile-pic{border-radius:500px;height:79px!important;width:79px!important}h3{font-family:Calistoga;font-weight:400;font-size:19.69px;line-height:25.6px;letter-spacing:0%;text-align:center}h4{font-family:Gilroy;font-weight:600;font-size:13.13px;line-height:21px;letter-spacing:0%}.icon{width:13px!important;height:13px!important;top:232.2px;left:77.13px}hr{width:262.5599975586;height:.8205000162;margin:1.25rem .5rem;opacity:.15;border-radius:6.83px;background:#dcdcdc;box-shadow:1.71px 1.71px 3.41px #00000040 inset;box-shadow:-1.71px -1.71px 3.41px #ffffff40 inset}span{font-family:Gilroy;font-weight:500;font-size:9.85px;line-height:0px;letter-spacing:0%;color:#bbbabc}\n"], dependencies: [{ kind: "component", type: HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "component", type: i5.SelectableComponent, selector: "lib-selectable", inputs: ["options", "singleSelectionOnly", "maxSelectionPossible"], outputs: ["maxSelectionsReached"] }, { kind: "pipe", type:
|
|
9625
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ProfileComponent, selector: "app-profile", ngImport: i0, template: "<div class=\"ps-5 pe-5\">\r\n <app-header (firstButton)=\"back()\" [heading]=\"'PROFILE.PROFILE' | translate\">\r\n </app-header>\r\n\r\n <div class=\"mt-3 flex justify-center\">\r\n <img class=\"profile-pic\" [src]=\"ICONS['dummyUserProfile']\" alt=\"profile\" />\r\n </div>\r\n\r\n <h3 class=\"mt-4 text-center\">Jonathan</h3>\r\n\r\n <div class=\"mt-2 flex justify-center items-center\">\r\n <img class=\"icon me-1\" [src]=\"ICONS['calendar']\" alt=\"calender\" />\r\n <span>23 year old</span>\r\n <img class=\"icon ms-2 me-1\" [src]=\"ICONS['locationLight']\" alt=\"location\" />\r\n <span>New York City, NY</span>\r\n </div>\r\n\r\n <hr />\r\n\r\n <div>\r\n <h4 class=\"mb-5\">{{ \"PROFILE.ABOUT_ME\" | translate }}</h4>\r\n <span>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Laboriosam\r\n minus officia provident in iusto nostrum nesciunt enim? At minima\r\n doloremque, reiciendis suscipit magnam quam quae in vitae soluta? Fugiat,\r\n adipisci!</span>\r\n </div>\r\n\r\n <hr />\r\n\r\n <h4 class=\"mb-5\">{{ \"PROFILE.PASSION\" | translate }}</h4>\r\n <div class=\"flex flex-wrap gap-4\">\r\n <lib-selectable [options]=\"passions\"></lib-selectable>\r\n </div>\r\n</div>\r\n", styles: [".profile-pic{border-radius:500px;height:79px!important;width:79px!important}h3{font-family:Calistoga;font-weight:400;font-size:19.69px;line-height:25.6px;letter-spacing:0%;text-align:center}h4{font-family:Gilroy;font-weight:600;font-size:13.13px;line-height:21px;letter-spacing:0%}.icon{width:13px!important;height:13px!important;top:232.2px;left:77.13px}hr{width:262.5599975586;height:.8205000162;margin:1.25rem .5rem;opacity:.15;border-radius:6.83px;background:#dcdcdc;box-shadow:1.71px 1.71px 3.41px #00000040 inset;box-shadow:-1.71px -1.71px 3.41px #ffffff40 inset}span{font-family:Gilroy;font-weight:500;font-size:9.85px;line-height:0px;letter-spacing:0%;color:#bbbabc}\n"], dependencies: [{ kind: "component", type: HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "component", type: i5.SelectableComponent, selector: "lib-selectable", inputs: ["options", "singleSelectionOnly", "maxSelectionPossible"], outputs: ["maxSelectionsReached"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
|
|
9308
9626
|
}
|
|
9309
9627
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProfileComponent, decorators: [{
|
|
9310
9628
|
type: Component,
|
|
@@ -9425,7 +9743,7 @@ function httpLoaderFactory(http) {
|
|
|
9425
9743
|
}
|
|
9426
9744
|
class ItineraryLibModule {
|
|
9427
9745
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItineraryLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9428
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ItineraryLibModule, declarations: [ItineraryLibComponent], imports: [CommonModule,
|
|
9746
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ItineraryLibModule, declarations: [ItineraryLibComponent], imports: [CommonModule, i5$1.TranslateModule, ButtonsModule,
|
|
9429
9747
|
FormsModule,
|
|
9430
9748
|
IonicModule,
|
|
9431
9749
|
ReactiveFormsModule,
|