@flower-city-online/itinerary-lib 0.0.52 → 0.0.55
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/comment-filter-menu/comment-filter-menu.component.mjs +5 -5
- package/esm2022/lib/itinerary-app/modules/itineraries/components/filter-menu/filter-menu.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-member-details/create-itinerary-member-details.component.mjs +6 -5
- 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 +5 -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 +6 -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 +7 -5
- 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-author-history/itinerary-author-history.component.mjs +7 -6
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/itinerary-detail/components/details/details.component.mjs +5 -4
- 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 +5 -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 +5 -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/modules/user/profile/profile.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/selectable/selectable.component.mjs +52 -0
- package/esm2022/lib/itinerary-app/shared/shared.module.mjs +34 -6
- package/esm2022/lib/itinerary-app/shared/users-stack/users-stack.component.mjs +4 -4
- package/fesm2022/flower-city-online-itinerary-lib.mjs +522 -152
- 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/selectable/selectable.component.d.ts +20 -0
- package/lib/itinerary-app/shared/shared.module.d.ts +12 -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: [{
|
|
@@ -1014,6 +1056,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1014
1056
|
}]
|
|
1015
1057
|
}], ctorParameters: () => [{ type: i1$3.HttpClient }] });
|
|
1016
1058
|
|
|
1059
|
+
class SelectableComponent {
|
|
1060
|
+
options = [];
|
|
1061
|
+
formControl = null;
|
|
1062
|
+
singleSelectionOnly = false;
|
|
1063
|
+
maxSelectionPossible = 0;
|
|
1064
|
+
customClass = '';
|
|
1065
|
+
click = new EventEmitter();
|
|
1066
|
+
selectionchange = new EventEmitter();
|
|
1067
|
+
ngOnInit() {
|
|
1068
|
+
// lib-selectable handles its own state internally
|
|
1069
|
+
}
|
|
1070
|
+
ngOnChanges() {
|
|
1071
|
+
// lib-selectable handles its own state internally
|
|
1072
|
+
}
|
|
1073
|
+
ngAfterContentInit() {
|
|
1074
|
+
// Content projection is handled automatically by Angular
|
|
1075
|
+
}
|
|
1076
|
+
ngOnDestroy() {
|
|
1077
|
+
// Cleanup if needed
|
|
1078
|
+
}
|
|
1079
|
+
onClick() {
|
|
1080
|
+
this.click.emit();
|
|
1081
|
+
}
|
|
1082
|
+
onSelectionChange() {
|
|
1083
|
+
this.selectionchange.emit();
|
|
1084
|
+
}
|
|
1085
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1086
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SelectableComponent, selector: "app-selectable", inputs: { options: "options", formControl: "formControl", singleSelectionOnly: "singleSelectionOnly", maxSelectionPossible: "maxSelectionPossible", customClass: "customClass" }, outputs: { click: "click", selectionchange: "selectionchange" }, usesOnChanges: true, ngImport: i0, template: "<lib-selectable\r\n [options]=\"options\"\r\n [formControl]=\"formControl!\"\r\n [singleSelectionOnly]=\"singleSelectionOnly\"\r\n [maxSelectionPossible]=\"maxSelectionPossible\"\r\n [class]=\"customClass\"\r\n (click)=\"onClick()\"\r\n (selectionchange)=\"onSelectionChange()\"\r\n>\r\n <ng-content></ng-content>\r\n</lib-selectable>\r\n\r\n", styles: ["::ng-deep .btn-selectable{--padding-start: 1.1em !important;--padding-end: 1.1em !important}::ng-deep .btn-selectable.selected[_ngcontent-ng-c3164006478]::part(native){background:none!important}\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i5.SelectableComponent, selector: "lib-selectable", inputs: ["options", "singleSelectionOnly", "maxSelectionPossible"], outputs: ["maxSelectionsReached"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
1087
|
+
}
|
|
1088
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectableComponent, decorators: [{
|
|
1089
|
+
type: Component,
|
|
1090
|
+
args: [{ selector: 'app-selectable', template: "<lib-selectable\r\n [options]=\"options\"\r\n [formControl]=\"formControl!\"\r\n [singleSelectionOnly]=\"singleSelectionOnly\"\r\n [maxSelectionPossible]=\"maxSelectionPossible\"\r\n [class]=\"customClass\"\r\n (click)=\"onClick()\"\r\n (selectionchange)=\"onSelectionChange()\"\r\n>\r\n <ng-content></ng-content>\r\n</lib-selectable>\r\n\r\n", styles: ["::ng-deep .btn-selectable{--padding-start: 1.1em !important;--padding-end: 1.1em !important}::ng-deep .btn-selectable.selected[_ngcontent-ng-c3164006478]::part(native){background:none!important}\n"] }]
|
|
1091
|
+
}], propDecorators: { options: [{
|
|
1092
|
+
type: Input
|
|
1093
|
+
}], formControl: [{
|
|
1094
|
+
type: Input
|
|
1095
|
+
}], singleSelectionOnly: [{
|
|
1096
|
+
type: Input
|
|
1097
|
+
}], maxSelectionPossible: [{
|
|
1098
|
+
type: Input
|
|
1099
|
+
}], customClass: [{
|
|
1100
|
+
type: Input
|
|
1101
|
+
}], click: [{
|
|
1102
|
+
type: Output
|
|
1103
|
+
}], selectionchange: [{
|
|
1104
|
+
type: Output
|
|
1105
|
+
}] } });
|
|
1106
|
+
|
|
1017
1107
|
class UsersStackComponent {
|
|
1018
1108
|
assetService;
|
|
1019
1109
|
cdr;
|
|
@@ -1048,11 +1138,11 @@ class UsersStackComponent {
|
|
|
1048
1138
|
this.imageLoaded[index] = true;
|
|
1049
1139
|
}
|
|
1050
1140
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UsersStackComponent, deps: [{ token: AssetsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1051
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: UsersStackComponent, selector: "app-users-stack", inputs: { images: "images", maxVisible: "maxVisible", size: "size", loading: "loading", class: "class", isSelectableVisible: "isSelectableVisible", selectableOption: "selectableOption" }, ngImport: i0, template: "<div *ngIf=\"!loading\" [class]=\"'flex items-center ' + class\">\r\n <ng-container *ngFor=\"let img of visibleImages; let i = index\">\r\n <div class=\"rounded-full overflow-hidden relative\" [ngStyle]=\"{\r\n height: size + 'px',\r\n width: size + 'px',\r\n 'margin-left': i === 0 ? '0px' : -size * 0.45 + 'px',\r\n }\">\r\n <img [src]=\"img\" alt=\"Avatar\" loading=\"lazy\" class=\"w-full h-full object-cover\" (load)=\"onImageLoad(i)\"\r\n (error)=\"onImageLoad(i)\" />\r\n <div *ngIf=\"!imageLoaded[i]\" class=\"absolute inset-0 flex items-center justify-center bg-gray-200\">\r\n <div class=\"spinner\"></div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <div *ngIf=\"remainingCount > 0\" class=\"rounded-full relative flex items-center justify-center\" [ngStyle]=\"{\r\n height: size + 'px',\r\n width: size + 'px',\r\n 'margin-left': visibleImages.length > 0 ? -size * 0.45 + 'px' : '0px',\r\n 'background-color': 'rgba(81, 78, 87, 1)',\r\n }\">\r\n <p style=\"font-size: clamp(7px, 3vw, 15px)\" class=\"f-gilroy-regular\">\r\n {{ remainingCount }}+\r\n </p>\r\n </div>\r\n <div class=\"absolute z-10\" [style.left.px]=\"maxVisible * 26\">\r\n <
|
|
1141
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: UsersStackComponent, selector: "app-users-stack", inputs: { images: "images", maxVisible: "maxVisible", size: "size", loading: "loading", class: "class", isSelectableVisible: "isSelectableVisible", selectableOption: "selectableOption" }, ngImport: i0, template: "<div *ngIf=\"!loading\" [class]=\"'flex items-center ' + class\">\r\n <ng-container *ngFor=\"let img of visibleImages; let i = index\">\r\n <div class=\"rounded-full overflow-hidden relative\" [ngStyle]=\"{\r\n height: size + 'px',\r\n width: size + 'px',\r\n 'margin-left': i === 0 ? '0px' : -size * 0.45 + 'px',\r\n }\">\r\n <img [src]=\"img\" alt=\"Avatar\" loading=\"lazy\" class=\"w-full h-full object-cover\" (load)=\"onImageLoad(i)\"\r\n (error)=\"onImageLoad(i)\" />\r\n <div *ngIf=\"!imageLoaded[i]\" class=\"absolute inset-0 flex items-center justify-center bg-gray-200\">\r\n <div class=\"spinner\"></div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <div *ngIf=\"remainingCount > 0\" class=\"rounded-full relative flex items-center justify-center\" [ngStyle]=\"{\r\n height: size + 'px',\r\n width: size + 'px',\r\n 'margin-left': visibleImages.length > 0 ? -size * 0.45 + 'px' : '0px',\r\n 'background-color': 'rgba(81, 78, 87, 1)',\r\n }\">\r\n <p style=\"font-size: clamp(7px, 3vw, 15px)\" class=\"f-gilroy-regular\">\r\n {{ remainingCount }}+\r\n </p>\r\n </div>\r\n <div class=\"absolute z-10\" [style.left.px]=\"maxVisible * 26\">\r\n <app-selectable *ngIf=\"isSelectableVisible\" [options]=\"[selectableOption]\"></app-selectable>\r\n </div>\r\n</div>\r\n", styles: [".my-custom-class{box-shadow:0 0 4px #514e57}.spinner{border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;width:24px;height:24px;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\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: "component", type: SelectableComponent, selector: "app-selectable", inputs: ["options", "formControl", "singleSelectionOnly", "maxSelectionPossible", "customClass"], outputs: ["click", "selectionchange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1052
1142
|
}
|
|
1053
1143
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UsersStackComponent, decorators: [{
|
|
1054
1144
|
type: Component,
|
|
1055
|
-
args: [{ selector: 'app-users-stack', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div *ngIf=\"!loading\" [class]=\"'flex items-center ' + class\">\r\n <ng-container *ngFor=\"let img of visibleImages; let i = index\">\r\n <div class=\"rounded-full overflow-hidden relative\" [ngStyle]=\"{\r\n height: size + 'px',\r\n width: size + 'px',\r\n 'margin-left': i === 0 ? '0px' : -size * 0.45 + 'px',\r\n }\">\r\n <img [src]=\"img\" alt=\"Avatar\" loading=\"lazy\" class=\"w-full h-full object-cover\" (load)=\"onImageLoad(i)\"\r\n (error)=\"onImageLoad(i)\" />\r\n <div *ngIf=\"!imageLoaded[i]\" class=\"absolute inset-0 flex items-center justify-center bg-gray-200\">\r\n <div class=\"spinner\"></div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <div *ngIf=\"remainingCount > 0\" class=\"rounded-full relative flex items-center justify-center\" [ngStyle]=\"{\r\n height: size + 'px',\r\n width: size + 'px',\r\n 'margin-left': visibleImages.length > 0 ? -size * 0.45 + 'px' : '0px',\r\n 'background-color': 'rgba(81, 78, 87, 1)',\r\n }\">\r\n <p style=\"font-size: clamp(7px, 3vw, 15px)\" class=\"f-gilroy-regular\">\r\n {{ remainingCount }}+\r\n </p>\r\n </div>\r\n <div class=\"absolute z-10\" [style.left.px]=\"maxVisible * 26\">\r\n <
|
|
1145
|
+
args: [{ selector: 'app-users-stack', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div *ngIf=\"!loading\" [class]=\"'flex items-center ' + class\">\r\n <ng-container *ngFor=\"let img of visibleImages; let i = index\">\r\n <div class=\"rounded-full overflow-hidden relative\" [ngStyle]=\"{\r\n height: size + 'px',\r\n width: size + 'px',\r\n 'margin-left': i === 0 ? '0px' : -size * 0.45 + 'px',\r\n }\">\r\n <img [src]=\"img\" alt=\"Avatar\" loading=\"lazy\" class=\"w-full h-full object-cover\" (load)=\"onImageLoad(i)\"\r\n (error)=\"onImageLoad(i)\" />\r\n <div *ngIf=\"!imageLoaded[i]\" class=\"absolute inset-0 flex items-center justify-center bg-gray-200\">\r\n <div class=\"spinner\"></div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <div *ngIf=\"remainingCount > 0\" class=\"rounded-full relative flex items-center justify-center\" [ngStyle]=\"{\r\n height: size + 'px',\r\n width: size + 'px',\r\n 'margin-left': visibleImages.length > 0 ? -size * 0.45 + 'px' : '0px',\r\n 'background-color': 'rgba(81, 78, 87, 1)',\r\n }\">\r\n <p style=\"font-size: clamp(7px, 3vw, 15px)\" class=\"f-gilroy-regular\">\r\n {{ remainingCount }}+\r\n </p>\r\n </div>\r\n <div class=\"absolute z-10\" [style.left.px]=\"maxVisible * 26\">\r\n <app-selectable *ngIf=\"isSelectableVisible\" [options]=\"[selectableOption]\"></app-selectable>\r\n </div>\r\n</div>\r\n", styles: [".my-custom-class{box-shadow:0 0 4px #514e57}.spinner{border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;width:24px;height:24px;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
1056
1146
|
}], ctorParameters: () => [{ type: AssetsService }, { type: i0.ChangeDetectorRef }], propDecorators: { images: [{
|
|
1057
1147
|
type: Input
|
|
1058
1148
|
}], maxVisible: [{
|
|
@@ -1152,11 +1242,11 @@ class CutomCardComponent {
|
|
|
1152
1242
|
this.itineraryWatchingUsersClicked.emit();
|
|
1153
1243
|
}
|
|
1154
1244
|
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 <
|
|
1245
|
+
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
1246
|
}
|
|
1157
1247
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CutomCardComponent, decorators: [{
|
|
1158
1248
|
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 <
|
|
1249
|
+
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
1250
|
}], ctorParameters: () => [], propDecorators: { libMenuItem: [{
|
|
1161
1251
|
type: Input
|
|
1162
1252
|
}], isDraft: [{
|
|
@@ -1313,14 +1403,14 @@ class FooterComponent {
|
|
|
1313
1403
|
}
|
|
1314
1404
|
initShadowrootHandler() {
|
|
1315
1405
|
const targetNode = this.el.nativeElement;
|
|
1316
|
-
this.shadowrootHandler.accessShadowRoot(targetNode, '
|
|
1406
|
+
this.shadowrootHandler.accessShadowRoot(targetNode, 'app-bottom-modal', () => {
|
|
1317
1407
|
this.applyStylesToDialog();
|
|
1318
1408
|
});
|
|
1319
1409
|
}
|
|
1320
1410
|
applyStylesToDialog() {
|
|
1321
|
-
const targetNode = this.el.nativeElement.querySelector('
|
|
1411
|
+
const targetNode = this.el.nativeElement.querySelector('app-bottom-modal');
|
|
1322
1412
|
if (targetNode) {
|
|
1323
|
-
const classNameElements = targetNode.getElementsByClassName('
|
|
1413
|
+
const classNameElements = targetNode.getElementsByClassName('app-bottom-modal');
|
|
1324
1414
|
if (classNameElements.length > 0) {
|
|
1325
1415
|
const dialogDiv = classNameElements[0].shadowRoot?.querySelector('div[role="dialog"]');
|
|
1326
1416
|
if (dialogDiv) {
|
|
@@ -1341,11 +1431,11 @@ class FooterComponent {
|
|
|
1341
1431
|
}
|
|
1342
1432
|
}
|
|
1343
1433
|
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(--
|
|
1434
|
+
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
1435
|
}
|
|
1346
1436
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterComponent, decorators: [{
|
|
1347
1437
|
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(--
|
|
1438
|
+
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
1439
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: ShadowRootHandlerService }, { type: BottomNavigationService }, { type: i0.ChangeDetectorRef }, { type: i1.Router }] });
|
|
1350
1440
|
|
|
1351
1441
|
// import {
|
|
@@ -1410,11 +1500,11 @@ class HeaderComponent {
|
|
|
1410
1500
|
this.titleIconClick.emit();
|
|
1411
1501
|
}
|
|
1412
1502
|
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 .
|
|
1503
|
+
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
1504
|
}
|
|
1415
1505
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderComponent, decorators: [{
|
|
1416
1506
|
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 .
|
|
1507
|
+
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
1508
|
}], propDecorators: { heading: [{
|
|
1419
1509
|
type: Input
|
|
1420
1510
|
}], headerRightIcon: [{
|
|
@@ -1473,11 +1563,11 @@ class NotificationTileComponent {
|
|
|
1473
1563
|
this.btnClick.emit();
|
|
1474
1564
|
}
|
|
1475
1565
|
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 <
|
|
1566
|
+
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
1567
|
}
|
|
1478
1568
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationTileComponent, decorators: [{
|
|
1479
1569
|
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 <
|
|
1570
|
+
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
1571
|
}], ctorParameters: () => [], propDecorators: { libMenuItem: [{
|
|
1482
1572
|
type: Input
|
|
1483
1573
|
}], content: [{
|
|
@@ -1507,6 +1597,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1507
1597
|
}]
|
|
1508
1598
|
}], ctorParameters: () => [] });
|
|
1509
1599
|
|
|
1600
|
+
class SearchBarComponent {
|
|
1601
|
+
searchIcon = '';
|
|
1602
|
+
placeholderText = '';
|
|
1603
|
+
searchStringChange = new EventEmitter();
|
|
1604
|
+
cleared = new EventEmitter();
|
|
1605
|
+
handleSearchStringChange(event) {
|
|
1606
|
+
this.searchStringChange.emit(event);
|
|
1607
|
+
}
|
|
1608
|
+
clear() {
|
|
1609
|
+
this.cleared.emit();
|
|
1610
|
+
}
|
|
1611
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1612
|
+
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"] }] });
|
|
1613
|
+
}
|
|
1614
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchBarComponent, decorators: [{
|
|
1615
|
+
type: Component,
|
|
1616
|
+
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"] }]
|
|
1617
|
+
}], propDecorators: { searchIcon: [{
|
|
1618
|
+
type: Input
|
|
1619
|
+
}], placeholderText: [{
|
|
1620
|
+
type: Input
|
|
1621
|
+
}], searchStringChange: [{
|
|
1622
|
+
type: Output
|
|
1623
|
+
}], cleared: [{
|
|
1624
|
+
type: Output
|
|
1625
|
+
}] } });
|
|
1626
|
+
|
|
1510
1627
|
class SearchPopupComponent {
|
|
1511
1628
|
router;
|
|
1512
1629
|
modalService;
|
|
@@ -1545,11 +1662,11 @@ class SearchPopupComponent {
|
|
|
1545
1662
|
}, 0);
|
|
1546
1663
|
}
|
|
1547
1664
|
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 <
|
|
1665
|
+
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
1666
|
}
|
|
1550
1667
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchPopupComponent, decorators: [{
|
|
1551
1668
|
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 <
|
|
1669
|
+
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
1670
|
}], ctorParameters: () => [{ type: i1.Router }, { type: ModalService }, { type: AssetsService }, { type: i0.ChangeDetectorRef }] });
|
|
1554
1671
|
|
|
1555
1672
|
class SwiperDialogComponent {
|
|
@@ -1793,7 +1910,7 @@ class MatchingClientsComponent {
|
|
|
1793
1910
|
return this.dynamicForm.get('items');
|
|
1794
1911
|
}
|
|
1795
1912
|
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:
|
|
1913
|
+
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
1914
|
}
|
|
1798
1915
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MatchingClientsComponent, decorators: [{
|
|
1799
1916
|
type: Component,
|
|
@@ -1802,22 +1919,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1802
1919
|
type: Output
|
|
1803
1920
|
}] } });
|
|
1804
1921
|
|
|
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
1922
|
class ActionCardComponent {
|
|
1822
1923
|
actionCardClicked = new EventEmitter();
|
|
1823
1924
|
icon;
|
|
@@ -1867,6 +1968,252 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1867
1968
|
type: Output
|
|
1868
1969
|
}] } });
|
|
1869
1970
|
|
|
1971
|
+
class InputFieldSelectComponent {
|
|
1972
|
+
multiple = false;
|
|
1973
|
+
label = '';
|
|
1974
|
+
placeholder = '';
|
|
1975
|
+
optionLabel = '';
|
|
1976
|
+
optionValue = '';
|
|
1977
|
+
options = [];
|
|
1978
|
+
optionsTemplates = [];
|
|
1979
|
+
filterBy = '';
|
|
1980
|
+
enableFilter = false;
|
|
1981
|
+
readonly = false;
|
|
1982
|
+
disabled = false;
|
|
1983
|
+
showClear = false;
|
|
1984
|
+
editable = false;
|
|
1985
|
+
withTemplate = false;
|
|
1986
|
+
enableTranslation = false;
|
|
1987
|
+
class = '';
|
|
1988
|
+
valueChange = new EventEmitter();
|
|
1989
|
+
_onChange = () => { };
|
|
1990
|
+
_onTouched = () => { };
|
|
1991
|
+
_value = '';
|
|
1992
|
+
get value() {
|
|
1993
|
+
return this._value;
|
|
1994
|
+
}
|
|
1995
|
+
set value(val) {
|
|
1996
|
+
this._value = val;
|
|
1997
|
+
this._onChange(val);
|
|
1998
|
+
this.valueChange.emit(val);
|
|
1999
|
+
}
|
|
2000
|
+
writeValue(value) {
|
|
2001
|
+
this._value = value || '';
|
|
2002
|
+
}
|
|
2003
|
+
registerOnChange(fn) {
|
|
2004
|
+
this._onChange = fn;
|
|
2005
|
+
}
|
|
2006
|
+
registerOnTouched(fn) {
|
|
2007
|
+
this._onTouched = fn;
|
|
2008
|
+
}
|
|
2009
|
+
setDisabledState(isDisabled) {
|
|
2010
|
+
this.disabled = isDisabled;
|
|
2011
|
+
}
|
|
2012
|
+
handleValueChange(value) {
|
|
2013
|
+
this.value = value;
|
|
2014
|
+
this._onTouched();
|
|
2015
|
+
}
|
|
2016
|
+
handleNgModelChange(value) {
|
|
2017
|
+
this.value = value;
|
|
2018
|
+
this._onChange(value);
|
|
2019
|
+
this._onTouched();
|
|
2020
|
+
}
|
|
2021
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputFieldSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2022
|
+
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: [
|
|
2023
|
+
{
|
|
2024
|
+
provide: NG_VALUE_ACCESSOR,
|
|
2025
|
+
useExisting: forwardRef(() => InputFieldSelectComponent),
|
|
2026
|
+
multi: true
|
|
2027
|
+
}
|
|
2028
|
+
], 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"] }] });
|
|
2029
|
+
}
|
|
2030
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputFieldSelectComponent, decorators: [{
|
|
2031
|
+
type: Component,
|
|
2032
|
+
args: [{ selector: 'app-input-field-select', standalone: false, providers: [
|
|
2033
|
+
{
|
|
2034
|
+
provide: NG_VALUE_ACCESSOR,
|
|
2035
|
+
useExisting: forwardRef(() => InputFieldSelectComponent),
|
|
2036
|
+
multi: true
|
|
2037
|
+
}
|
|
2038
|
+
], 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"] }]
|
|
2039
|
+
}], propDecorators: { multiple: [{
|
|
2040
|
+
type: Input
|
|
2041
|
+
}], label: [{
|
|
2042
|
+
type: Input
|
|
2043
|
+
}], placeholder: [{
|
|
2044
|
+
type: Input
|
|
2045
|
+
}], optionLabel: [{
|
|
2046
|
+
type: Input
|
|
2047
|
+
}], optionValue: [{
|
|
2048
|
+
type: Input
|
|
2049
|
+
}], options: [{
|
|
2050
|
+
type: Input
|
|
2051
|
+
}], optionsTemplates: [{
|
|
2052
|
+
type: Input
|
|
2053
|
+
}], filterBy: [{
|
|
2054
|
+
type: Input
|
|
2055
|
+
}], enableFilter: [{
|
|
2056
|
+
type: Input
|
|
2057
|
+
}], readonly: [{
|
|
2058
|
+
type: Input
|
|
2059
|
+
}], disabled: [{
|
|
2060
|
+
type: Input
|
|
2061
|
+
}], showClear: [{
|
|
2062
|
+
type: Input
|
|
2063
|
+
}], editable: [{
|
|
2064
|
+
type: Input
|
|
2065
|
+
}], withTemplate: [{
|
|
2066
|
+
type: Input
|
|
2067
|
+
}], enableTranslation: [{
|
|
2068
|
+
type: Input
|
|
2069
|
+
}], class: [{
|
|
2070
|
+
type: Input
|
|
2071
|
+
}], valueChange: [{
|
|
2072
|
+
type: Output
|
|
2073
|
+
}] } });
|
|
2074
|
+
|
|
2075
|
+
class BottomModalComponent {
|
|
2076
|
+
isOpen = false;
|
|
2077
|
+
submitButtonTitle = '';
|
|
2078
|
+
showArrow = false;
|
|
2079
|
+
adaptToContentHeight = false;
|
|
2080
|
+
customClass = '';
|
|
2081
|
+
isOpenChange = new EventEmitter();
|
|
2082
|
+
submitModal = new EventEmitter();
|
|
2083
|
+
ngOnInit() {
|
|
2084
|
+
// lib-bottom-modal handles its own modal state internally
|
|
2085
|
+
}
|
|
2086
|
+
ngOnChanges() {
|
|
2087
|
+
// lib-bottom-modal handles its own modal state internally
|
|
2088
|
+
// No need to trigger change detection here as it causes timing issues
|
|
2089
|
+
}
|
|
2090
|
+
ngAfterContentInit() {
|
|
2091
|
+
// Content projection is handled automatically by Angular
|
|
2092
|
+
}
|
|
2093
|
+
ngOnDestroy() {
|
|
2094
|
+
// Cleanup if needed
|
|
2095
|
+
}
|
|
2096
|
+
onIsOpenChange(isOpen) {
|
|
2097
|
+
this.isOpen = isOpen;
|
|
2098
|
+
this.isOpenChange.emit(isOpen);
|
|
2099
|
+
}
|
|
2100
|
+
onSubmit() {
|
|
2101
|
+
this.submitModal.emit();
|
|
2102
|
+
}
|
|
2103
|
+
get modalCssClasses() {
|
|
2104
|
+
const classes = ['app-bottom-modal'];
|
|
2105
|
+
if (this.adaptToContentHeight) {
|
|
2106
|
+
classes.push('adapt-to-content-height');
|
|
2107
|
+
}
|
|
2108
|
+
if (this.customClass) {
|
|
2109
|
+
classes.push(this.customClass);
|
|
2110
|
+
}
|
|
2111
|
+
return classes.join(' ');
|
|
2112
|
+
}
|
|
2113
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BottomModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2114
|
+
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"] }] });
|
|
2115
|
+
}
|
|
2116
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BottomModalComponent, decorators: [{
|
|
2117
|
+
type: Component,
|
|
2118
|
+
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"] }]
|
|
2119
|
+
}], propDecorators: { isOpen: [{
|
|
2120
|
+
type: Input
|
|
2121
|
+
}], submitButtonTitle: [{
|
|
2122
|
+
type: Input
|
|
2123
|
+
}], showArrow: [{
|
|
2124
|
+
type: Input
|
|
2125
|
+
}], adaptToContentHeight: [{
|
|
2126
|
+
type: Input
|
|
2127
|
+
}], customClass: [{
|
|
2128
|
+
type: Input
|
|
2129
|
+
}], isOpenChange: [{
|
|
2130
|
+
type: Output
|
|
2131
|
+
}], submitModal: [{
|
|
2132
|
+
type: Output
|
|
2133
|
+
}] } });
|
|
2134
|
+
|
|
2135
|
+
class PopupModalComponent {
|
|
2136
|
+
isOpen = false;
|
|
2137
|
+
icon = null;
|
|
2138
|
+
title = '';
|
|
2139
|
+
message = '';
|
|
2140
|
+
extendedMessage = '';
|
|
2141
|
+
cancelButton = '';
|
|
2142
|
+
confirmButton = '';
|
|
2143
|
+
checkboxText = '';
|
|
2144
|
+
progBarCurrentStep = 0;
|
|
2145
|
+
progBarTotalSteps = 0;
|
|
2146
|
+
customClass = '';
|
|
2147
|
+
backdropDismiss = false;
|
|
2148
|
+
modalComponent;
|
|
2149
|
+
modalComponentData = null;
|
|
2150
|
+
modalConfirm = new EventEmitter();
|
|
2151
|
+
modalDismiss = new EventEmitter();
|
|
2152
|
+
afterCloseEvent = new EventEmitter();
|
|
2153
|
+
ngOnInit() {
|
|
2154
|
+
// lib-popup handles its own modal state internally
|
|
2155
|
+
}
|
|
2156
|
+
ngOnChanges() {
|
|
2157
|
+
// lib-popup handles its own modal state internally
|
|
2158
|
+
// No need to trigger change detection here as it causes timing issues
|
|
2159
|
+
}
|
|
2160
|
+
ngAfterContentInit() {
|
|
2161
|
+
// Content projection is handled automatically by Angular
|
|
2162
|
+
}
|
|
2163
|
+
ngOnDestroy() {
|
|
2164
|
+
// Cleanup if needed
|
|
2165
|
+
}
|
|
2166
|
+
onModalConfirm(confirmed) {
|
|
2167
|
+
this.modalConfirm.emit(confirmed);
|
|
2168
|
+
}
|
|
2169
|
+
onModalDismiss(dismissed) {
|
|
2170
|
+
this.modalDismiss.emit(dismissed);
|
|
2171
|
+
}
|
|
2172
|
+
onAfterCloseEvent(event) {
|
|
2173
|
+
this.afterCloseEvent.emit(event);
|
|
2174
|
+
}
|
|
2175
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PopupModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2176
|
+
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"] }] });
|
|
2177
|
+
}
|
|
2178
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PopupModalComponent, decorators: [{
|
|
2179
|
+
type: Component,
|
|
2180
|
+
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" }]
|
|
2181
|
+
}], propDecorators: { isOpen: [{
|
|
2182
|
+
type: Input
|
|
2183
|
+
}], icon: [{
|
|
2184
|
+
type: Input
|
|
2185
|
+
}], title: [{
|
|
2186
|
+
type: Input
|
|
2187
|
+
}], message: [{
|
|
2188
|
+
type: Input
|
|
2189
|
+
}], extendedMessage: [{
|
|
2190
|
+
type: Input
|
|
2191
|
+
}], cancelButton: [{
|
|
2192
|
+
type: Input
|
|
2193
|
+
}], confirmButton: [{
|
|
2194
|
+
type: Input
|
|
2195
|
+
}], checkboxText: [{
|
|
2196
|
+
type: Input
|
|
2197
|
+
}], progBarCurrentStep: [{
|
|
2198
|
+
type: Input
|
|
2199
|
+
}], progBarTotalSteps: [{
|
|
2200
|
+
type: Input
|
|
2201
|
+
}], customClass: [{
|
|
2202
|
+
type: Input
|
|
2203
|
+
}], backdropDismiss: [{
|
|
2204
|
+
type: Input
|
|
2205
|
+
}], modalComponent: [{
|
|
2206
|
+
type: Input
|
|
2207
|
+
}], modalComponentData: [{
|
|
2208
|
+
type: Input
|
|
2209
|
+
}], modalConfirm: [{
|
|
2210
|
+
type: Output
|
|
2211
|
+
}], modalDismiss: [{
|
|
2212
|
+
type: Output
|
|
2213
|
+
}], afterCloseEvent: [{
|
|
2214
|
+
type: Output
|
|
2215
|
+
}] } });
|
|
2216
|
+
|
|
1870
2217
|
class SharedModule {
|
|
1871
2218
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1872
2219
|
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: SharedModule, declarations: [CardComponent,
|
|
@@ -1890,7 +2237,12 @@ class SharedModule {
|
|
|
1890
2237
|
MatchingClientsComponent,
|
|
1891
2238
|
IconButtonComponent,
|
|
1892
2239
|
ActionCardComponent,
|
|
1893
|
-
SelectableBadgeComponent
|
|
2240
|
+
SelectableBadgeComponent,
|
|
2241
|
+
SearchBarComponent,
|
|
2242
|
+
InputFieldSelectComponent,
|
|
2243
|
+
BottomModalComponent,
|
|
2244
|
+
PopupModalComponent,
|
|
2245
|
+
SelectableComponent], imports: [BaseCardModule,
|
|
1894
2246
|
TranslateModule,
|
|
1895
2247
|
CommonModule,
|
|
1896
2248
|
SearchBarModule,
|
|
@@ -1917,6 +2269,7 @@ class SharedModule {
|
|
|
1917
2269
|
NotificationsModule,
|
|
1918
2270
|
LibToastrModule,
|
|
1919
2271
|
SelectableModule,
|
|
2272
|
+
InputFieldSelectModule,
|
|
1920
2273
|
RouterLink,
|
|
1921
2274
|
ReactiveFormsModule], exports: [CardComponent,
|
|
1922
2275
|
CustomHeadingWithButtonComponent,
|
|
@@ -1936,7 +2289,12 @@ class SharedModule {
|
|
|
1936
2289
|
MatchingClientsComponent,
|
|
1937
2290
|
IconButtonComponent,
|
|
1938
2291
|
ActionCardComponent,
|
|
1939
|
-
SelectableBadgeComponent
|
|
2292
|
+
SelectableBadgeComponent,
|
|
2293
|
+
SearchBarComponent,
|
|
2294
|
+
InputFieldSelectComponent,
|
|
2295
|
+
BottomModalComponent,
|
|
2296
|
+
PopupModalComponent,
|
|
2297
|
+
SelectableComponent] });
|
|
1940
2298
|
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SharedModule, providers: [provideHttpClient(withInterceptorsFromDi())], imports: [BaseCardModule,
|
|
1941
2299
|
TranslateModule,
|
|
1942
2300
|
CommonModule,
|
|
@@ -1963,6 +2321,7 @@ class SharedModule {
|
|
|
1963
2321
|
NotificationsModule,
|
|
1964
2322
|
LibToastrModule,
|
|
1965
2323
|
SelectableModule,
|
|
2324
|
+
InputFieldSelectModule,
|
|
1966
2325
|
ReactiveFormsModule] });
|
|
1967
2326
|
}
|
|
1968
2327
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SharedModule, decorators: [{
|
|
@@ -1989,7 +2348,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1989
2348
|
MatchingClientsComponent,
|
|
1990
2349
|
IconButtonComponent,
|
|
1991
2350
|
ActionCardComponent,
|
|
1992
|
-
SelectableBadgeComponent
|
|
2351
|
+
SelectableBadgeComponent,
|
|
2352
|
+
SearchBarComponent,
|
|
2353
|
+
InputFieldSelectComponent,
|
|
2354
|
+
BottomModalComponent,
|
|
2355
|
+
PopupModalComponent,
|
|
2356
|
+
SelectableComponent
|
|
1993
2357
|
],
|
|
1994
2358
|
exports: [
|
|
1995
2359
|
CardComponent,
|
|
@@ -2010,7 +2374,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2010
2374
|
MatchingClientsComponent,
|
|
2011
2375
|
IconButtonComponent,
|
|
2012
2376
|
ActionCardComponent,
|
|
2013
|
-
SelectableBadgeComponent
|
|
2377
|
+
SelectableBadgeComponent,
|
|
2378
|
+
SearchBarComponent,
|
|
2379
|
+
InputFieldSelectComponent,
|
|
2380
|
+
BottomModalComponent,
|
|
2381
|
+
PopupModalComponent,
|
|
2382
|
+
SelectableComponent
|
|
2014
2383
|
],
|
|
2015
2384
|
schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA], imports: [BaseCardModule,
|
|
2016
2385
|
TranslateModule,
|
|
@@ -2039,6 +2408,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2039
2408
|
NotificationsModule,
|
|
2040
2409
|
LibToastrModule,
|
|
2041
2410
|
SelectableModule,
|
|
2411
|
+
InputFieldSelectModule,
|
|
2042
2412
|
RouterLink,
|
|
2043
2413
|
ReactiveFormsModule], providers: [provideHttpClient(withInterceptorsFromDi())] }]
|
|
2044
2414
|
}] });
|
|
@@ -2076,7 +2446,7 @@ class DeleteItinerariesComponent {
|
|
|
2076
2446
|
}
|
|
2077
2447
|
}
|
|
2078
2448
|
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:
|
|
2449
|
+
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
2450
|
}
|
|
2081
2451
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DeleteItinerariesComponent, decorators: [{
|
|
2082
2452
|
type: Component,
|
|
@@ -2109,11 +2479,11 @@ class FilterMenuComponent {
|
|
|
2109
2479
|
changeSelection() { }
|
|
2110
2480
|
handleFilterClick = () => this.onFilterClick.emit();
|
|
2111
2481
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterMenuComponent, deps: [{ token: ApiService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2112
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FilterMenuComponent, selector: "app-filter-menu", inputs: { cssClass: "cssClass" }, outputs: { onFilterClick: "onFilterClick" }, ngImport: i0, template: "<div [class]=\"cssClass + ' filter-menu py-3'\">\r\n <
|
|
2482
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FilterMenuComponent, selector: "app-filter-menu", inputs: { cssClass: "cssClass" }, outputs: { onFilterClick: "onFilterClick" }, ngImport: i0, template: "<div [class]=\"cssClass + ' filter-menu py-3'\">\r\n <app-selectable\r\n (click)=\"changeSelection()\"\r\n (selectionchange)=\"changeSelection()\"\r\n [formControl]=\"filterControl\"\r\n [options]=\"options\"\r\n [singleSelectionOnly]=\"true\"\r\n >\r\n </app-selectable>\r\n <lib-icon-btn (click)=\"handleFilterClick()\">\r\n <img [ngSrc]=\"ICONS['filter']\" height=\"15\" width=\"15\" />\r\n </lib-icon-btn>\r\n</div>\r\n", styles: [".filter-menu{display:flex;align-items:center;justify-content:center;margin-top:10px}.checkmark-icon-btn img{margin-left:1.6px}\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { 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: "component", type: SelectableComponent, selector: "app-selectable", inputs: ["options", "formControl", "singleSelectionOnly", "maxSelectionPossible", "customClass"], outputs: ["click", "selectionchange"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2113
2483
|
}
|
|
2114
2484
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterMenuComponent, decorators: [{
|
|
2115
2485
|
type: Component,
|
|
2116
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-filter-menu', standalone: false, template: "<div [class]=\"cssClass + ' filter-menu py-3'\">\r\n <
|
|
2486
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-filter-menu', standalone: false, template: "<div [class]=\"cssClass + ' filter-menu py-3'\">\r\n <app-selectable\r\n (click)=\"changeSelection()\"\r\n (selectionchange)=\"changeSelection()\"\r\n [formControl]=\"filterControl\"\r\n [options]=\"options\"\r\n [singleSelectionOnly]=\"true\"\r\n >\r\n </app-selectable>\r\n <lib-icon-btn (click)=\"handleFilterClick()\">\r\n <img [ngSrc]=\"ICONS['filter']\" height=\"15\" width=\"15\" />\r\n </lib-icon-btn>\r\n</div>\r\n", styles: [".filter-menu{display:flex;align-items:center;justify-content:center;margin-top:10px}.checkmark-icon-btn img{margin-left:1.6px}\n"] }]
|
|
2117
2487
|
}], ctorParameters: () => [{ type: ApiService }, { type: i0.ChangeDetectorRef }], propDecorators: { cssClass: [{
|
|
2118
2488
|
type: Input
|
|
2119
2489
|
}], onFilterClick: [{
|
|
@@ -2144,11 +2514,11 @@ class CommentFilterMenuComponent {
|
|
|
2144
2514
|
changeSelection() { }
|
|
2145
2515
|
handleFilterClick = () => this.onFilterClick.emit();
|
|
2146
2516
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CommentFilterMenuComponent, deps: [{ token: ApiService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2147
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CommentFilterMenuComponent, selector: "comment-filter-menu", inputs: { cssClass: "cssClass" }, outputs: { onFilterClick: "onFilterClick" }, ngImport: i0, template: "<div [class]=\"cssClass + ' filter-menu py-3'\">\r\n <
|
|
2517
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CommentFilterMenuComponent, selector: "comment-filter-menu", inputs: { cssClass: "cssClass" }, outputs: { onFilterClick: "onFilterClick" }, ngImport: i0, template: "<div [class]=\"cssClass + ' filter-menu py-3'\">\r\n <app-selectable\r\n class=\"test\"\r\n (click)=\"changeSelection()\"\r\n (selectionchange)=\"changeSelection()\"\r\n [formControl]=\"filterControl\"\r\n [options]=\"options\"\r\n [singleSelectionOnly]=\"true\"\r\n >\r\n </app-selectable>\r\n</div>\r\n", styles: [".filter-menu{display:flex;align-items:center;justify-content:flex-start}.checkmark-icon-btn img{margin-left:1.6px}:root{--lib-list-button-height: 30px }::ng-deep .selectable-container .btn-selectable.button-solid{--padding-start: 13px;--padding-end: 13px;--padding-top: 7px;--padding-bottom: 7px;font-size:11.49px;font-weight:400;line-height:160%;color:var(--ion-text-color-secondary);margin:0;letter-spacing:0px;--background: var(--cyrano-dark-color);--box-shadow: none;border-radius:34px;min-height:30px;height:30px}::ng-deep .selectable-container .btn-selectable.button-solid.selected{--background: linear-gradient(94.44deg, #FE3C72 1.26%, #E15561 100%)}\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: SelectableComponent, selector: "app-selectable", inputs: ["options", "formControl", "singleSelectionOnly", "maxSelectionPossible", "customClass"], outputs: ["click", "selectionchange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2148
2518
|
}
|
|
2149
2519
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CommentFilterMenuComponent, decorators: [{
|
|
2150
2520
|
type: Component,
|
|
2151
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'comment-filter-menu', standalone: false, template: "<div [class]=\"cssClass + ' filter-menu py-3'\">\r\n <
|
|
2521
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'comment-filter-menu', standalone: false, template: "<div [class]=\"cssClass + ' filter-menu py-3'\">\r\n <app-selectable\r\n class=\"test\"\r\n (click)=\"changeSelection()\"\r\n (selectionchange)=\"changeSelection()\"\r\n [formControl]=\"filterControl\"\r\n [options]=\"options\"\r\n [singleSelectionOnly]=\"true\"\r\n >\r\n </app-selectable>\r\n</div>\r\n", styles: [".filter-menu{display:flex;align-items:center;justify-content:flex-start}.checkmark-icon-btn img{margin-left:1.6px}:root{--lib-list-button-height: 30px }::ng-deep .selectable-container .btn-selectable.button-solid{--padding-start: 13px;--padding-end: 13px;--padding-top: 7px;--padding-bottom: 7px;font-size:11.49px;font-weight:400;line-height:160%;color:var(--ion-text-color-secondary);margin:0;letter-spacing:0px;--background: var(--cyrano-dark-color);--box-shadow: none;border-radius:34px;min-height:30px;height:30px}::ng-deep .selectable-container .btn-selectable.button-solid.selected{--background: linear-gradient(94.44deg, #FE3C72 1.26%, #E15561 100%)}\n"] }]
|
|
2152
2522
|
}], ctorParameters: () => [{ type: ApiService }, { type: i0.ChangeDetectorRef }], propDecorators: { cssClass: [{
|
|
2153
2523
|
type: Input
|
|
2154
2524
|
}], onFilterClick: [{
|
|
@@ -2218,7 +2588,7 @@ class ReportItineraryModalComponent {
|
|
|
2218
2588
|
onOk() { }
|
|
2219
2589
|
FormFieldType = FormFieldType;
|
|
2220
2590
|
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:
|
|
2591
|
+
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
2592
|
}
|
|
2223
2593
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ReportItineraryModalComponent, decorators: [{
|
|
2224
2594
|
type: Component,
|
|
@@ -2318,22 +2688,22 @@ class SharePopupComponent {
|
|
|
2318
2688
|
this.accessType = value;
|
|
2319
2689
|
}
|
|
2320
2690
|
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 <
|
|
2691
|
+
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
2692
|
}
|
|
2323
2693
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SharePopupComponent, decorators: [{
|
|
2324
2694
|
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 <
|
|
2695
|
+
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
2696
|
}], ctorParameters: () => [{ type: i2.FormBuilder }, { type: SharePopupDataService }, { type: i1.Router }, { type: i1$2.PlatformLocation }], propDecorators: { closeModal: [{
|
|
2327
2697
|
type: Output
|
|
2328
2698
|
}] } });
|
|
2329
2699
|
|
|
2330
2700
|
class AppHeaderDesktopComponent {
|
|
2331
2701
|
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 <
|
|
2702
|
+
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
2703
|
}
|
|
2334
2704
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AppHeaderDesktopComponent, decorators: [{
|
|
2335
2705
|
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 <
|
|
2706
|
+
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
2707
|
}] });
|
|
2338
2708
|
|
|
2339
2709
|
class AppSidebarDesktopComponent {
|
|
@@ -2395,7 +2765,7 @@ class AppSidebarDesktopComponent {
|
|
|
2395
2765
|
this.navigateToChildRoute(ItinerariesRoutesEnum.FAVORITES);
|
|
2396
2766
|
}
|
|
2397
2767
|
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:
|
|
2768
|
+
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
2769
|
}
|
|
2400
2770
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AppSidebarDesktopComponent, decorators: [{
|
|
2401
2771
|
type: Component,
|
|
@@ -2430,7 +2800,7 @@ class ItinerariesComponent {
|
|
|
2430
2800
|
+ '/' + ItinerariesRoutesEnum.ITINERARY_DETAIL);
|
|
2431
2801
|
}
|
|
2432
2802
|
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:
|
|
2803
|
+
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
2804
|
}
|
|
2435
2805
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItinerariesComponent, decorators: [{
|
|
2436
2806
|
type: Component,
|
|
@@ -2572,11 +2942,11 @@ class AdvancedFiltersComponent {
|
|
|
2572
2942
|
this.location.back();
|
|
2573
2943
|
}
|
|
2574
2944
|
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 <
|
|
2945
|
+
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
2946
|
}
|
|
2577
2947
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AdvancedFiltersComponent, decorators: [{
|
|
2578
2948
|
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 <
|
|
2949
|
+
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
2950
|
}], ctorParameters: () => [{ type: i2.FormBuilder }, { type: i1$2.Location }] });
|
|
2581
2951
|
|
|
2582
2952
|
var UserRoutes;
|
|
@@ -2837,7 +3207,7 @@ class CustomDropdownMenuService {
|
|
|
2837
3207
|
queryParams: { mode: 'edit' },
|
|
2838
3208
|
});
|
|
2839
3209
|
}
|
|
2840
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CustomDropdownMenuService, deps: [{ token: i1.Router }, { token: ModalService }, { token:
|
|
3210
|
+
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
3211
|
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CustomDropdownMenuService, providedIn: 'root' });
|
|
2842
3212
|
}
|
|
2843
3213
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CustomDropdownMenuService, decorators: [{
|
|
@@ -2845,7 +3215,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2845
3215
|
args: [{
|
|
2846
3216
|
providedIn: 'root',
|
|
2847
3217
|
}]
|
|
2848
|
-
}], ctorParameters: () => [{ type: i1.Router }, { type: ModalService }, { type:
|
|
3218
|
+
}], ctorParameters: () => [{ type: i1.Router }, { type: ModalService }, { type: i5$1.TranslateService }, { type: ModalSendClientService }, { type: ModalShareUrlClientService }] });
|
|
2849
3219
|
|
|
2850
3220
|
class BranchedItinerariesComponent {
|
|
2851
3221
|
customMenuList;
|
|
@@ -2978,7 +3348,7 @@ class BranchedItinerariesComponent {
|
|
|
2978
3348
|
this.navHelper.navigate([ItinerariesRoutesEnum.ITINERARY_WATCHING_USERS], this.activeRoute);
|
|
2979
3349
|
}
|
|
2980
3350
|
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:
|
|
3351
|
+
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
3352
|
}
|
|
2983
3353
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BranchedItinerariesComponent, decorators: [{
|
|
2984
3354
|
type: Component,
|
|
@@ -3113,13 +3483,13 @@ class BuilderComponent {
|
|
|
3113
3483
|
this.currentItinerary = item;
|
|
3114
3484
|
this.sharePopupDataService.setPopupData(item);
|
|
3115
3485
|
}
|
|
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-
|
|
3486
|
+
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 });
|
|
3487
|
+
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
3488
|
}
|
|
3119
3489
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BuilderComponent, decorators: [{
|
|
3120
3490
|
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:
|
|
3491
|
+
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"] }]
|
|
3492
|
+
}], ctorParameters: () => [{ type: ItineraryService }, { type: i0.ChangeDetectorRef }, { type: CustomDropdownMenuService }, { type: i5$1.TranslateService }, { type: SharePopupDataService }, { type: i1.ActivatedRoute }, { type: NavigationHelperService }] });
|
|
3123
3493
|
|
|
3124
3494
|
class CreateItineraryHeaderComponent {
|
|
3125
3495
|
router;
|
|
@@ -3159,11 +3529,11 @@ class CreateItineraryHeaderComponent {
|
|
|
3159
3529
|
]);
|
|
3160
3530
|
}
|
|
3161
3531
|
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"] }] });
|
|
3532
|
+
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
3533
|
}
|
|
3164
3534
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryHeaderComponent, decorators: [{
|
|
3165
3535
|
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"] }]
|
|
3536
|
+
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
3537
|
}], ctorParameters: () => [{ type: i1.Router }, { type: i1$2.Location }], propDecorators: { heading: [{
|
|
3168
3538
|
type: Input
|
|
3169
3539
|
}], progressBarValue: [{
|
|
@@ -3211,11 +3581,11 @@ class CreateItineraryDestinationComponent {
|
|
|
3211
3581
|
this.location.back();
|
|
3212
3582
|
}
|
|
3213
3583
|
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<
|
|
3584
|
+
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
3585
|
}
|
|
3216
3586
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryDestinationComponent, decorators: [{
|
|
3217
3587
|
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<
|
|
3588
|
+
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
3589
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: i1.Router }, { type: i1.ActivatedRoute }, { type: ItineraryService }] });
|
|
3220
3590
|
|
|
3221
3591
|
class CreateItineraryMemberDetailsComponent {
|
|
@@ -3264,11 +3634,11 @@ class CreateItineraryMemberDetailsComponent {
|
|
|
3264
3634
|
this.location.back();
|
|
3265
3635
|
}
|
|
3266
3636
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryMemberDetailsComponent, deps: [{ token: i1$2.Location }], target: i0.ɵɵFactoryTarget.Component });
|
|
3267
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateItineraryMemberDetailsComponent, selector: "app-create-itinerary-member-details", ngImport: i0, template: "<ng-template #suffixTemplate>\r\n <img [src]=\"ICONS['horizontal']\" alt=\"icon\" />\r\n</ng-template>\r\n<app-header\r\n (firstButton)=\"back()\"\r\n [headerSuffixTemplate]=\"suffixTemplate\"\r\n heading=\"Member Details\"\r\n></app-header>\r\n\r\n<div class=\"p-4\">\r\n <div class=\"flex items-center justify-center flex-col\">\r\n <img\r\n class=\"rounded-full\"\r\n [src]=\"ICONS['dummyUserProfile']\"\r\n height=\"114px\"\r\n width=\"114px\"\r\n alt=\"user profile\"\r\n />\r\n <h3 class=\"font-Calistoga text-lg mt-4 mb-2\">Jakob Vaccaro</h3>\r\n <p>{{ \"jackobvaccaro@gmail.com\" }}</p>\r\n </div>\r\n\r\n <hr class=\"mt-5 mb-4 divider\" />\r\n\r\n <span>Favorite Food</span>\r\n <
|
|
3637
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateItineraryMemberDetailsComponent, selector: "app-create-itinerary-member-details", ngImport: i0, template: "<ng-template #suffixTemplate>\r\n <img [src]=\"ICONS['horizontal']\" alt=\"icon\" />\r\n</ng-template>\r\n<app-header\r\n (firstButton)=\"back()\"\r\n [headerSuffixTemplate]=\"suffixTemplate\"\r\n heading=\"Member Details\"\r\n></app-header>\r\n\r\n<div class=\"p-4\">\r\n <div class=\"flex items-center justify-center flex-col\">\r\n <img\r\n class=\"rounded-full\"\r\n [src]=\"ICONS['dummyUserProfile']\"\r\n height=\"114px\"\r\n width=\"114px\"\r\n alt=\"user profile\"\r\n />\r\n <h3 class=\"font-Calistoga text-lg mt-4 mb-2\">Jakob Vaccaro</h3>\r\n <p>{{ \"jackobvaccaro@gmail.com\" }}</p>\r\n </div>\r\n\r\n <hr class=\"mt-5 mb-4 divider\" />\r\n\r\n <span>Favorite Food</span>\r\n <app-selectable [options]=\"foodOptions\"></app-selectable>\r\n\r\n <hr class=\"mt-5 mb-4 divider\" />\r\n <span>Favorite Destination</span>\r\n <app-selectable [options]=\"foodOptions\"></app-selectable>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "component", type: SelectableComponent, selector: "app-selectable", inputs: ["options", "formControl", "singleSelectionOnly", "maxSelectionPossible", "customClass"], outputs: ["click", "selectionchange"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }] });
|
|
3268
3638
|
}
|
|
3269
3639
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryMemberDetailsComponent, decorators: [{
|
|
3270
3640
|
type: Component,
|
|
3271
|
-
args: [{ selector: 'app-create-itinerary-member-details', standalone: false, template: "<ng-template #suffixTemplate>\r\n <img [src]=\"ICONS['horizontal']\" alt=\"icon\" />\r\n</ng-template>\r\n<app-header\r\n (firstButton)=\"back()\"\r\n [headerSuffixTemplate]=\"suffixTemplate\"\r\n heading=\"Member Details\"\r\n></app-header>\r\n\r\n<div class=\"p-4\">\r\n <div class=\"flex items-center justify-center flex-col\">\r\n <img\r\n class=\"rounded-full\"\r\n [src]=\"ICONS['dummyUserProfile']\"\r\n height=\"114px\"\r\n width=\"114px\"\r\n alt=\"user profile\"\r\n />\r\n <h3 class=\"font-Calistoga text-lg mt-4 mb-2\">Jakob Vaccaro</h3>\r\n <p>{{ \"jackobvaccaro@gmail.com\" }}</p>\r\n </div>\r\n\r\n <hr class=\"mt-5 mb-4 divider\" />\r\n\r\n <span>Favorite Food</span>\r\n <
|
|
3641
|
+
args: [{ selector: 'app-create-itinerary-member-details', standalone: false, template: "<ng-template #suffixTemplate>\r\n <img [src]=\"ICONS['horizontal']\" alt=\"icon\" />\r\n</ng-template>\r\n<app-header\r\n (firstButton)=\"back()\"\r\n [headerSuffixTemplate]=\"suffixTemplate\"\r\n heading=\"Member Details\"\r\n></app-header>\r\n\r\n<div class=\"p-4\">\r\n <div class=\"flex items-center justify-center flex-col\">\r\n <img\r\n class=\"rounded-full\"\r\n [src]=\"ICONS['dummyUserProfile']\"\r\n height=\"114px\"\r\n width=\"114px\"\r\n alt=\"user profile\"\r\n />\r\n <h3 class=\"font-Calistoga text-lg mt-4 mb-2\">Jakob Vaccaro</h3>\r\n <p>{{ \"jackobvaccaro@gmail.com\" }}</p>\r\n </div>\r\n\r\n <hr class=\"mt-5 mb-4 divider\" />\r\n\r\n <span>Favorite Food</span>\r\n <app-selectable [options]=\"foodOptions\"></app-selectable>\r\n\r\n <hr class=\"mt-5 mb-4 divider\" />\r\n <span>Favorite Destination</span>\r\n <app-selectable [options]=\"foodOptions\"></app-selectable>\r\n</div>\r\n" }]
|
|
3272
3642
|
}], ctorParameters: () => [{ type: i1$2.Location }] });
|
|
3273
3643
|
|
|
3274
3644
|
class CreateItineraryStartLocationComponent {
|
|
@@ -3344,11 +3714,11 @@ class CreateItineraryStartLocationComponent {
|
|
|
3344
3714
|
], { queryParams: { mode: 'start' } });
|
|
3345
3715
|
}
|
|
3346
3716
|
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<
|
|
3717
|
+
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
3718
|
}
|
|
3349
3719
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryStartLocationComponent, decorators: [{
|
|
3350
3720
|
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<
|
|
3721
|
+
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
3722
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: i0.ChangeDetectorRef }, { type: i1.Router }, { type: i1.ActivatedRoute }, { type: ItineraryService }] });
|
|
3353
3723
|
|
|
3354
3724
|
class CreateItineraryUserSearchComponent {
|
|
@@ -3411,11 +3781,11 @@ class CreateItineraryUserSearchComponent {
|
|
|
3411
3781
|
this.subscription.unsubscribe();
|
|
3412
3782
|
}
|
|
3413
3783
|
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 <
|
|
3784
|
+
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 <app-selectable [options]=\"[option]\"></app-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.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: "component", type: SelectableComponent, selector: "app-selectable", inputs: ["options", "formControl", "singleSelectionOnly", "maxSelectionPossible", "customClass"], outputs: ["click", "selectionchange"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "component", type: i5.TextBoxComponent, selector: "lib-text-box", inputs: ["label", "maxLength", "includeEmojiPicker", "emojiPickerConfig", "includeImageAttachment", "maxImageAttachmentLength"] }] });
|
|
3415
3785
|
}
|
|
3416
3786
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryUserSearchComponent, decorators: [{
|
|
3417
3787
|
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 <
|
|
3788
|
+
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 <app-selectable [options]=\"[option]\"></app-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
3789
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: AssetsService }, { type: i0.ChangeDetectorRef }, { type: CustomDropdownMenuService }, { type: i1.Router }] });
|
|
3420
3790
|
|
|
3421
3791
|
class CreateItineraryComponent {
|
|
@@ -3546,7 +3916,7 @@ class CreatedItineraryDetailComponent {
|
|
|
3546
3916
|
});
|
|
3547
3917
|
}
|
|
3548
3918
|
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:
|
|
3919
|
+
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
3920
|
}
|
|
3551
3921
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreatedItineraryDetailComponent, decorators: [{
|
|
3552
3922
|
type: Component,
|
|
@@ -3989,11 +4359,11 @@ class CreatedItineraryComponent {
|
|
|
3989
4359
|
this.location.back();
|
|
3990
4360
|
}
|
|
3991
4361
|
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 });
|
|
4362
|
+
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
4363
|
}
|
|
3994
4364
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreatedItineraryComponent, decorators: [{
|
|
3995
4365
|
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<
|
|
4366
|
+
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
4367
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: i0.ChangeDetectorRef }, { type: i1.ActivatedRoute }, { type: ItineraryService }, { type: NavigationHelperService }] });
|
|
3998
4368
|
|
|
3999
4369
|
class ItineraryAddPlaceComponent {
|
|
@@ -4051,11 +4421,11 @@ class ItineraryAddPlaceComponent {
|
|
|
4051
4421
|
this.location.back();
|
|
4052
4422
|
}
|
|
4053
4423
|
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<
|
|
4424
|
+
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
4425
|
}
|
|
4056
4426
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItineraryAddPlaceComponent, decorators: [{
|
|
4057
4427
|
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<
|
|
4428
|
+
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
4429
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: i1.ActivatedRoute }, { type: i1.Router }, { type: ItineraryService }] });
|
|
4060
4430
|
|
|
4061
4431
|
class ItineraryPlaceBasicInfoComponent {
|
|
@@ -4246,11 +4616,11 @@ class SelectItineraryEventComponent {
|
|
|
4246
4616
|
}
|
|
4247
4617
|
}
|
|
4248
4618
|
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<
|
|
4619
|
+
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 <app-selectable [options]=\"options\"></app-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.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: "component", type: SelectableComponent, selector: "app-selectable", inputs: ["options", "formControl", "singleSelectionOnly", "maxSelectionPossible", "customClass"], outputs: ["click", "selectionchange"] }, { 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
4620
|
}
|
|
4251
4621
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectItineraryEventComponent, decorators: [{
|
|
4252
4622
|
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<
|
|
4623
|
+
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 <app-selectable [options]=\"options\"></app-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
4624
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: i0.ChangeDetectorRef }, { type: i1.ActivatedRoute }, { type: ItineraryService }, { type: NavigationHelperService }] });
|
|
4255
4625
|
|
|
4256
4626
|
class SuggestedEventsLocationComponent {
|
|
@@ -4320,11 +4690,11 @@ class SuggestedEventsLocationComponent {
|
|
|
4320
4690
|
this.location.back();
|
|
4321
4691
|
}
|
|
4322
4692
|
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<
|
|
4693
|
+
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
4694
|
}
|
|
4325
4695
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SuggestedEventsLocationComponent, decorators: [{
|
|
4326
4696
|
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<
|
|
4697
|
+
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
4698
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: i0.ChangeDetectorRef }, { type: i1.ActivatedRoute }, { type: ItineraryService }, { type: NavigationHelperService }], propDecorators: { libMap: [{
|
|
4329
4699
|
type: ViewChild,
|
|
4330
4700
|
args: ['libMap']
|
|
@@ -4369,11 +4739,11 @@ class SuggestedEventsRouteRadiusComponent {
|
|
|
4369
4739
|
this.location.back();
|
|
4370
4740
|
}
|
|
4371
4741
|
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<
|
|
4742
|
+
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
4743
|
}
|
|
4374
4744
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SuggestedEventsRouteRadiusComponent, decorators: [{
|
|
4375
4745
|
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<
|
|
4746
|
+
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
4747
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: i0.ChangeDetectorRef }, { type: i1.ActivatedRoute }, { type: ItineraryService }, { type: NavigationHelperService }] });
|
|
4378
4748
|
|
|
4379
4749
|
class SuggestedEventsRouteTypeComponent {
|
|
@@ -4431,11 +4801,11 @@ class SuggestedEventsRouteTypeComponent {
|
|
|
4431
4801
|
this.location.back();
|
|
4432
4802
|
}
|
|
4433
4803
|
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<
|
|
4804
|
+
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 <app-selectable [options]=\"option\"></app-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 <app-selectable [options]=\"option\"></app-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: BottomModalComponent, selector: "app-bottom-modal", inputs: ["isOpen", "submitButtonTitle", "showArrow", "adaptToContentHeight", "customClass"], outputs: ["isOpenChange", "submitModal"] }, { kind: "component", type: SelectableComponent, selector: "app-selectable", inputs: ["options", "formControl", "singleSelectionOnly", "maxSelectionPossible", "customClass"], outputs: ["click", "selectionchange"] }, { 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
4805
|
}
|
|
4436
4806
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SuggestedEventsRouteTypeComponent, decorators: [{
|
|
4437
4807
|
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<
|
|
4808
|
+
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 <app-selectable [options]=\"option\"></app-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 <app-selectable [options]=\"option\"></app-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
4809
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: i0.ChangeDetectorRef }, { type: i1.ActivatedRoute }, { type: ItineraryService }, { type: NavigationHelperService }] });
|
|
4440
4810
|
|
|
4441
4811
|
class CommentSingleComponent {
|
|
@@ -4457,11 +4827,11 @@ class CommentSingleComponent {
|
|
|
4457
4827
|
handleMenuClick() {
|
|
4458
4828
|
}
|
|
4459
4829
|
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 <
|
|
4830
|
+
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
4831
|
}
|
|
4462
4832
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CommentSingleComponent, decorators: [{
|
|
4463
4833
|
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 <
|
|
4834
|
+
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
4835
|
}], ctorParameters: () => [{ type: CustomDropdownMenuService }], propDecorators: { libMenuItem: [{
|
|
4466
4836
|
type: Input
|
|
4467
4837
|
}], comment: [{
|
|
@@ -4850,7 +5220,7 @@ class SendToClientComponent {
|
|
|
4850
5220
|
}
|
|
4851
5221
|
onOk() { }
|
|
4852
5222
|
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:
|
|
5223
|
+
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
5224
|
}
|
|
4855
5225
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SendToClientComponent, decorators: [{
|
|
4856
5226
|
type: Component,
|
|
@@ -4918,11 +5288,11 @@ class ExploreComponent {
|
|
|
4918
5288
|
this.sharePopupDataService.setPopupData(item);
|
|
4919
5289
|
}
|
|
4920
5290
|
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
|
|
5291
|
+
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
5292
|
}
|
|
4923
5293
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExploreComponent, decorators: [{
|
|
4924
5294
|
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
|
|
5295
|
+
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
5296
|
}], ctorParameters: () => [{ type: CustomDropdownMenuService }, { type: ModalService }, { type: ModalSendClientService }, { type: ItineraryService }, { type: i0.ChangeDetectorRef }, { type: ModalShareUrlClientService }, { type: SharePopupDataService }, { type: i1.ActivatedRoute }, { type: NavigationHelperService }] });
|
|
4927
5297
|
|
|
4928
5298
|
class FavoritesComponent {
|
|
@@ -4954,7 +5324,7 @@ class FavoritesComponent {
|
|
|
4954
5324
|
this.cardList.push(1);
|
|
4955
5325
|
}
|
|
4956
5326
|
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:
|
|
5327
|
+
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
5328
|
}
|
|
4959
5329
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FavoritesComponent, decorators: [{
|
|
4960
5330
|
type: Component,
|
|
@@ -4997,11 +5367,11 @@ class ItineraryAuthorHistoryComponent {
|
|
|
4997
5367
|
this.location.back();
|
|
4998
5368
|
}
|
|
4999
5369
|
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 <
|
|
5370
|
+
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 <app-selectable [options]=\"passions\" [maxSelectionPossible]=\"0\"></app-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}app-selectable#history.history{--box-shadow: 4.1px 4.1px 8.2px 0px #00000052 inset;--padding-start: 16px !important;--padding-end: 16px !important}::ng-deep app-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: HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "component", type: SelectableComponent, selector: "app-selectable", inputs: ["options", "formControl", "singleSelectionOnly", "maxSelectionPossible", "customClass"], outputs: ["click", "selectionchange"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
|
|
5001
5371
|
}
|
|
5002
5372
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItineraryAuthorHistoryComponent, decorators: [{
|
|
5003
5373
|
type: Component,
|
|
5004
|
-
args: [{ selector: 'app-itinerary-author-history', standalone: false, 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 <
|
|
5374
|
+
args: [{ selector: 'app-itinerary-author-history', standalone: false, 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 <app-selectable [options]=\"passions\" [maxSelectionPossible]=\"0\"></app-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}app-selectable#history.history{--box-shadow: 4.1px 4.1px 8.2px 0px #00000052 inset;--padding-start: 16px !important;--padding-end: 16px !important}::ng-deep app-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"] }]
|
|
5005
5375
|
}], ctorParameters: () => [{ type: i1$2.Location }] });
|
|
5006
5376
|
|
|
5007
5377
|
class DetailsComponent {
|
|
@@ -5091,11 +5461,11 @@ class DetailsComponent {
|
|
|
5091
5461
|
this.navHelper.navigate([UserRoutes.profile], this.route);
|
|
5092
5462
|
}
|
|
5093
5463
|
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 <
|
|
5464
|
+
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 <app-selectable\r\n [options]=\"passions\"\r\n [maxSelectionPossible]=\"passions.length\"\r\n ></app-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.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: "component", type: SelectableComponent, selector: "app-selectable", inputs: ["options", "formControl", "singleSelectionOnly", "maxSelectionPossible", "customClass"], outputs: ["click", "selectionchange"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
|
|
5095
5465
|
}
|
|
5096
5466
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DetailsComponent, decorators: [{
|
|
5097
5467
|
type: Component,
|
|
5098
|
-
args: [{ selector: 'app-details', standalone: false, 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 <
|
|
5468
|
+
args: [{ selector: 'app-details', standalone: false, 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 <app-selectable\r\n [options]=\"passions\"\r\n [maxSelectionPossible]=\"passions.length\"\r\n ></app-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"] }]
|
|
5099
5469
|
}], ctorParameters: () => [{ type: i1.ActivatedRoute }, { type: NavigationHelperService }] });
|
|
5100
5470
|
|
|
5101
5471
|
class MapComponent {
|
|
@@ -5438,7 +5808,7 @@ class SummaryComponent {
|
|
|
5438
5808
|
], this.route);
|
|
5439
5809
|
}
|
|
5440
5810
|
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:
|
|
5811
|
+
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
5812
|
}
|
|
5443
5813
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SummaryComponent, decorators: [{
|
|
5444
5814
|
type: Component,
|
|
@@ -5529,11 +5899,11 @@ class ItineraryDetailComponent {
|
|
|
5529
5899
|
this.navHelper.navigate(routePath, this.route);
|
|
5530
5900
|
}
|
|
5531
5901
|
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 <
|
|
5902
|
+
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
5903
|
}
|
|
5534
5904
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItineraryDetailComponent, decorators: [{
|
|
5535
5905
|
type: Component,
|
|
5536
|
-
args: [{ selector: 'app-itinerary-detail', standalone: false, template: "<div>\r\n <ng-template #menuItems>\r\n <
|
|
5906
|
+
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
5907
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: i1.Router }, { type: i1.ActivatedRoute }, { type: NavigationHelperService }], propDecorators: { itineraryTitle: [{
|
|
5538
5908
|
type: Input
|
|
5539
5909
|
}] } });
|
|
@@ -5630,11 +6000,11 @@ class ExistingFriendsComponent {
|
|
|
5630
6000
|
this.subscription.unsubscribe();
|
|
5631
6001
|
}
|
|
5632
6002
|
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 <
|
|
6003
|
+
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 <app-selectable [options]=\"passions\"></app-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.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: "component", type: SelectableComponent, selector: "app-selectable", inputs: ["options", "formControl", "singleSelectionOnly", "maxSelectionPossible", "customClass"], outputs: ["click", "selectionchange"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5634
6004
|
}
|
|
5635
6005
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExistingFriendsComponent, decorators: [{
|
|
5636
6006
|
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 <
|
|
6007
|
+
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 <app-selectable [options]=\"passions\"></app-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
6008
|
}], ctorParameters: () => [{ type: i1.Router }, { type: i1$2.Location }, { type: AssetsService }, { type: i0.ChangeDetectorRef }] });
|
|
5639
6009
|
|
|
5640
6010
|
class ItineraryFriendsComponent {
|
|
@@ -5712,11 +6082,11 @@ class ListFriendUsersComponent {
|
|
|
5712
6082
|
this.subscription.unsubscribe();
|
|
5713
6083
|
}
|
|
5714
6084
|
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 <
|
|
6085
|
+
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
6086
|
}
|
|
5717
6087
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ListFriendUsersComponent, decorators: [{
|
|
5718
6088
|
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 <
|
|
6089
|
+
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
6090
|
}], ctorParameters: () => [{ type: CustomDropdownMenuService }, { type: ModalService }, { type: i1$2.Location }, { type: i1.Router }, { type: AssetsService }, { type: i0.ChangeDetectorRef }] });
|
|
5721
6091
|
|
|
5722
6092
|
class SendFriendRequestComponent {
|
|
@@ -5765,11 +6135,11 @@ class SendFriendRequestComponent {
|
|
|
5765
6135
|
this._location.back();
|
|
5766
6136
|
}
|
|
5767
6137
|
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 <
|
|
6138
|
+
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
6139
|
}
|
|
5770
6140
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SendFriendRequestComponent, decorators: [{
|
|
5771
6141
|
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 <
|
|
6142
|
+
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
6143
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: AssetsService }, { type: i0.ChangeDetectorRef }] });
|
|
5774
6144
|
|
|
5775
6145
|
class AllPeopleComponent {
|
|
@@ -5827,11 +6197,11 @@ class AllPeopleComponent {
|
|
|
5827
6197
|
this.subscription.unsubscribe();
|
|
5828
6198
|
}
|
|
5829
6199
|
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 <
|
|
6200
|
+
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
6201
|
}
|
|
5832
6202
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AllPeopleComponent, decorators: [{
|
|
5833
6203
|
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 <
|
|
6204
|
+
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
6205
|
}], ctorParameters: () => [{ type: CustomDropdownMenuService }, { type: ModalService }, { type: i1$2.Location }, { type: i1.Router }, { type: AssetsService }, { type: i0.ChangeDetectorRef }] });
|
|
5836
6206
|
|
|
5837
6207
|
class ExistingMembersComponent {
|
|
@@ -5883,11 +6253,11 @@ class ExistingMembersComponent {
|
|
|
5883
6253
|
this.subscription.unsubscribe();
|
|
5884
6254
|
}
|
|
5885
6255
|
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 <
|
|
6256
|
+
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 <app-selectable [options]=\"options\"></app-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.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: "component", type: SelectableComponent, selector: "app-selectable", inputs: ["options", "formControl", "singleSelectionOnly", "maxSelectionPossible", "customClass"], outputs: ["click", "selectionchange"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5887
6257
|
}
|
|
5888
6258
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExistingMembersComponent, decorators: [{
|
|
5889
6259
|
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 <
|
|
6260
|
+
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 <app-selectable [options]=\"options\"></app-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
6261
|
}], ctorParameters: () => [{ type: i1.Router }, { type: i1$2.Location }, { type: AssetsService }, { type: i0.ChangeDetectorRef }] });
|
|
5892
6262
|
|
|
5893
6263
|
class ItineraryMembersComponent {
|
|
@@ -5967,11 +6337,11 @@ class SendInviteComponent {
|
|
|
5967
6337
|
]);
|
|
5968
6338
|
}
|
|
5969
6339
|
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 <
|
|
6340
|
+
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
6341
|
}
|
|
5972
6342
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SendInviteComponent, decorators: [{
|
|
5973
6343
|
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 <
|
|
6344
|
+
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
6345
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: i1.Router }] });
|
|
5976
6346
|
|
|
5977
6347
|
class UserList {
|
|
@@ -6027,11 +6397,11 @@ class UserList {
|
|
|
6027
6397
|
this.subscription.unsubscribe();
|
|
6028
6398
|
}
|
|
6029
6399
|
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 <
|
|
6400
|
+
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
6401
|
}
|
|
6032
6402
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserList, decorators: [{
|
|
6033
6403
|
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 <
|
|
6404
|
+
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
6405
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: AssetsService }, { type: i0.ChangeDetectorRef }, { type: i1.ActivatedRoute }, { type: NavigationHelperService }], propDecorators: { usersList: [{
|
|
6036
6406
|
type: Input
|
|
6037
6407
|
}], class: [{
|
|
@@ -6182,7 +6552,7 @@ class ReportMediaModalComponent {
|
|
|
6182
6552
|
onOk() { }
|
|
6183
6553
|
FormFieldType = FormFieldType;
|
|
6184
6554
|
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:
|
|
6555
|
+
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
6556
|
}
|
|
6187
6557
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ReportMediaModalComponent, decorators: [{
|
|
6188
6558
|
type: Component,
|
|
@@ -6616,11 +6986,11 @@ class CreateItineraryDrawModeComponent {
|
|
|
6616
6986
|
return closestPoint;
|
|
6617
6987
|
}
|
|
6618
6988
|
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<
|
|
6989
|
+
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
6990
|
}
|
|
6621
6991
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryDrawModeComponent, decorators: [{
|
|
6622
6992
|
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<
|
|
6993
|
+
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
6994
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: i0.ChangeDetectorRef }, { type: i1.ActivatedRoute }, { type: ItineraryService }, { type: LocationService }, { type: ItineraryDrawModeTransferService }, { type: NavigationHelperService }], propDecorators: { libMap: [{
|
|
6625
6995
|
type: ViewChild,
|
|
6626
6996
|
args: ['libMap']
|
|
@@ -6848,11 +7218,11 @@ class CreateItineraryDrawPreviewComponent {
|
|
|
6848
7218
|
});
|
|
6849
7219
|
}
|
|
6850
7220
|
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<
|
|
7221
|
+
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
7222
|
}
|
|
6853
7223
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryDrawPreviewComponent, decorators: [{
|
|
6854
7224
|
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<
|
|
7225
|
+
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
7226
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: i0.ChangeDetectorRef }, { type: i1.Router }, { type: i1.ActivatedRoute }, { type: ItineraryService }, { type: ItineraryDrawModeTransferService }], propDecorators: { libMap: [{
|
|
6857
7227
|
type: ViewChild,
|
|
6858
7228
|
args: ['libMap']
|
|
@@ -6920,7 +7290,7 @@ class NoVisualMapFiltersComponent {
|
|
|
6920
7290
|
console.log(field, condition);
|
|
6921
7291
|
}
|
|
6922
7292
|
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:
|
|
7293
|
+
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
7294
|
}
|
|
6925
7295
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NoVisualMapFiltersComponent, decorators: [{
|
|
6926
7296
|
type: Component,
|
|
@@ -7140,11 +7510,11 @@ class CreateItineraryNoVisualFilterComponent {
|
|
|
7140
7510
|
}
|
|
7141
7511
|
}
|
|
7142
7512
|
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<
|
|
7513
|
+
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
7514
|
}
|
|
7145
7515
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryNoVisualFilterComponent, decorators: [{
|
|
7146
7516
|
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<
|
|
7517
|
+
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
7518
|
}], ctorParameters: () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: ItineraryService }, { type: LocationService }, { type: i0.ChangeDetectorRef }, { type: ItineraryDrawModeTransferService }], propDecorators: { libMap: [{
|
|
7149
7519
|
type: ViewChild,
|
|
7150
7520
|
args: ['libMap']
|
|
@@ -7290,11 +7660,11 @@ class CreateItineraryNoVisualPreviewComponent {
|
|
|
7290
7660
|
});
|
|
7291
7661
|
}
|
|
7292
7662
|
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<
|
|
7663
|
+
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
7664
|
}
|
|
7295
7665
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryNoVisualPreviewComponent, decorators: [{
|
|
7296
7666
|
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<
|
|
7667
|
+
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
7668
|
}], ctorParameters: () => [{ type: ItineraryDrawModeTransferService }], propDecorators: { libMap: [{
|
|
7299
7669
|
type: ViewChild,
|
|
7300
7670
|
args: ['libMap']
|
|
@@ -7560,7 +7930,7 @@ class CreateItineraryModalItemComponent {
|
|
|
7560
7930
|
this.modalService.bottomToggleModal = !this.modalService.bottomToggleModal;
|
|
7561
7931
|
}
|
|
7562
7932
|
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:
|
|
7933
|
+
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
7934
|
}
|
|
7565
7935
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryModalItemComponent, decorators: [{
|
|
7566
7936
|
type: Component,
|
|
@@ -7614,7 +7984,7 @@ class CreateItineraryModalComponent {
|
|
|
7614
7984
|
}
|
|
7615
7985
|
modalClick(_itemId) { }
|
|
7616
7986
|
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:
|
|
7987
|
+
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
7988
|
}
|
|
7619
7989
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryModalComponent, decorators: [{
|
|
7620
7990
|
type: Component,
|
|
@@ -7975,13 +8345,13 @@ class MainArchivesComponent {
|
|
|
7975
8345
|
this.route = route;
|
|
7976
8346
|
this.navHelper = navHelper;
|
|
7977
8347
|
}
|
|
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:
|
|
8348
|
+
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 });
|
|
8349
|
+
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
8350
|
}
|
|
7981
8351
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MainArchivesComponent, decorators: [{
|
|
7982
8352
|
type: Component,
|
|
7983
8353
|
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:
|
|
8354
|
+
}], ctorParameters: () => [{ type: CustomDropdownMenuService }, { type: ModalService }, { type: i5$1.TranslateService }, { type: i0.ChangeDetectorRef }, { type: ItineraryService }, { type: i1$2.Location }, { type: i1.ActivatedRoute }, { type: NavigationHelperService }] });
|
|
7985
8355
|
|
|
7986
8356
|
const routes$5 = [{ path: 'archives', component: MainArchivesComponent }];
|
|
7987
8357
|
class ArchivesRoutingModule {
|
|
@@ -8006,7 +8376,7 @@ class ArchivesComponent {
|
|
|
8006
8376
|
this.location.back();
|
|
8007
8377
|
}
|
|
8008
8378
|
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:
|
|
8379
|
+
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
8380
|
}
|
|
8011
8381
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ArchivesComponent, decorators: [{
|
|
8012
8382
|
type: Component,
|
|
@@ -8089,13 +8459,13 @@ class NavbarComponent {
|
|
|
8089
8459
|
}
|
|
8090
8460
|
handleSearchStringChange(_$event) { }
|
|
8091
8461
|
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 <
|
|
8462
|
+
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 });
|
|
8463
|
+
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
8464
|
}
|
|
8095
8465
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NavbarComponent, decorators: [{
|
|
8096
8466
|
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:
|
|
8467
|
+
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"] }]
|
|
8468
|
+
}], ctorParameters: () => [{ type: i5$1.TranslateService }] });
|
|
8099
8469
|
|
|
8100
8470
|
class SidebarComponent {
|
|
8101
8471
|
router;
|
|
@@ -8147,7 +8517,7 @@ class SidebarComponent {
|
|
|
8147
8517
|
item.cssClass = 'active';
|
|
8148
8518
|
}
|
|
8149
8519
|
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:
|
|
8520
|
+
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
8521
|
}
|
|
8152
8522
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidebarComponent, decorators: [{
|
|
8153
8523
|
type: Component,
|
|
@@ -8531,7 +8901,7 @@ class MapHeaderComponent {
|
|
|
8531
8901
|
}
|
|
8532
8902
|
}
|
|
8533
8903
|
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:
|
|
8904
|
+
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
8905
|
}
|
|
8536
8906
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MapHeaderComponent, decorators: [{
|
|
8537
8907
|
type: Component,
|
|
@@ -8557,7 +8927,7 @@ class DefaultDestinationComponent {
|
|
|
8557
8927
|
this.destination = '';
|
|
8558
8928
|
}
|
|
8559
8929
|
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:
|
|
8930
|
+
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
8931
|
}
|
|
8562
8932
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DefaultDestinationComponent, decorators: [{
|
|
8563
8933
|
type: Component,
|
|
@@ -8604,7 +8974,7 @@ class ItineraryPreviewComponent {
|
|
|
8604
8974
|
// Add your drawing tool toggle logic here
|
|
8605
8975
|
}
|
|
8606
8976
|
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:
|
|
8977
|
+
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
8978
|
}
|
|
8609
8979
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItineraryPreviewComponent, decorators: [{
|
|
8610
8980
|
type: Component,
|
|
@@ -8624,7 +8994,7 @@ class NonVisualMapFilterComponent {
|
|
|
8624
8994
|
this.map.startDrawingPolygon();
|
|
8625
8995
|
}
|
|
8626
8996
|
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:
|
|
8997
|
+
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
8998
|
}
|
|
8629
8999
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NonVisualMapFilterComponent, decorators: [{
|
|
8630
9000
|
type: Component,
|
|
@@ -8778,7 +9148,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
8778
9148
|
|
|
8779
9149
|
class RecentSearchesComponent {
|
|
8780
9150
|
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:
|
|
9151
|
+
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
9152
|
}
|
|
8783
9153
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RecentSearchesComponent, decorators: [{
|
|
8784
9154
|
type: Component,
|
|
@@ -8846,13 +9216,13 @@ class SearchChipsComponent {
|
|
|
8846
9216
|
this.ts = ts;
|
|
8847
9217
|
this.cd = cd;
|
|
8848
9218
|
}
|
|
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:
|
|
9219
|
+
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 });
|
|
9220
|
+
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
9221
|
}
|
|
8852
9222
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchChipsComponent, decorators: [{
|
|
8853
9223
|
type: Component,
|
|
8854
9224
|
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:
|
|
9225
|
+
}], ctorParameters: () => [{ type: i5$1.TranslateService }, { type: i0.ChangeDetectorRef }], propDecorators: { selectedChip: [{
|
|
8856
9226
|
type: Input
|
|
8857
9227
|
}], chipItemSelected: [{
|
|
8858
9228
|
type: Output
|
|
@@ -8911,7 +9281,7 @@ class ClearHistoryPopupComponent {
|
|
|
8911
9281
|
this.clearHistory.emit();
|
|
8912
9282
|
}
|
|
8913
9283
|
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:
|
|
9284
|
+
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
9285
|
}
|
|
8916
9286
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ClearHistoryPopupComponent, decorators: [{
|
|
8917
9287
|
type: Component,
|
|
@@ -9117,11 +9487,11 @@ class MainSearchComponent {
|
|
|
9117
9487
|
navToBack = () => this.location.back();
|
|
9118
9488
|
clear() { }
|
|
9119
9489
|
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 <
|
|
9490
|
+
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
9491
|
}
|
|
9122
9492
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MainSearchComponent, decorators: [{
|
|
9123
9493
|
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 <
|
|
9494
|
+
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
9495
|
}], ctorParameters: () => [{ type: ApiService }, { type: i1$2.Location }, { type: i0.ChangeDetectorRef }, { type: i1.Router }], propDecorators: { enableSelection: [{
|
|
9126
9496
|
type: Input
|
|
9127
9497
|
}], enableGridFilters: [{
|
|
@@ -9304,11 +9674,11 @@ class ProfileComponent {
|
|
|
9304
9674
|
}
|
|
9305
9675
|
back = () => this.location.back();
|
|
9306
9676
|
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 <
|
|
9677
|
+
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 <app-selectable [options]=\"passions\"></app-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: SelectableComponent, selector: "app-selectable", inputs: ["options", "formControl", "singleSelectionOnly", "maxSelectionPossible", "customClass"], outputs: ["click", "selectionchange"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
|
|
9308
9678
|
}
|
|
9309
9679
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProfileComponent, decorators: [{
|
|
9310
9680
|
type: Component,
|
|
9311
|
-
args: [{ selector: 'app-profile', standalone: false, 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 <
|
|
9681
|
+
args: [{ selector: 'app-profile', standalone: false, 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 <app-selectable [options]=\"passions\"></app-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"] }]
|
|
9312
9682
|
}], ctorParameters: () => [{ type: i1$2.Location }] });
|
|
9313
9683
|
|
|
9314
9684
|
const routes$1 = [
|
|
@@ -9425,7 +9795,7 @@ function httpLoaderFactory(http) {
|
|
|
9425
9795
|
}
|
|
9426
9796
|
class ItineraryLibModule {
|
|
9427
9797
|
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,
|
|
9798
|
+
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
9799
|
FormsModule,
|
|
9430
9800
|
IonicModule,
|
|
9431
9801
|
ReactiveFormsModule,
|