@posiwise/resource-module 0.0.157 → 0.0.158

package/fesm2022/{posiwise-resource-module-resource-hub.module-Dy8nC7-a.mjs.map → posiwise-resource-module-resource-hub.module-CatmeqJc.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"posiwise-resource-module-resource-hub.module-Dy8nC7-a.mjs","sources":["../../../../libs/resource-module/src/lib/public/components/resources-hub/resources-hub.component.ts","../../../../libs/resource-module/src/lib/public/components/resources-hub/resources-hub.component.html","../../../../libs/resource-module/src/lib/public/modules/hub/resource-hub.module.ts"],"sourcesContent":["import {\n    Component,\n    HostListener,\n    Injector,\n    OnDestroy,\n    OnInit,\n    ViewEncapsulation\n} from '@angular/core';\n\nimport { AppBaseComponent } from '@posiwise/app-base-component';\nimport { AuthService, TagService } from '@posiwise/common-services';\nimport { Resource, Tag, User } from '@posiwise/common-utilities';\nimport { HelperService } from '@posiwise/helper-service';\n\nimport { forkJoin, Subscription } from 'rxjs';\n\nimport { ResourceService } from '../../../resource.service';\n\n@Component({\n    selector: 'pw-posts-list',\n    templateUrl: './resources-hub.component.html',\n    styleUrls: [\n        './resources-hub.component.scss',\n        '../resource-company-card/resource-company-card.component.scss'\n    ],\n    encapsulation: ViewEncapsulation.None\n})\nexport class ResourceHubComponent extends AppBaseComponent implements OnInit, OnDestroy {\n    private delayTimeout: ReturnType<typeof setTimeout> | null = null;\n    private userSub: Subscription;\n\n    data = [];\n\n    posts: Resource[] = [];\n    tags: Tag[] = [];\n\n    selectedTags = [];\n\n    currentPage = 1;\n    pageSize = 20;\n    objectCount = 0;\n\n    searchTextItems = '';\n    searchInput = false;\n\n    readingTime: number;\n\n    totalRecords: number;\n\n    loading = true;\n    loaded = false;\n\n    masterSubscriptionId: number;\n    subscriptionId;\n    userLoggedIn: boolean;\n    isMasterSubscription;\n\n    scrollLocked = false;\n\n    iconClasses: string[] = [\n        'fa-lightbulb',\n        'fa-rocket',\n        'fa-file-alt',\n        'fa-users',\n        'fa-video',\n        'fa-pencil-alt',\n        'fa-book-open',\n        'fa-cogs'\n    ];\n    user: User;\n\n    canEditResourcesValue = false;\n\n    constructor(\n        private readonly resourceService: ResourceService,\n        private readonly authService: AuthService,\n        private readonly tagService: TagService,\n        injector: Injector\n    ) {\n        super(injector);\n    }\n\n    ngOnInit() {\n        this.authService.getToken$().subscribe(res => {\n            this.userLoggedIn = !!res;\n            if (this.userLoggedIn) {\n                this.localStorage.getItem$('product').subscribe(res => {\n                    const data = res ? JSON.parse(res) : null;\n                    this.subscriptionId = data?.subscriptionId;\n                });\n                this.userSub = this.userService.getUserInfo().subscribe(data => {\n                    this.user = data;\n                    this.updateCanEditResourcesValue();\n                    this.getPostsAndTags();\n                });\n            } else {\n                this.getPostsAndTags();\n            }\n        });\n        this.masterSubscriptionId = this.appConfig.master_subscription.subscription_id;\n        this.readingTime = 0;\n    }\n\n    getPostsAndTags() {\n        this.loading = true;\n        this.loaded = false;\n        forkJoin({\n            resPosts: this.resourceService.getPublicPosts(\n                this.getEffectiveSubscriptionId(),\n                this.currentPage,\n                this.pageSize,\n                this.searchTextItems\n            ),\n            resTags: this.tagService.getTagsByType(\n                'post_categories',\n                {},\n                this.getEffectiveSubscriptionId()\n            )\n        })\n            .subscribe(res => {\n                this.posts = res?.resPosts?.posts;\n                this.objectCount = res?.resPosts.object_count;\n                this.data = res?.resPosts?.posts;\n                this.data = res?.resPosts?.posts.map(post => ({\n                    ...post,\n                    expandedTags: false\n                }));\n                this.totalRecords = this.posts?.length;\n\n                this.tags = res?.resTags?.tags?.filter(tag => tag.visible_in_resources);\n                this.tags = this.tags.map(tag => ({\n                    ...tag\n                }));\n            })\n            .add(() => {\n                this.loading = false;\n                this.loaded = true;\n            });\n    }\n\n    toggleDropdown(event: Event, post): void {\n        event.stopPropagation();\n        post.showDropdown = !post.showDropdown;\n    }\n\n    getPosts(page: number, pageSize: number, fetchAll = false, append = false) {\n        if (fetchAll) this.selectedTags = [];\n\n        if (!append) {\n            this.loading = true;\n            this.loaded = false;\n        }\n\n        const tagCategoryParam = this.selectedTags.map(tag => tag.tag_category_id).join(',');\n\n        this.resourceService\n            .getPublicPosts(\n                this.getEffectiveSubscriptionId(),\n                page,\n                append ? 10 : pageSize,\n                this.searchTextItems,\n                tagCategoryParam\n            )\n            .subscribe(response => {\n                this.objectCount = response.object_count;\n                this.posts = append ? [...this.posts, ...response.posts] : response.posts;\n                this.data = [...this.posts];\n                this.totalRecords = this.posts?.length;\n            })\n            .add(() => {\n                this.loading = false;\n                this.loaded = true;\n            });\n    }\n\n    onSearch(seconds: number) {\n        let delay = 0;\n        delay = seconds * 1000;\n        clearTimeout(this.delayTimeout);\n        const delayTimeout = setTimeout(() => {\n            this.currentPage = 1;\n            this.getPosts(1, this.pageSize);\n        }, delay);\n\n        this.delayTimeout = delayTimeout;\n    }\n\n    navigateToTagList(): void {\n        HelperService.navigateToTagList();\n    }\n\n    @HostListener('window:scroll', [])\n    onWindowScroll(): void {\n        const scrollPosition = window.scrollY + window.innerHeight;\n        const pageHeight = document.documentElement.scrollHeight;\n\n        const nearBottom = scrollPosition >= pageHeight - 100;\n\n        if (\n            nearBottom &&\n            this.posts.length < this.objectCount &&\n            !this.loading &&\n            !this.scrollLocked\n        ) {\n            this.scrollLocked = true;\n            this.currentPage += 1;\n\n            this.getPosts(this.currentPage, this.pageSize, false, true);\n\n            setTimeout(() => {\n                this.scrollLocked = false;\n            }, 500);\n        }\n    }\n\n    isSelected(tagId: number): boolean {\n        return this.selectedTags.map(tag => tag.id).includes(tagId);\n    }\n\n    tagPost(selectedTag) {\n        const index = this.selectedTags.findIndex(\n            tag => tag.tag_category_id === selectedTag?.tag_category_id && tag.id === selectedTag.id\n        );\n\n        if (index === -1) {\n            this.selectedTags.push({\n                tag_category_id: selectedTag?.tag_category_id,\n                id: selectedTag.id\n            });\n        } else {\n            this.selectedTags.splice(index, 1);\n        }\n\n        this.currentPage = 1;\n        this.getPosts(1, this.pageSize);\n    }\n\n    thisPostReadingTime(text: string): string {\n        if (text) {\n            const wordsPerMinute = 200;\n            const noOfWords = text.split(/\\s/g).length;\n            const minutes = noOfWords / wordsPerMinute;\n            const readTime = Math.ceil(minutes);\n\n            return `${readTime} minute read`;\n        }\n\n        return '';\n    }\n\n    override ngOnDestroy() {\n        this.userSub?.unsubscribe();\n        super.ngOnDestroy();\n    }\n\n    /** Helper method to get effective subscription ID */\n    private getEffectiveSubscriptionId(): number {\n        return HelperService.getEffectiveSubscriptionId(\n            this.user,\n            this.subscriptionId,\n            this.appConfig.master_subscription.subscription_id\n        );\n    }\n\n    private updateCanEditResourcesValue(): void {\n        if (this.userLoggedIn && this.user) {\n            this.canEditResourcesValue = HelperService.canEditResources(\n                this.user,\n                this.userLoggedIn,\n                this.permissionService\n            );\n        } else {\n            this.canEditResourcesValue = false;\n        }\n    }\n\n    canEditResources(): boolean {\n        return this.canEditResourcesValue;\n    }\n}\n","<pw-resource-header [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-header>\n<div class=\"all-posts py-5\">\n\n  <div class=\"row mt-1 mb-4 px-2\">\n    <div class=\"col-md-8\">\n    </div>\n    <div class=\"col-md-4\">\n      <div class=\"text-end mt-0 mt-sm-3 d-flex\">\n        <i *ngIf=\"userLoggedIn && user?.auth?.granted['Pages.Admin']\"\n      class=\"fa fa-edit in-page-edit-icon cursor-pointer mt-2 me-3\"\n      (click)=\"navigateToTagList()\"\n      (keydown.enter)=\"navigateToTagList()\"\n      (keydown.space)=\"navigateToTagList()\"\n      title=\"Edit Logo\"></i>\n        <div class=\"search-wrapper position-relative\">\n          <i class=\"fa fa-search search-icon\"></i>\n          <input type=\"text\" [(ngModel)]=\"searchTextItems\" pInputText size=\"50\" placeholder=\"Search resources...\"\n        (input)=\"onSearch(1)\"\n            class=\"search-input top-search-input\" />\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"row resource-row\">\n    <!-- All Resources Card -->\n    <div class=\"col-md-3 col-sm-6 col-6 mb-4\">\n      <div class=\"resource-card d-flex align-items-center p-3\"\n           (keydown.enter)=\"getPosts(1, 20, true)\"\n           [ngClass]=\"{ 'selected': selectedTags.length === 0 }\"\n           (click)=\"getPosts(1, 20, true)\">\n        <i class=\"fa fa-layer-group resource-icon me-3\"></i>\n        <span class=\"resource-text\">All Resources</span>\n      </div>\n    </div>\n\n    <!-- Dynamic Tags -->\n    <div class=\"col-md-3 col-sm-6 mb-4 col-6\"\n         *ngFor=\"let tag of tags\">\n      <div\n           class=\"resource-card d-flex align-items-center p-3\"\n           (keydown.enter)=\"tagPost(tag)\"\n           [ngClass]=\"{ 'selected': isSelected(tag.id) }\"\n           (click)=\"tagPost(tag)\">\n           <i *ngIf=\"tag?.icon_name\" class=\"fa\" [ngClass]=\"tag.icon_name + ' resource-icon me-3'\"></i>\n        <span class=\"resource-text\">{{ tag.name }}</span>\n      </div>\n    </div>\n  </div>\n  <ng-container *ngIf=\"loading && !loaded\">\n    <div class=\"w-100 text-center mt-3\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"posts?.length && !loading\">\n    <div>\n      <div class=\"blog-list\">\n        <div class=\"row mt-4 mb-5 ms-1 me-1 blog-listing\"\n          *ngFor=\"let post of data\">\n          <div class=\"col-md-6 col-sm-12 col-xs-12 my-auto\">\n              <pw-resource-edit-card-lazy\n              [canEdit]=\"canEditResourcesValue\"\n              [id]=\"post?.id\"\n              [resourceData]=\"post\"\n              (updated)=\"getPosts(1, pageSize)\">\n            </pw-resource-edit-card-lazy>\n            <div class=\"list-blog-image\" [routerLink]=\"['/resources/view', post.slug]\">\n              <img [src]=\"post.picture?.url\"\n                alt=\"Resource thumbnail\"\n                class=\"img-fluid\" />\n            </div>\n          </div>\n          <div class=\"col-md-6 col-sm-12 col-xs-12 px-4 position-relative\">\n            <div class=\"tag-div\">\n              <div class=\"author d-flex\">\n                <div class=\"avatar-image\">\n                  <a [attr.disabled]=\"!userLoggedIn\"\n                    [routerLink]=\"['/members', post?.author?.slug]\">\n                    <img *ngIf=\"post.author?.avatar\"\n                      [src]=\"post.author?.avatar[0]?.url\"\n                      alt=\"Author profile\" />\n                    <img *ngIf=\"!post.author?.avatar\"\n                      src=\"/assets/img/icons/male.png\"\n                      alt=\"Default author profile\"\n                      class=\"default-user-image\" />\n                  </a>\n                </div>\n\n                <div class=\"author-name ps-2\">\n                  <a [attr.disabled]=\"!userLoggedIn\"\n                    [routerLink]=\"['/members', post?.author?.slug]\"\n                    class=\"name\">\n                    {{ post.author.first_name }}\n                    <i class=\"fas fa-crown\" aria-hidden=\"true\"></i></a>\n                  <ul>\n                    <li>\n                      <a href=\"javascript:void(0);\">\n                        {{ post.published_at | date: 'dd/MM/yyyy' }}\n                      </a>\n                    </li>\n                    <li>.</li>\n                    <li>\n                      <a href=\"javascript:void(0);\">{{ thisPostReadingTime(post.body) }}\n                      </a>\n                    </li>\n                  </ul>\n                </div>\n                <div class=\"share-post\">\n                  <div class=\"dropdown position-relative d-flex justify-content-end\" (clickOutside)=\"post.showDropdown = false\">\n                    <div class=\"three-dots-wrapper\"  (keydown.enter)=\"toggleDropdown($event, post)\" (click)=\"toggleDropdown($event, post)\">\n                      <i class=\"fas fa-ellipsis-v\"></i>\n                    </div>\n\n                    <div class=\"dropdown-menu show\"\n                         *ngIf=\"post.showDropdown\">\n                      <a class=\"dropdown-item\"\n                         href=\"http://www.facebook.com/\"\n                         rel=\"noopener noreferrer\"\n                         target=\"_blank\">\n                         <i class=\"fas fa-share\"></i> Share Post\n                      </a>\n                    </div>\n                  </div>\n\n                </div>\n              </div>\n              <h4 [routerLink]=\"['/resources/view', post.slug]\"\n                class=\"title my-3\">{{ post.title }}</h4>\n              <p [routerLink]=\"['/resources/view', post.slug]\"\n                class=\"body mb-3 pb-3 post-body-text\">\n                {{ post.body | removeHtml: 'quill' | textTruncate: 200 }}\n              </p>\n              <div class=\"d-flex flex-wrap align-items-center gap-2 mt-auto mb-3\">\n                <ng-container *ngIf=\"post?.tags?.length\">\n                  <ng-container *ngFor=\"let tag of post?.tags?.slice(0, 4)\">\n                    <span class=\"badge m-1\"\n                          [appDynamicBadge]=\"{ itemsArray: post?.tags, item: tag }\"\n                          [colorByName]=\"true\"\n                          [dataName]=\"tag.name\"\n                          color=\"blue-grey\">\n                      {{ tag.name }}\n                    </span>\n                  </ng-container>\n\n                  <ng-container *ngIf=\"post.expandedTags\">\n                    <ng-container *ngFor=\"let tag of post?.tags?.slice(4)\">\n                      <span class=\"badge m-1\"\n                            [appDynamicBadge]=\"{ itemsArray: post?.tags, item: tag }\"\n                            [colorByName]=\"true\"\n                            [dataName]=\"tag.name\"\n                            color=\"blue-grey\">\n                        {{ tag.name }}\n                      </span>\n                    </ng-container>\n                  </ng-container>\n\n                  <span *ngIf=\"post?.tags?.length > 4\"\n                        (click)=\"post.expandedTags = !post.expandedTags\"\n                        (keydown.enter)=\"post.expandedTags = !post.expandedTags\"\n                        class=\"fw-bold cursor-pointer m-1 expand-tags\">...</span>\n                </ng-container>\n              </div>\n\n\n              <div class=\"blog-view py-3 blog-list-write-view\">\n                <ul class=\"d-flex\">\n                  <li>{{ post.view !== null ? post.view : '0' }} View</li>\n                  <li><a [routerLink]=\"['/resources/view', post.slug]\">Write Comment</a></li>\n                  <li>\n                    <a [routerLink]=\"['/resources/view', post.slug]\" aria-label=\"Blog\"><i class=\"far fa-heart\" aria-hidden=\"true\"></i></a>\n                  </li>\n                </ul>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"!posts?.length && loaded\">\n    <pw-no-data [withImage]=\"true\" message=\"We couldn't find any resources.\" > </pw-no-data>\n  </ng-container>\n</div>\n","import { NgModule } from '@angular/core';\nimport { RouterModule, Routes } from '@angular/router';\n\nimport { ResourceHubComponent } from '../../components/resources-hub/resources-hub.component';\nimport { ResourceSharedModule } from '../../shared/resource-shared.module';\n\nconst routes: Routes = [\n    {\n        path: '',\n        component: ResourceHubComponent,\n        data: {\n            title: 'Resources - Hub',\n            permission: 'Pages.Blog'\n        }\n    }\n];\n\n@NgModule({\n    declarations: [ResourceHubComponent],\n    imports: [ResourceSharedModule, RouterModule.forChild(routes)]\n})\nexport class ResourceHubModule {}\n"],"names":["i1.ResourceService","i3.ResourceEditCardLazyComponent","i4","i5","i6","i7","i8","i9","i10"],"mappings":"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"}
+{"version":3,"file":"posiwise-resource-module-resource-hub.module-CatmeqJc.mjs","sources":["../../../../libs/resource-module/src/lib/public/components/resources-hub/resources-hub.component.ts","../../../../libs/resource-module/src/lib/public/components/resources-hub/resources-hub.component.html","../../../../libs/resource-module/src/lib/public/modules/hub/resource-hub.module.ts"],"sourcesContent":["import {\n    Component,\n    HostListener,\n    Injector,\n    OnDestroy,\n    OnInit,\n    ViewEncapsulation\n} from '@angular/core';\n\nimport { AppBaseComponent } from '@posiwise/app-base-component';\nimport { AuthService, TagService } from '@posiwise/common-services';\nimport { Resource, Tag, User } from '@posiwise/common-utilities';\nimport { HelperService } from '@posiwise/helper-service';\n\nimport { forkJoin, Subscription } from 'rxjs';\n\nimport { ResourceService } from '../../../resource.service';\n\n@Component({\n    selector: 'pw-posts-list',\n    templateUrl: './resources-hub.component.html',\n    styleUrls: [\n        './resources-hub.component.scss',\n        '../resource-company-card/resource-company-card.component.scss'\n    ],\n    encapsulation: ViewEncapsulation.None\n})\nexport class ResourceHubComponent extends AppBaseComponent implements OnInit, OnDestroy {\n    private delayTimeout: ReturnType<typeof setTimeout> | null = null;\n    private userSub: Subscription;\n\n    data = [];\n\n    posts: Resource[] = [];\n    tags: Tag[] = [];\n\n    selectedTags = [];\n\n    currentPage = 1;\n    pageSize = 20;\n    objectCount = 0;\n\n    searchTextItems = '';\n    searchInput = false;\n\n    readingTime: number;\n\n    totalRecords: number;\n\n    loading = true;\n    loaded = false;\n\n    masterSubscriptionId: number;\n    subscriptionId;\n    userLoggedIn: boolean;\n    isMasterSubscription;\n\n    scrollLocked = false;\n\n    iconClasses: string[] = [\n        'fa-lightbulb',\n        'fa-rocket',\n        'fa-file-alt',\n        'fa-users',\n        'fa-video',\n        'fa-pencil-alt',\n        'fa-book-open',\n        'fa-cogs'\n    ];\n    user: User;\n\n    canEditResourcesValue = false;\n\n    constructor(\n        private readonly resourceService: ResourceService,\n        private readonly authService: AuthService,\n        private readonly tagService: TagService,\n        injector: Injector\n    ) {\n        super(injector);\n    }\n\n    ngOnInit() {\n        this.authService.getToken$().subscribe(res => {\n            this.userLoggedIn = !!res;\n            if (this.userLoggedIn) {\n                this.localStorage.getItem$('product').subscribe(res => {\n                    const data = res ? JSON.parse(res) : null;\n                    this.subscriptionId = data?.subscriptionId;\n                });\n                this.userSub = this.userService.getUserInfo().subscribe(data => {\n                    this.user = data;\n                    this.updateCanEditResourcesValue();\n                    this.getPostsAndTags();\n                });\n            } else {\n                this.getPostsAndTags();\n            }\n        });\n        this.masterSubscriptionId = this.appConfig.master_subscription.subscription_id;\n        this.readingTime = 0;\n    }\n\n    getPostsAndTags() {\n        this.loading = true;\n        this.loaded = false;\n        forkJoin({\n            resPosts: this.resourceService.getPublicPosts(\n                this.getEffectiveSubscriptionId(),\n                this.currentPage,\n                this.pageSize,\n                this.searchTextItems\n            ),\n            resTags: this.tagService.getTagsByType(\n                'post_categories',\n                {},\n                this.getEffectiveSubscriptionId()\n            )\n        })\n            .subscribe(res => {\n                this.posts = res?.resPosts?.posts;\n                this.objectCount = res?.resPosts.object_count;\n                this.data = res?.resPosts?.posts;\n                this.data = res?.resPosts?.posts.map(post => ({\n                    ...post,\n                    expandedTags: false\n                }));\n                this.totalRecords = this.posts?.length;\n\n                this.tags = res?.resTags?.tags?.filter(tag => tag.visible_in_resources);\n                this.tags = this.tags.map(tag => ({\n                    ...tag\n                }));\n            })\n            .add(() => {\n                this.loading = false;\n                this.loaded = true;\n            });\n    }\n\n    toggleDropdown(event: Event, post): void {\n        event.stopPropagation();\n        post.showDropdown = !post.showDropdown;\n    }\n\n    getPosts(page: number, pageSize: number, fetchAll = false, append = false) {\n        if (fetchAll) this.selectedTags = [];\n\n        if (!append) {\n            this.loading = true;\n            this.loaded = false;\n        }\n\n        const tagCategoryParam = this.selectedTags.map(tag => tag.tag_category_id).join(',');\n\n        this.resourceService\n            .getPublicPosts(\n                this.getEffectiveSubscriptionId(),\n                page,\n                append ? 10 : pageSize,\n                this.searchTextItems,\n                tagCategoryParam\n            )\n            .subscribe(response => {\n                this.objectCount = response.object_count;\n                this.posts = append ? [...this.posts, ...response.posts] : response.posts;\n                this.data = [...this.posts];\n                this.totalRecords = this.posts?.length;\n            })\n            .add(() => {\n                this.loading = false;\n                this.loaded = true;\n            });\n    }\n\n    onSearch(seconds: number) {\n        let delay = 0;\n        delay = seconds * 1000;\n        clearTimeout(this.delayTimeout);\n        const delayTimeout = setTimeout(() => {\n            this.currentPage = 1;\n            this.getPosts(1, this.pageSize);\n        }, delay);\n\n        this.delayTimeout = delayTimeout;\n    }\n\n    navigateToTagList(): void {\n        HelperService.navigateToTagList();\n    }\n\n    @HostListener('window:scroll', [])\n    onWindowScroll(): void {\n        const scrollPosition = window.scrollY + window.innerHeight;\n        const pageHeight = document.documentElement.scrollHeight;\n\n        const nearBottom = scrollPosition >= pageHeight - 100;\n\n        if (\n            nearBottom &&\n            this.posts.length < this.objectCount &&\n            !this.loading &&\n            !this.scrollLocked\n        ) {\n            this.scrollLocked = true;\n            this.currentPage += 1;\n\n            this.getPosts(this.currentPage, this.pageSize, false, true);\n\n            setTimeout(() => {\n                this.scrollLocked = false;\n            }, 500);\n        }\n    }\n\n    isSelected(tagId: number): boolean {\n        return this.selectedTags.map(tag => tag.id).includes(tagId);\n    }\n\n    tagPost(selectedTag) {\n        const index = this.selectedTags.findIndex(\n            tag => tag.tag_category_id === selectedTag?.tag_category_id && tag.id === selectedTag.id\n        );\n\n        if (index === -1) {\n            this.selectedTags.push({\n                tag_category_id: selectedTag?.tag_category_id,\n                id: selectedTag.id\n            });\n        } else {\n            this.selectedTags.splice(index, 1);\n        }\n\n        this.currentPage = 1;\n        this.getPosts(1, this.pageSize);\n    }\n\n    thisPostReadingTime(text: string): string {\n        if (text) {\n            const wordsPerMinute = 200;\n            const noOfWords = text.split(/\\s/g).length;\n            const minutes = noOfWords / wordsPerMinute;\n            const readTime = Math.ceil(minutes);\n\n            return `${readTime} minute read`;\n        }\n\n        return '';\n    }\n\n    override ngOnDestroy() {\n        this.userSub?.unsubscribe();\n        super.ngOnDestroy();\n    }\n\n    /** Helper method to get effective subscription ID */\n    private getEffectiveSubscriptionId(): number {\n        return HelperService.getEffectiveSubscriptionId(\n            this.user,\n            this.subscriptionId,\n            this.appConfig.master_subscription.subscription_id\n        );\n    }\n\n    private updateCanEditResourcesValue(): void {\n        if (this.userLoggedIn && this.user) {\n            this.canEditResourcesValue = HelperService.canEditResources(\n                this.user,\n                this.userLoggedIn,\n                this.permissionService\n            );\n        } else {\n            this.canEditResourcesValue = false;\n        }\n    }\n\n    canEditResources(): boolean {\n        return this.canEditResourcesValue;\n    }\n}\n","<pw-resource-header [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-header>\n<div class=\"all-posts py-5\">\n\n  <div class=\"row mt-1 mb-4 px-2\">\n    <div class=\"col-md-8\">\n    </div>\n    <div class=\"col-md-4\">\n      <div class=\"text-end mt-0 mt-sm-3 d-flex\">\n        <i *ngIf=\"userLoggedIn && user?.auth?.granted['Pages.Admin']\"\n      class=\"fa fa-edit in-page-edit-icon cursor-pointer mt-2 me-3\"\n      (click)=\"navigateToTagList()\"\n      (keydown.enter)=\"navigateToTagList()\"\n      (keydown.space)=\"navigateToTagList()\"\n      title=\"Edit Logo\"></i>\n        <div class=\"search-wrapper position-relative\">\n          <i class=\"fa fa-search search-icon\"></i>\n          <input type=\"text\" [(ngModel)]=\"searchTextItems\" pInputText size=\"50\" placeholder=\"Search resources...\"\n        (input)=\"onSearch(1)\"\n            class=\"search-input top-search-input\" />\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"row resource-row\">\n    <!-- All Resources Card -->\n    <div class=\"col-md-3 col-sm-6 col-6 mb-4\">\n      <div class=\"resource-card d-flex align-items-center p-3\"\n           (keydown.enter)=\"getPosts(1, 20, true)\"\n           [ngClass]=\"{ 'selected': selectedTags.length === 0 }\"\n           (click)=\"getPosts(1, 20, true)\">\n        <i class=\"fa fa-layer-group resource-icon me-3\"></i>\n        <span class=\"resource-text\">All Resources</span>\n      </div>\n    </div>\n\n    <!-- Dynamic Tags -->\n    <div class=\"col-md-3 col-sm-6 mb-4 col-6\"\n         *ngFor=\"let tag of tags\">\n      <div\n           class=\"resource-card d-flex align-items-center p-3\"\n           (keydown.enter)=\"tagPost(tag)\"\n           [ngClass]=\"{ 'selected': isSelected(tag.id) }\"\n           (click)=\"tagPost(tag)\">\n           <i *ngIf=\"tag?.icon_name\" class=\"fa\" [ngClass]=\"tag.icon_name + ' resource-icon me-3'\"></i>\n        <span class=\"resource-text\">{{ tag.name }}</span>\n      </div>\n    </div>\n  </div>\n  <ng-container *ngIf=\"loading && !loaded\">\n    <div class=\"w-100 text-center mt-3\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"posts?.length && !loading\">\n    <div>\n      <div class=\"blog-list\">\n        <div class=\"row mt-4 mb-5 ms-1 me-1 blog-listing\"\n          *ngFor=\"let post of data\">\n          <div class=\"col-md-6 col-sm-12 col-xs-12 my-auto\">\n              <pw-resource-edit-card-lazy\n              [canEdit]=\"canEditResourcesValue\"\n              [id]=\"post?.id\"\n              [resourceData]=\"post\"\n              (updated)=\"getPosts(1, pageSize)\">\n            </pw-resource-edit-card-lazy>\n            <div class=\"list-blog-image\" [routerLink]=\"['/resources/view', post.slug]\">\n              <img [src]=\"post.picture?.url\"\n                alt=\"Resource thumbnail\"\n                class=\"img-fluid\" />\n            </div>\n          </div>\n          <div class=\"col-md-6 col-sm-12 col-xs-12 px-4 position-relative\">\n            <div class=\"tag-div\">\n              <div class=\"author d-flex\">\n                <div class=\"avatar-image\">\n                  <a [attr.disabled]=\"!userLoggedIn\"\n                    [routerLink]=\"['/members', post?.author?.slug]\">\n                    <img *ngIf=\"post.author?.avatar\"\n                      [src]=\"post.author?.avatar[0]?.url\"\n                      alt=\"Author profile\" />\n                    <img *ngIf=\"!post.author?.avatar\"\n                      src=\"/assets/img/icons/male.png\"\n                      alt=\"Default author profile\"\n                      class=\"default-user-image\" />\n                  </a>\n                </div>\n\n                <div class=\"author-name ps-2\">\n                  <a [attr.disabled]=\"!userLoggedIn\"\n                    [routerLink]=\"['/members', post?.author?.slug]\"\n                    class=\"name\">\n                    {{ post.author.first_name }}\n                    <i class=\"fas fa-crown\" aria-hidden=\"true\"></i></a>\n                  <ul>\n                    <li>\n                      <a href=\"javascript:void(0);\">\n                        {{ post.published_at | date: 'dd/MM/yyyy' }}\n                      </a>\n                    </li>\n                    <li>.</li>\n                    <li>\n                      <a href=\"javascript:void(0);\">{{ thisPostReadingTime(post.body) }}\n                      </a>\n                    </li>\n                  </ul>\n                </div>\n                <div class=\"share-post\">\n                  <div class=\"dropdown position-relative d-flex justify-content-end\" (clickOutside)=\"post.showDropdown = false\">\n                    <div class=\"three-dots-wrapper\"  (keydown.enter)=\"toggleDropdown($event, post)\" (click)=\"toggleDropdown($event, post)\">\n                      <i class=\"fas fa-ellipsis-v\"></i>\n                    </div>\n\n                    <div class=\"dropdown-menu show\"\n                         *ngIf=\"post.showDropdown\">\n                      <a class=\"dropdown-item\"\n                         href=\"http://www.facebook.com/\"\n                         rel=\"noopener noreferrer\"\n                         target=\"_blank\">\n                         <i class=\"fas fa-share\"></i> Share Post\n                      </a>\n                    </div>\n                  </div>\n\n                </div>\n              </div>\n              <h4 [routerLink]=\"['/resources/view', post.slug]\"\n                class=\"title my-3\">{{ post.title }}</h4>\n              <p [routerLink]=\"['/resources/view', post.slug]\"\n                class=\"body mb-3 pb-3 post-body-text\">\n                {{ post.body | removeHtml: 'quill' | textTruncate: 200 }}\n              </p>\n              <div class=\"d-flex flex-wrap align-items-center gap-2 mt-auto mb-3\">\n                <ng-container *ngIf=\"post?.tags?.length\">\n                  <ng-container *ngFor=\"let tag of post?.tags?.slice(0, 4)\">\n                    <span class=\"badge m-1\"\n                          [appDynamicBadge]=\"{ itemsArray: post?.tags, item: tag }\"\n                          [colorByName]=\"true\"\n                          [dataName]=\"tag.name\"\n                          color=\"blue-grey\">\n                      {{ tag.name }}\n                    </span>\n                  </ng-container>\n\n                  <ng-container *ngIf=\"post.expandedTags\">\n                    <ng-container *ngFor=\"let tag of post?.tags?.slice(4)\">\n                      <span class=\"badge m-1\"\n                            [appDynamicBadge]=\"{ itemsArray: post?.tags, item: tag }\"\n                            [colorByName]=\"true\"\n                            [dataName]=\"tag.name\"\n                            color=\"blue-grey\">\n                        {{ tag.name }}\n                      </span>\n                    </ng-container>\n                  </ng-container>\n\n                  <span *ngIf=\"post?.tags?.length > 4\"\n                        (click)=\"post.expandedTags = !post.expandedTags\"\n                        (keydown.enter)=\"post.expandedTags = !post.expandedTags\"\n                        class=\"fw-bold cursor-pointer m-1 expand-tags\">...</span>\n                </ng-container>\n              </div>\n\n\n              <div class=\"blog-view py-3 blog-list-write-view\">\n                <ul class=\"d-flex\">\n                  <li>{{ post.view !== null ? post.view : '0' }} View</li>\n                  <li><a [routerLink]=\"['/resources/view', post.slug]\">Write Comment</a></li>\n                  <li>\n                    <a [routerLink]=\"['/resources/view', post.slug]\" aria-label=\"Blog\"><i class=\"far fa-heart\" aria-hidden=\"true\"></i></a>\n                  </li>\n                </ul>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"!posts?.length && loaded\">\n    <pw-no-data [withImage]=\"true\" message=\"We couldn't find any resources.\" > </pw-no-data>\n  </ng-container>\n</div>\n","import { NgModule } from '@angular/core';\nimport { RouterModule, Routes } from '@angular/router';\n\nimport { ResourceHubComponent } from '../../components/resources-hub/resources-hub.component';\nimport { ResourceSharedModule } from '../../shared/resource-shared.module';\n\nconst routes: Routes = [\n    {\n        path: '',\n        component: ResourceHubComponent,\n        data: {\n            title: 'Resources - Hub',\n            permission: 'Pages.Blog'\n        }\n    }\n];\n\n@NgModule({\n    declarations: [ResourceHubComponent],\n    imports: [ResourceSharedModule, RouterModule.forChild(routes)]\n})\nexport class ResourceHubModule {}\n"],"names":["i1.ResourceService","i3.ResourceEditCardLazyComponent","i4","i5","i6","i7","i8","i9","i10"],"mappings":"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"}

package/fesm2022/{posiwise-resource-module-resource-integrations.module-Mvw4z368.mjs → posiwise-resource-module-resource-integrations.module-DRo_W7x-.mjs}

@@ -4,32 +4,30 @@ import * as i1$1 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import * as i3 from '@angular/platform-browser';
 import * as i2 from '@posiwise/common-services';
-import { e as ResourceService, h as ResourceTopBannerEditComponent, i as ResourceCompanyCardComponent, b as ResourceNoteCardComponent, T as Trial4ContactUsComponent, g as ResourceSharedModule } from './posiwise-resource-module-posiwise-resource-module-C-p2A-OA.mjs';
-import { B as BaseTopBannerComponent } from './posiwise-resource-module-base-top-banner.component-BJ8liJHF.mjs';
+import { e as ResourceService, h as ResourceTopBannerEditComponent, i as ResourceCompanyCardComponent, b as ResourceNoteCardComponent, g as ResourceSharedModule } from './posiwise-resource-module-posiwise-resource-module-D61_xv3s.mjs';
+import { B as BaseTopBannerComponent } from './posiwise-resource-module-base-top-banner.component-DO1PhYhj.mjs';
 import * as i3$1 from '@angular/common';
 import * as i8 from '@posiwise/directives';
-import * as i9 from '@angular/cdk/drag-drop';
+import * as i13 from '@angular/cdk/drag-drop';
 import { moveItemInArray } from '@angular/cdk/drag-drop';
-import * as i5 from '@posiwise/admin-module-utils';
+import * as i2$2 from '@posiwise/admin-module-utils';
 import { AppBaseComponent } from '@posiwise/app-base-component';
 import { CompanyData } from '@posiwise/common-utilities';
 import { HelperService } from '@posiwise/helper-service';
 import { forkJoin } from 'rxjs';
 import * as i2$1 from '@ng-bootstrap/ng-bootstrap';
+import * as i4 from '@posiwise/alpha-module';
 import * as i1 from '@angular/forms';
 import * as i6 from '@posiwise/utils';
 import * as i6$1 from '@posiwise/shared-components';
 import * as i7 from 'primeng/progressspinner';
 import * as i10 from '@jsverse/transloco';
-import '@posiwise/smart-crm-shared';
-import 'http-status-codes';
-import 'sweetalert2';
-import 'ngx-captcha';
-import 'primeng/dropdown';
 import '@posiwise/core-transloco';
 import '@posiwise/pipes';
 import 'primeng/inputtext';
 import 'primeng/inputtextarea';
+import 'ngx-captcha';
+import 'primeng/dropdown';
 import 'primeng/paginator';
 import 'ngx-quill';
 import 'ngx-ui-switch';
@@ -249,13 +247,13 @@ class ResourceIntegrationComponent extends AppBaseComponent {
     canEditResources() {
         return this.canEditResourcesValue;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceIntegrationComponent, deps: [{ token: i3.DomSanitizer }, { token: ResourceService }, { token: i2$1.NgbModal }, { token: i2.TagService }, { token: i2.AuthService }, { token: i5.AdminService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceIntegrationComponent, selector: "pw-resource-integration", viewQueries: [{ propertyName: "editIntegrationsModal", first: true, predicate: ["editIntegrationsModal"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<pw-resource-header [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-header>\n<pw-integration-top-banner></pw-integration-top-banner>\n<div class=\"bg-white\">\n  <section class=\"guide-section bg-white py-5 section-outer\">\n    <div class=\"container sec-container\">\n      <div  *ngIf=\"isLoaded && integrationCountDisplay > 0\">\n        <h1 class=\"int-title mb-0\">{{ integrationCountDisplay }}+ integrations (& counting)</h1>\n        <p class=\"int-text\"> Search the current list of {{companyName}} vendor and distributor integrations below. <br />\n        </p>\n      </div>\n      <pw-resource-company-card *ngIf=\"isLoaded\" [header]=\"'integrated vendors'\"\n        (getPosts)=\"getPostTags()\"\n        [integrationCountDisplay]=\"integrationCountDisplay\"\n        [data]=\"posts\"\n        [user]=\"user\"\n        [userLoggedIn]=\"userLoggedIn\"></pw-resource-company-card>\n        <div class=\"w-100 text-center mt-3\"\n        *ngIf=\"!isLoaded\">\n        <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n      </div>\n      <div *ngIf=\"integrationCountDisplay === 0 && isLoaded\">\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n      <div class=\"text-center pt-3 mt-4\" *ngIf=\"isLoaded && integrationCountDisplay > 0\">\n        <p class=\"see-span\"> Don\u2019t see what you\u2019re after? <a [href]=\"contactUsUrl\"\n            target=\"_blank\"\n            class=\"int-span team-span\">Speak with our team to request a connection >\n          </a>\n        </p>\n      </div>\n    </div>\n\n  </section>\n  <section class=\"guide-section bg-white py-5 section-outer\">\n    <div class=\"container\">\n      <pw-resource-company-card [header]=\"'integrated Distributors'\"\n      [integrationCountDisplay]=\"integrationCountDisplay\"\n      *ngIf=\"isLoaded\"\n        [vendor]=\"true\"\n        (getPosts)=\"getPostTags()\"\n        [data]=\"distributerPosts\"\n        [user]=\"user\"\n        [userLoggedIn]=\"userLoggedIn\"></pw-resource-company-card>\n        <div class=\"w-100 text-center mt-3\"\n      *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n        <div *ngIf=\"integrationCountDisplay === 0 && isLoaded\">\n          <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n        </div>\n    </div>\n\n  </section>\n  <section class=\"guide-section bg-white py-5 section-outer\" *ngIf=\"integrations\">\n    <div class=\"container\">\n\n      <div class=\"how-it-works-wrapper\">\n        <div class=\"d-flex\">\n          <h1 class=\"it-works-title mb-0\">{{integrations?.title || 'How it works'}}</h1>\n          <i *ngIf=\"canEditResourcesValue\"\n          class=\"fa fa-edit in-page-edit-icon text-black ms-4 mt-3 cursor-pointer\"\n          (click)=\"openEditIntegrationsModal(editIntegrationsModal)\"\n          (keydown.enter)=\"openEditIntegrationsModal(editIntegrationsModal)\"\n          (keydown.space)=\"openEditIntegrationsModal(editIntegrationsModal)\"\n          title=\"Edit Integrations Section\"></i>\n        </div>\n        <p class=\"pb-20\" [innerHTML]=\"integrations?.description || 'View short example videos to understand how these integrations can work for you:'\"></p>\n        <div class=\"row section-row\"  [ngClass]=\"{ 'justify-content-center': integrations?.items?.length === 1 }\">\n          <ng-container *ngIf=\"integrations?.items?.length > 0; else noIntegrations\">\n            <ng-container *ngFor=\"let integration of integrations?.items\">\n              <div\n                class=\"col-md-6\"\n                *ngIf=\"integration?.image_url || integration?.title || integration?.description\"\n              >\n              <ng-container *ngIf=\"integration?.video_url && integration?.video_url.includes('https'); else noVideo\">\n                <div class=\"d-flex justify-content-center cursor-pointer\">\n                  <img\n                    *ngIf=\"integration?.video_url\"\n                    [src]=\"integration?.image_url\"\n                    (click)=\"loadMicrosoftVideo(integration?.video_url)\"\n                    (keydown.enter)=\"loadMicrosoftVideo(integration?.video_url)\"\n                    class=\"how-it-works-img\"\n                    alt=\"Integration Video Thumbnail\"\n                  />\n                </div>\n              </ng-container>\n\n              <ng-template #noVideo>\n                <div class=\"d-flex justify-content-center\">\n                  <div class=\"w-100\">\n                    <pw-no-data [withImage]=\"true\" [message]=\"'No video found' | transloco\">\n                    </pw-no-data>\n                  </div>\n                </div>\n              </ng-template>\n              </div>\n            </ng-container>\n          </ng-container>\n          <ng-template #noIntegrations>\n            <div class=\"w-100 text-center\">\n              <pw-no-data [withImage]=\"true\" [message]=\"'Integration.NoDataMessage' | transloco\"></pw-no-data>\n            </div>\n          </ng-template>\n\n        </div>\n      </div>\n    </div>\n\n  </section>\n <section class=\"guide-section bg-white py-5 section-outer\" *ngIf=\"showIntegrations()\">\n   <div class=\"container\">\n      <div class=\"row align-items-start\">\n       <div class=\"col-md-6 text-md-start text-center\">\n        <div class=\"d-flex\">\n          <h1 class=\"guide-title mb-3\">{{guideData?.items[0]?.title || '--UPDATE ME ON THE ADMIN/DOMAINS MODULE--'}}</h1>\n          <i *ngIf=\"canEditResourcesValue\"\n          class=\"fa fa-edit in-page-edit-icon text-black ms-4 mt-3 cursor-pointer\"\n          (click)=\"openGuidesModal(guidesEditModal)\"\n          (keydown.enter)=\"openGuidesModal(guidesEditModal)\"\n          (keydown.space)=\"openGuidesModal(guidesEditModal)\"\n          title=\"Edit Integrations Section\"></i>\n        </div>\n          <p class=\"guide-subtext\"\n          [innerHTML]=\"guideData?.items[0]?.description || '--UPDATE ME ON THE ADMIN/DOMAINS MODULE--'\">\n       </p>\n          <a class=\"vault-btn\"\n            [href]=\"guideData?.items[0]?.guide_url\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\">\n            {{guideData?.items[0]?.button_text || 'View the guide'}}\n          </a>\n\n        </div>\n\n       <div class=\"col-md-6 text-center\">\n        <ng-container *ngIf=\"guideData?.items[0]?.image_url && !guideData?.items[0].image_url.includes('default-photo.jpg'); else noDataTemplate\">\n          <img\n            [src]=\"guideData?.items[0].image_url\"\n            alt=\"Guide\"\n            class=\"guide-img\" />\n        </ng-container>\n\n        <ng-template #noDataTemplate>\n          <div>\n            <pw-no-data [withImage]=\"true\" [message]=\"'--ADD ME ON THE ADMIN/DOMAINS MODULE--' | transloco\" />\n          </div>\n        </ng-template>\n       </div>\n     </div>\n </div>\n </section>\n</div>\n\n<pw-resource-note-card *ngIf=\"resourcePostTag?.tag_category_id\" [categoryId]=\"resourcePostTag?.tag_category_id\" [tag]=\"resourcePostTag\" [releaseHeader]=\"true\" [resourceTitle]=\"resourcePostTag?.title\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-note-card>\n\n<pw-trial-4-contact-us [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-trial-4-contact-us>\n\n\n\n<ng-template #editIntegrationsModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Integrations Section</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <div class=\"mb-3\">\n      <label class=\"form-label\" for=\"integration-title\">Title</label>\n      <input class=\"form-control\" id=\"integration-title\" [(ngModel)]=\"editingIntegrations.title\" />\n    </div>\n\n    <div class=\"mb-3\">\n      <label class=\"form-label\" for=\"integration-description\">Description</label>\n      <textarea class=\"form-control\" id=\"integration-description\" rows=\"3\" [(ngModel)]=\"editingIntegrations.description\"></textarea>\n    </div>\n\n    <div cdkDropList (cdkDropListDropped)=\"dropIntegrationItems($event)\">\n      <div *ngFor=\"let integration of editingIntegrations.items; let i = index\" class=\"border p-3 mb-3\" cdkDrag>\n        <div class=\"d-flex justify-content-between align-items-center mb-2\">\n          <label class=\"form-label mb-0\" for=\"integration-item\">Integration Item</label>\n          <i class=\"fa fa-bars cursor-move in-page-bars-icon\" cdkDragHandle></i>\n        </div>\n\n        <div class=\"row\">\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'integration-item-title-' + i\">Title</label>\n            <input class=\"form-control\" [id]=\"'integration-item-title-' + i\" [(ngModel)]=\"integration.title\" />\n          </div>\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'integration-item-description-' + i\">Description</label>\n            <input class=\"form-control\" [id]=\"'integration-item-description-' + i\" [(ngModel)]=\"integration.description\" />\n          </div>\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'integration-item-blog-url-' + i\">Blog URL</label>\n            <input class=\"form-control\" [id]=\"'integration-item-blog-url-' + i\" [(ngModel)]=\"integration.blog_url\" />\n          </div>\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'integration-item-image-url-' + i\">Image URL</label>\n            <input class=\"form-control\" [id]=\"'integration-item-image-url-' + i\" [(ngModel)]=\"integration.image_url\" />\n          </div>\n          <div class=\"col-md-12 mb-2\">\n            <label class=\"form-label\" [for]=\"'integration-item-video-url-' + i\">Video URL</label>\n            <input class=\"form-control\" [id]=\"'integration-item-video-url-' + i\" [(ngModel)]=\"integration.video_url\" />\n          </div>\n        </div>\n\n        <div class=\"d-flex justify-content-end\">\n          <i class=\"fa fa-trash text-danger cursor-pointer\" (click)=\"removeIntegrationItem(i)\"   (keydown.enter)=\"removeIntegrationItem(i)\"\n          (keydown.space)=\"removeIntegrationItem(i)\"></i>\n        </div>\n      </div>\n    </div>\n\n    <button class=\"btn btn-outline-primary btn-sm\" (click)=\"addIntegrationItem()\">+ Add Integration</button>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" (click)=\"saveIntegrations(modal)\">Save</button>\n  </div>\n</ng-template>\n\n\n\n<ng-template #guidesEditModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Guides</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <h4 class=\"mb-3\">Guides Section</h4>\n\n    <div cdkDropList (cdkDropListDropped)=\"dropGuides($event)\">\n      <div *ngFor=\"let guide of editingGuides.items; let i = index\" class=\"border p-3 mb-3\" cdkDrag>\n        <div class=\"row\">\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'guide-title-' + i\">Title</label>\n            <input class=\"form-control\" [id]=\"'guide-title-' + i\" [(ngModel)]=\"guide.title\" />\n          </div>\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'guide-button-text-' + i\">Button Text</label>\n            <input class=\"form-control\" [id]=\"'guide-button-text-' + i\" [(ngModel)]=\"guide.button_text\" />\n          </div>\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'guide-image-url-' + i\">Image URL</label>\n            <input class=\"form-control\" [id]=\"'guide-image-url-' + i\" [(ngModel)]=\"guide.image_url\" />\n          </div>\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'guide-url-' + i\">Guide URL</label>\n            <input class=\"form-control\" [id]=\"'guide-url-' + i\" [(ngModel)]=\"guide.guide_url\" />\n          </div>\n          <div class=\"col-12 mb-2\">\n            <label class=\"form-label\" [for]=\"'guide-description-' + i\">Description</label>\n            <textarea class=\"form-control\" [id]=\"'guide-description-' + i\" rows=\"3\" [(ngModel)]=\"guide.description\"></textarea>\n          </div>\n          <div class=\"d-flex justify-content-between align-items-center mt-2\">\n            <i class=\"fa fa-trash text-danger cursor-pointer\" (click)=\"removeGuide(i)\" (keydown.enter)=\"removeGuide(i)\" (keydown.space)=\"removeGuide(i)\"></i>\n            <i class=\"fa fa-bars cursor-move\" cdkDragHandle></i>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <button class=\"btn btn-primary mt-2\" (click)=\"addGuide()\">+ Add Guide</button>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" (click)=\"saveGuides(modal)\">Save</button>\n  </div>\n</ng-template>\n", styles: [".int-span{font-size:3rem;color:#3d8fbe}.team-span{font-size:2rem;color:#3d8fbe;font-weight:100}.see-span{font-size:2rem;font-weight:100}::ng-deep .edit-card .in-page-edit-icon{margin-left:1rem!important;margin-top:.5rem!important}::ng-deep .modal-content{margin-top:5rem!important}.how-it-works-wrapper .it-works-title{font-size:3rem;margin-bottom:2rem;color:var(--text-color, black);font-weight:200!important;padding-bottom:12px!important}.how-it-works-wrapper .how-it-works-img{width:85%!important;margin:0 auto!important}.how-it-works-wrapper p{padding-top:1rem;font-size:2rem;color:#000;font-weight:100;margin-bottom:4rem}.guide-wrapper{padding:55px 47px 220px}.guide-wrapper .horizontal{position:absolute;left:0;bottom:24%;width:100%}.guide-wrapper .pb-20{padding-bottom:20px}.guide-wrapper .flex{display:flex}.guide-wrapper .guideimg{margin:0 auto}.guide-wrapper .guide-title{font: 500 28px Montserrat-Regular,sans-serif}.guide-wrapper p{font: 400 17px Montserrat-Regular,sans-serif;color:#182527}.guide-section{box-shadow:0 4px 32px -14px #40576d4d!important;position:relative}.guide-section .integration-fadeout{position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(to bottom,#fff0,#f8f9fa);pointer-events:none}@media (width >= 768px){.guide-section .container-section{padding:20px 190px 20px 120px!important}}@media (width <= 768px){.guide-section .container-section{padding:3rem!important}.guide-section .guide-img{max-width:236px!important}.guide-section .guide-title{font-size:3.25rem!important}.guide-section .vault-btn{width:90%!important;margin-bottom:3rem!important}.guide-section .guide-subtext{padding:2rem;line-height:2rem!important}}.guide-section .guide-title{font-size:3rem;font-weight:200}.guide-section .guide-subtext{font-size:1.7rem;line-height:3rem;color:var(--text-color, black);font-weight:200;margin-bottom:2rem}.guide-section .guide-note{font-size:1.7rem;color:#000;font-weight:100}.guide-section .vault-btn{display:inline-block;background:var(--text-color, black);color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;margin-top:1rem!important;font-size:1.4rem;border:1px solid;box-shadow:none!important;border-color:var(--text-color, textColor)}.guide-section .vault-btn:hover{background:#fff;color:var(--text-color, black)!important}.guide-section .guide-img{max-width:536px;max-height:536px!important;height:auto}.int-title{color:var(--text-color, black);font-size:4rem!important;font-weight:400}.int-text{font-size:1.3rem;font-weight:300}@media (width >= 991px){.section-outer{padding-top:7rem!important}}\n", ".bold{font-weight:700}.resource-heading{margin-bottom:2rem}.resource-note{margin-top:1rem;font-size:.85rem;color:#555}.resource-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}.press-release-icon{height:auto!important;margin:0 11px 1.9rem;display:block;align-self:center;width:auto!important;aspect-ratio:0!important;object-fit:cover;margin-top:auto;margin-right:0!important}.resource-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.resource-vault-section .vault-heading{font-size:3rem;font-weight:300}.resource-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.resource-vault-section .resource-blog-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:338px;height:auto!important}.resource-vault-section .resource-blog-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.resource-vault-section .resource-blog-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.resource-vault-section .resource-blog-card img{width:100%;border-radius:10px;aspect-ratio:1/1;object-fit:cover;margin-top:auto;margin-right:0!important;max-width:250px!important;align-self:center!important}.resource-vault-section .resource-blog-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important;max-width:280px!important}.resource-vault-section .resource-blog-card .resource-btn{background-color:var(--text-color, black);color:#fff;margin-top:auto;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;width:100%;max-width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-self:center;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.resource-vault-section .resource-blog-card .resource-btn:hover{background:#fff;color:var(--text-color, black)!important}.resource-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}@media (width <= 1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .resource-btn{margin-left:0!important}}.video-row{gap:5.5rem!important;margin-top:3rem!important}@media (width >= 991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 768px){.video-row{gap:3rem!important}}@media (max-width: 768px){.resource-vault-section{padding-bottom:6rem!important}.resource-vault-section .container{padding-top:0rem!important;padding-bottom:0rem!important}.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media (width <= 1200px){.container{padding:7rem 3rem 1rem!important}}\n"], dependencies: [{ kind: "component", type: ResourceCompanyCardComponent, selector: "pw-resource-company-card", inputs: ["header", "data", "integrationCountDisplay", "vendor", "user", "userLoggedIn"], outputs: ["getPosts"] }, { kind: "component", type: ResourceNoteCardComponent, selector: "pw-resource-note-card", inputs: ["releaseHeader", "categoryId", "isReleasePress", "isResource", "postSlice", "resourceTitle", "tag", "user", "userLoggedIn"] }, { kind: "component", type: Trial4ContactUsComponent, selector: "pw-trial-4-contact-us", inputs: ["subscriptionId", "sourceId", "masterSubscriptionId", "experimentName", "microserviceName", "shardName", "user", "userLoggedIn"] }, { kind: "directive", type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.ResourceHeaderComponent, selector: "pw-resource-header", inputs: ["user", "userLoggedIn"] }, { kind: "component", type: i6$1.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i9.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i9.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i9.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i7.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "directive", type: i8.LazyImgDirective, selector: "img" }, { kind: "component", type: IntegrationTopBannerComponent, selector: "pw-integration-top-banner" }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceIntegrationComponent, deps: [{ token: i3.DomSanitizer }, { token: ResourceService }, { token: i2$1.NgbModal }, { token: i2.TagService }, { token: i2.AuthService }, { token: i2$2.AdminService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ResourceIntegrationComponent, selector: "pw-resource-integration", viewQueries: [{ propertyName: "editIntegrationsModal", first: true, predicate: ["editIntegrationsModal"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<pw-resource-header [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-header>\n<pw-integration-top-banner></pw-integration-top-banner>\n<div class=\"bg-white\">\n  <section class=\"guide-section bg-white py-5 section-outer\">\n    <div class=\"container sec-container\">\n      <div  *ngIf=\"isLoaded && integrationCountDisplay > 0\">\n        <h1 class=\"int-title mb-0\">{{ integrationCountDisplay }}+ integrations (& counting)</h1>\n        <p class=\"int-text\"> Search the current list of {{companyName}} vendor and distributor integrations below. <br />\n        </p>\n      </div>\n      <pw-resource-company-card *ngIf=\"isLoaded\" [header]=\"'integrated vendors'\"\n        (getPosts)=\"getPostTags()\"\n        [integrationCountDisplay]=\"integrationCountDisplay\"\n        [data]=\"posts\"\n        [user]=\"user\"\n        [userLoggedIn]=\"userLoggedIn\"></pw-resource-company-card>\n        <div class=\"w-100 text-center mt-3\"\n        *ngIf=\"!isLoaded\">\n        <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n      </div>\n      <div *ngIf=\"integrationCountDisplay === 0 && isLoaded\">\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n      <div class=\"text-center pt-3 mt-4\" *ngIf=\"isLoaded && integrationCountDisplay > 0\">\n        <p class=\"see-span\"> Don\u2019t see what you\u2019re after? <a [href]=\"contactUsUrl\"\n            target=\"_blank\"\n            class=\"int-span team-span\">Speak with our team to request a connection >\n          </a>\n        </p>\n      </div>\n    </div>\n\n  </section>\n  <section class=\"guide-section bg-white py-5 section-outer\">\n    <div class=\"container\">\n      <pw-resource-company-card [header]=\"'integrated Distributors'\"\n      [integrationCountDisplay]=\"integrationCountDisplay\"\n      *ngIf=\"isLoaded\"\n        [vendor]=\"true\"\n        (getPosts)=\"getPostTags()\"\n        [data]=\"distributerPosts\"\n        [user]=\"user\"\n        [userLoggedIn]=\"userLoggedIn\"></pw-resource-company-card>\n        <div class=\"w-100 text-center mt-3\"\n      *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n        <div *ngIf=\"integrationCountDisplay === 0 && isLoaded\">\n          <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n        </div>\n    </div>\n\n  </section>\n  <section class=\"guide-section bg-white py-5 section-outer\" *ngIf=\"integrations\">\n    <div class=\"container\">\n\n      <div class=\"how-it-works-wrapper\">\n        <div class=\"d-flex\">\n          <h1 class=\"it-works-title mb-0\">{{integrations?.title || 'How it works'}}</h1>\n          <i *ngIf=\"canEditResourcesValue\"\n          class=\"fa fa-edit in-page-edit-icon text-black ms-4 mt-3 cursor-pointer\"\n          (click)=\"openEditIntegrationsModal(editIntegrationsModal)\"\n          (keydown.enter)=\"openEditIntegrationsModal(editIntegrationsModal)\"\n          (keydown.space)=\"openEditIntegrationsModal(editIntegrationsModal)\"\n          title=\"Edit Integrations Section\"></i>\n        </div>\n        <p class=\"pb-20\" [innerHTML]=\"integrations?.description || 'View short example videos to understand how these integrations can work for you:'\"></p>\n        <div class=\"row section-row\"  [ngClass]=\"{ 'justify-content-center': integrations?.items?.length === 1 }\">\n          <ng-container *ngIf=\"integrations?.items?.length > 0; else noIntegrations\">\n            <ng-container *ngFor=\"let integration of integrations?.items\">\n              <div\n                class=\"col-md-6\"\n                *ngIf=\"integration?.image_url || integration?.title || integration?.description\"\n              >\n              <ng-container *ngIf=\"integration?.video_url && integration?.video_url.includes('https'); else noVideo\">\n                <div class=\"d-flex justify-content-center cursor-pointer\">\n                  <img\n                    *ngIf=\"integration?.video_url\"\n                    [src]=\"integration?.image_url\"\n                    (click)=\"loadMicrosoftVideo(integration?.video_url)\"\n                    (keydown.enter)=\"loadMicrosoftVideo(integration?.video_url)\"\n                    class=\"how-it-works-img\"\n                    alt=\"Integration Video Thumbnail\"\n                  />\n                </div>\n              </ng-container>\n\n              <ng-template #noVideo>\n                <div class=\"d-flex justify-content-center\">\n                  <div class=\"w-100\">\n                    <pw-no-data [withImage]=\"true\" [message]=\"'No video found' | transloco\">\n                    </pw-no-data>\n                  </div>\n                </div>\n              </ng-template>\n              </div>\n            </ng-container>\n          </ng-container>\n          <ng-template #noIntegrations>\n            <div class=\"w-100 text-center\">\n              <pw-no-data [withImage]=\"true\" [message]=\"'Integration.NoDataMessage' | transloco\"></pw-no-data>\n            </div>\n          </ng-template>\n\n        </div>\n      </div>\n    </div>\n\n  </section>\n <section class=\"guide-section bg-white py-5 section-outer\" *ngIf=\"showIntegrations()\">\n   <div class=\"container\">\n      <div class=\"row align-items-start\">\n       <div class=\"col-md-6 text-md-start text-center\">\n        <div class=\"d-flex\">\n          <h1 class=\"guide-title mb-3\">{{guideData?.items[0]?.title || '--UPDATE ME ON THE ADMIN/DOMAINS MODULE--'}}</h1>\n          <i *ngIf=\"canEditResourcesValue\"\n          class=\"fa fa-edit in-page-edit-icon text-black ms-4 mt-3 cursor-pointer\"\n          (click)=\"openGuidesModal(guidesEditModal)\"\n          (keydown.enter)=\"openGuidesModal(guidesEditModal)\"\n          (keydown.space)=\"openGuidesModal(guidesEditModal)\"\n          title=\"Edit Integrations Section\"></i>\n        </div>\n          <p class=\"guide-subtext\"\n          [innerHTML]=\"guideData?.items[0]?.description || '--UPDATE ME ON THE ADMIN/DOMAINS MODULE--'\">\n       </p>\n          <a class=\"vault-btn\"\n            [href]=\"guideData?.items[0]?.guide_url\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\">\n            {{guideData?.items[0]?.button_text || 'View the guide'}}\n          </a>\n\n        </div>\n\n       <div class=\"col-md-6 text-center\">\n        <ng-container *ngIf=\"guideData?.items[0]?.image_url && !guideData?.items[0].image_url.includes('default-photo.jpg'); else noDataTemplate\">\n          <img\n            [src]=\"guideData?.items[0].image_url\"\n            alt=\"Guide\"\n            class=\"guide-img\" />\n        </ng-container>\n\n        <ng-template #noDataTemplate>\n          <div>\n            <pw-no-data [withImage]=\"true\" [message]=\"'--ADD ME ON THE ADMIN/DOMAINS MODULE--' | transloco\" />\n          </div>\n        </ng-template>\n       </div>\n     </div>\n </div>\n </section>\n</div>\n\n<pw-resource-note-card *ngIf=\"resourcePostTag?.tag_category_id\" [categoryId]=\"resourcePostTag?.tag_category_id\" [tag]=\"resourcePostTag\" [releaseHeader]=\"true\" [resourceTitle]=\"resourcePostTag?.title\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-note-card>\n\n<pw-trial-4-contact-us [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-trial-4-contact-us>\n\n\n\n<ng-template #editIntegrationsModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Integrations Section</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <div class=\"mb-3\">\n      <label class=\"form-label\" for=\"integration-title\">Title</label>\n      <input class=\"form-control\" id=\"integration-title\" [(ngModel)]=\"editingIntegrations.title\" />\n    </div>\n\n    <div class=\"mb-3\">\n      <label class=\"form-label\" for=\"integration-description\">Description</label>\n      <textarea class=\"form-control\" id=\"integration-description\" rows=\"3\" [(ngModel)]=\"editingIntegrations.description\"></textarea>\n    </div>\n\n    <div cdkDropList (cdkDropListDropped)=\"dropIntegrationItems($event)\">\n      <div *ngFor=\"let integration of editingIntegrations.items; let i = index\" class=\"border p-3 mb-3\" cdkDrag>\n        <div class=\"d-flex justify-content-between align-items-center mb-2\">\n          <label class=\"form-label mb-0\" for=\"integration-item\">Integration Item</label>\n          <i class=\"fa fa-bars cursor-move in-page-bars-icon\" cdkDragHandle></i>\n        </div>\n\n        <div class=\"row\">\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'integration-item-title-' + i\">Title</label>\n            <input class=\"form-control\" [id]=\"'integration-item-title-' + i\" [(ngModel)]=\"integration.title\" />\n          </div>\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'integration-item-description-' + i\">Description</label>\n            <input class=\"form-control\" [id]=\"'integration-item-description-' + i\" [(ngModel)]=\"integration.description\" />\n          </div>\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'integration-item-blog-url-' + i\">Blog URL</label>\n            <input class=\"form-control\" [id]=\"'integration-item-blog-url-' + i\" [(ngModel)]=\"integration.blog_url\" />\n          </div>\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'integration-item-image-url-' + i\">Image URL</label>\n            <input class=\"form-control\" [id]=\"'integration-item-image-url-' + i\" [(ngModel)]=\"integration.image_url\" />\n          </div>\n          <div class=\"col-md-12 mb-2\">\n            <label class=\"form-label\" [for]=\"'integration-item-video-url-' + i\">Video URL</label>\n            <input class=\"form-control\" [id]=\"'integration-item-video-url-' + i\" [(ngModel)]=\"integration.video_url\" />\n          </div>\n        </div>\n\n        <div class=\"d-flex justify-content-end\">\n          <i class=\"fa fa-trash text-danger cursor-pointer\" (click)=\"removeIntegrationItem(i)\"   (keydown.enter)=\"removeIntegrationItem(i)\"\n          (keydown.space)=\"removeIntegrationItem(i)\"></i>\n        </div>\n      </div>\n    </div>\n\n    <button class=\"btn btn-outline-primary btn-sm\" (click)=\"addIntegrationItem()\">+ Add Integration</button>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" (click)=\"saveIntegrations(modal)\">Save</button>\n  </div>\n</ng-template>\n\n\n\n<ng-template #guidesEditModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Guides</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <h4 class=\"mb-3\">Guides Section</h4>\n\n    <div cdkDropList (cdkDropListDropped)=\"dropGuides($event)\">\n      <div *ngFor=\"let guide of editingGuides.items; let i = index\" class=\"border p-3 mb-3\" cdkDrag>\n        <div class=\"row\">\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'guide-title-' + i\">Title</label>\n            <input class=\"form-control\" [id]=\"'guide-title-' + i\" [(ngModel)]=\"guide.title\" />\n          </div>\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'guide-button-text-' + i\">Button Text</label>\n            <input class=\"form-control\" [id]=\"'guide-button-text-' + i\" [(ngModel)]=\"guide.button_text\" />\n          </div>\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'guide-image-url-' + i\">Image URL</label>\n            <input class=\"form-control\" [id]=\"'guide-image-url-' + i\" [(ngModel)]=\"guide.image_url\" />\n          </div>\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'guide-url-' + i\">Guide URL</label>\n            <input class=\"form-control\" [id]=\"'guide-url-' + i\" [(ngModel)]=\"guide.guide_url\" />\n          </div>\n          <div class=\"col-12 mb-2\">\n            <label class=\"form-label\" [for]=\"'guide-description-' + i\">Description</label>\n            <textarea class=\"form-control\" [id]=\"'guide-description-' + i\" rows=\"3\" [(ngModel)]=\"guide.description\"></textarea>\n          </div>\n          <div class=\"d-flex justify-content-between align-items-center mt-2\">\n            <i class=\"fa fa-trash text-danger cursor-pointer\" (click)=\"removeGuide(i)\" (keydown.enter)=\"removeGuide(i)\" (keydown.space)=\"removeGuide(i)\"></i>\n            <i class=\"fa fa-bars cursor-move\" cdkDragHandle></i>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <button class=\"btn btn-primary mt-2\" (click)=\"addGuide()\">+ Add Guide</button>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" (click)=\"saveGuides(modal)\">Save</button>\n  </div>\n</ng-template>\n", styles: [".int-span{font-size:3rem;color:#3d8fbe}.team-span{font-size:2rem;color:#3d8fbe;font-weight:100}.see-span{font-size:2rem;font-weight:100}::ng-deep .edit-card .in-page-edit-icon{margin-left:1rem!important;margin-top:.5rem!important}::ng-deep .modal-content{margin-top:5rem!important}.how-it-works-wrapper .it-works-title{font-size:3rem;margin-bottom:2rem;color:var(--text-color, black);font-weight:200!important;padding-bottom:12px!important}.how-it-works-wrapper .how-it-works-img{width:85%!important;margin:0 auto!important}.how-it-works-wrapper p{padding-top:1rem;font-size:2rem;color:#000;font-weight:100;margin-bottom:4rem}.guide-wrapper{padding:55px 47px 220px}.guide-wrapper .horizontal{position:absolute;left:0;bottom:24%;width:100%}.guide-wrapper .pb-20{padding-bottom:20px}.guide-wrapper .flex{display:flex}.guide-wrapper .guideimg{margin:0 auto}.guide-wrapper .guide-title{font: 500 28px Montserrat-Regular,sans-serif}.guide-wrapper p{font: 400 17px Montserrat-Regular,sans-serif;color:#182527}.guide-section{box-shadow:0 4px 32px -14px #40576d4d!important;position:relative}.guide-section .integration-fadeout{position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(to bottom,#fff0,#f8f9fa);pointer-events:none}@media (width >= 768px){.guide-section .container-section{padding:20px 190px 20px 120px!important}}@media (width <= 768px){.guide-section .container-section{padding:3rem!important}.guide-section .guide-img{max-width:236px!important}.guide-section .guide-title{font-size:3.25rem!important}.guide-section .vault-btn{width:90%!important;margin-bottom:3rem!important}.guide-section .guide-subtext{padding:2rem;line-height:2rem!important}}.guide-section .guide-title{font-size:3rem;font-weight:200}.guide-section .guide-subtext{font-size:1.7rem;line-height:3rem;color:var(--text-color, black);font-weight:200;margin-bottom:2rem}.guide-section .guide-note{font-size:1.7rem;color:#000;font-weight:100}.guide-section .vault-btn{display:inline-block;background:var(--text-color, black);color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;margin-top:1rem!important;font-size:1.4rem;border:1px solid;box-shadow:none!important;border-color:var(--text-color, textColor)}.guide-section .vault-btn:hover{background:#fff;color:var(--text-color, black)!important}.guide-section .guide-img{max-width:536px;max-height:536px!important;height:auto}.int-title{color:var(--text-color, black);font-size:4rem!important;font-weight:400}.int-text{font-size:1.3rem;font-weight:300}@media (width >= 991px){.section-outer{padding-top:7rem!important}}\n", ".bold{font-weight:700}.resource-heading{margin-bottom:2rem}.resource-note{margin-top:1rem;font-size:.85rem;color:#555}.resource-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}.press-release-icon{height:auto!important;margin:0 11px 1.9rem;display:block;align-self:center;width:auto!important;aspect-ratio:0!important;object-fit:cover;margin-top:auto;margin-right:0!important}.resource-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.resource-vault-section .vault-heading{font-size:3rem;font-weight:300}.resource-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.resource-vault-section .resource-blog-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:338px;height:auto!important}.resource-vault-section .resource-blog-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.resource-vault-section .resource-blog-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.resource-vault-section .resource-blog-card img{width:100%;border-radius:10px;aspect-ratio:1/1;object-fit:cover;margin-top:auto;margin-right:0!important;max-width:250px!important;align-self:center!important}.resource-vault-section .resource-blog-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important;max-width:280px!important}.resource-vault-section .resource-blog-card .resource-btn{background-color:var(--text-color, black);color:#fff;margin-top:auto;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;width:100%;max-width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-self:center;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.resource-vault-section .resource-blog-card .resource-btn:hover{background:#fff;color:var(--text-color, black)!important}.resource-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}@media (width <= 1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .resource-btn{margin-left:0!important}}.video-row{gap:5.5rem!important;margin-top:3rem!important}@media (width >= 991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 768px){.video-row{gap:3rem!important}}@media (max-width: 768px){.resource-vault-section{padding-bottom:6rem!important}.resource-vault-section .container{padding-top:0rem!important;padding-bottom:0rem!important}.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media (width <= 1200px){.container{padding:7rem 3rem 1rem!important}}\n"], dependencies: [{ kind: "component", type: ResourceCompanyCardComponent, selector: "pw-resource-company-card", inputs: ["header", "data", "integrationCountDisplay", "vendor", "user", "userLoggedIn"], outputs: ["getPosts"] }, { kind: "component", type: ResourceNoteCardComponent, selector: "pw-resource-note-card", inputs: ["releaseHeader", "categoryId", "isReleasePress", "isResource", "postSlice", "resourceTitle", "tag", "user", "userLoggedIn"] }, { kind: "component", type: i4.Trial4ContactUsComponent, selector: "pw-trial-4-contact-us", inputs: ["subscriptionId", "sourceId", "masterSubscriptionId", "experimentName", "microserviceName", "shardName", "user", "userLoggedIn"] }, { kind: "directive", type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.ResourceHeaderComponent, selector: "pw-resource-header", inputs: ["user", "userLoggedIn"] }, { kind: "component", type: i6$1.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i13.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i13.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i13.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i7.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "directive", type: i8.LazyImgDirective, selector: "img" }, { kind: "component", type: IntegrationTopBannerComponent, selector: "pw-integration-top-banner" }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ResourceIntegrationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-resource-integration', template: "<pw-resource-header [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-header>\n<pw-integration-top-banner></pw-integration-top-banner>\n<div class=\"bg-white\">\n  <section class=\"guide-section bg-white py-5 section-outer\">\n    <div class=\"container sec-container\">\n      <div  *ngIf=\"isLoaded && integrationCountDisplay > 0\">\n        <h1 class=\"int-title mb-0\">{{ integrationCountDisplay }}+ integrations (& counting)</h1>\n        <p class=\"int-text\"> Search the current list of {{companyName}} vendor and distributor integrations below. <br />\n        </p>\n      </div>\n      <pw-resource-company-card *ngIf=\"isLoaded\" [header]=\"'integrated vendors'\"\n        (getPosts)=\"getPostTags()\"\n        [integrationCountDisplay]=\"integrationCountDisplay\"\n        [data]=\"posts\"\n        [user]=\"user\"\n        [userLoggedIn]=\"userLoggedIn\"></pw-resource-company-card>\n        <div class=\"w-100 text-center mt-3\"\n        *ngIf=\"!isLoaded\">\n        <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n      </div>\n      <div *ngIf=\"integrationCountDisplay === 0 && isLoaded\">\n        <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n      </div>\n      <div class=\"text-center pt-3 mt-4\" *ngIf=\"isLoaded && integrationCountDisplay > 0\">\n        <p class=\"see-span\"> Don\u2019t see what you\u2019re after? <a [href]=\"contactUsUrl\"\n            target=\"_blank\"\n            class=\"int-span team-span\">Speak with our team to request a connection >\n          </a>\n        </p>\n      </div>\n    </div>\n\n  </section>\n  <section class=\"guide-section bg-white py-5 section-outer\">\n    <div class=\"container\">\n      <pw-resource-company-card [header]=\"'integrated Distributors'\"\n      [integrationCountDisplay]=\"integrationCountDisplay\"\n      *ngIf=\"isLoaded\"\n        [vendor]=\"true\"\n        (getPosts)=\"getPostTags()\"\n        [data]=\"distributerPosts\"\n        [user]=\"user\"\n        [userLoggedIn]=\"userLoggedIn\"></pw-resource-company-card>\n        <div class=\"w-100 text-center mt-3\"\n      *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n        <div *ngIf=\"integrationCountDisplay === 0 && isLoaded\">\n          <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"/>\n        </div>\n    </div>\n\n  </section>\n  <section class=\"guide-section bg-white py-5 section-outer\" *ngIf=\"integrations\">\n    <div class=\"container\">\n\n      <div class=\"how-it-works-wrapper\">\n        <div class=\"d-flex\">\n          <h1 class=\"it-works-title mb-0\">{{integrations?.title || 'How it works'}}</h1>\n          <i *ngIf=\"canEditResourcesValue\"\n          class=\"fa fa-edit in-page-edit-icon text-black ms-4 mt-3 cursor-pointer\"\n          (click)=\"openEditIntegrationsModal(editIntegrationsModal)\"\n          (keydown.enter)=\"openEditIntegrationsModal(editIntegrationsModal)\"\n          (keydown.space)=\"openEditIntegrationsModal(editIntegrationsModal)\"\n          title=\"Edit Integrations Section\"></i>\n        </div>\n        <p class=\"pb-20\" [innerHTML]=\"integrations?.description || 'View short example videos to understand how these integrations can work for you:'\"></p>\n        <div class=\"row section-row\"  [ngClass]=\"{ 'justify-content-center': integrations?.items?.length === 1 }\">\n          <ng-container *ngIf=\"integrations?.items?.length > 0; else noIntegrations\">\n            <ng-container *ngFor=\"let integration of integrations?.items\">\n              <div\n                class=\"col-md-6\"\n                *ngIf=\"integration?.image_url || integration?.title || integration?.description\"\n              >\n              <ng-container *ngIf=\"integration?.video_url && integration?.video_url.includes('https'); else noVideo\">\n                <div class=\"d-flex justify-content-center cursor-pointer\">\n                  <img\n                    *ngIf=\"integration?.video_url\"\n                    [src]=\"integration?.image_url\"\n                    (click)=\"loadMicrosoftVideo(integration?.video_url)\"\n                    (keydown.enter)=\"loadMicrosoftVideo(integration?.video_url)\"\n                    class=\"how-it-works-img\"\n                    alt=\"Integration Video Thumbnail\"\n                  />\n                </div>\n              </ng-container>\n\n              <ng-template #noVideo>\n                <div class=\"d-flex justify-content-center\">\n                  <div class=\"w-100\">\n                    <pw-no-data [withImage]=\"true\" [message]=\"'No video found' | transloco\">\n                    </pw-no-data>\n                  </div>\n                </div>\n              </ng-template>\n              </div>\n            </ng-container>\n          </ng-container>\n          <ng-template #noIntegrations>\n            <div class=\"w-100 text-center\">\n              <pw-no-data [withImage]=\"true\" [message]=\"'Integration.NoDataMessage' | transloco\"></pw-no-data>\n            </div>\n          </ng-template>\n\n        </div>\n      </div>\n    </div>\n\n  </section>\n <section class=\"guide-section bg-white py-5 section-outer\" *ngIf=\"showIntegrations()\">\n   <div class=\"container\">\n      <div class=\"row align-items-start\">\n       <div class=\"col-md-6 text-md-start text-center\">\n        <div class=\"d-flex\">\n          <h1 class=\"guide-title mb-3\">{{guideData?.items[0]?.title || '--UPDATE ME ON THE ADMIN/DOMAINS MODULE--'}}</h1>\n          <i *ngIf=\"canEditResourcesValue\"\n          class=\"fa fa-edit in-page-edit-icon text-black ms-4 mt-3 cursor-pointer\"\n          (click)=\"openGuidesModal(guidesEditModal)\"\n          (keydown.enter)=\"openGuidesModal(guidesEditModal)\"\n          (keydown.space)=\"openGuidesModal(guidesEditModal)\"\n          title=\"Edit Integrations Section\"></i>\n        </div>\n          <p class=\"guide-subtext\"\n          [innerHTML]=\"guideData?.items[0]?.description || '--UPDATE ME ON THE ADMIN/DOMAINS MODULE--'\">\n       </p>\n          <a class=\"vault-btn\"\n            [href]=\"guideData?.items[0]?.guide_url\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\">\n            {{guideData?.items[0]?.button_text || 'View the guide'}}\n          </a>\n\n        </div>\n\n       <div class=\"col-md-6 text-center\">\n        <ng-container *ngIf=\"guideData?.items[0]?.image_url && !guideData?.items[0].image_url.includes('default-photo.jpg'); else noDataTemplate\">\n          <img\n            [src]=\"guideData?.items[0].image_url\"\n            alt=\"Guide\"\n            class=\"guide-img\" />\n        </ng-container>\n\n        <ng-template #noDataTemplate>\n          <div>\n            <pw-no-data [withImage]=\"true\" [message]=\"'--ADD ME ON THE ADMIN/DOMAINS MODULE--' | transloco\" />\n          </div>\n        </ng-template>\n       </div>\n     </div>\n </div>\n </section>\n</div>\n\n<pw-resource-note-card *ngIf=\"resourcePostTag?.tag_category_id\" [categoryId]=\"resourcePostTag?.tag_category_id\" [tag]=\"resourcePostTag\" [releaseHeader]=\"true\" [resourceTitle]=\"resourcePostTag?.title\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-note-card>\n\n<pw-trial-4-contact-us [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-trial-4-contact-us>\n\n\n\n<ng-template #editIntegrationsModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Integrations Section</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <div class=\"mb-3\">\n      <label class=\"form-label\" for=\"integration-title\">Title</label>\n      <input class=\"form-control\" id=\"integration-title\" [(ngModel)]=\"editingIntegrations.title\" />\n    </div>\n\n    <div class=\"mb-3\">\n      <label class=\"form-label\" for=\"integration-description\">Description</label>\n      <textarea class=\"form-control\" id=\"integration-description\" rows=\"3\" [(ngModel)]=\"editingIntegrations.description\"></textarea>\n    </div>\n\n    <div cdkDropList (cdkDropListDropped)=\"dropIntegrationItems($event)\">\n      <div *ngFor=\"let integration of editingIntegrations.items; let i = index\" class=\"border p-3 mb-3\" cdkDrag>\n        <div class=\"d-flex justify-content-between align-items-center mb-2\">\n          <label class=\"form-label mb-0\" for=\"integration-item\">Integration Item</label>\n          <i class=\"fa fa-bars cursor-move in-page-bars-icon\" cdkDragHandle></i>\n        </div>\n\n        <div class=\"row\">\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'integration-item-title-' + i\">Title</label>\n            <input class=\"form-control\" [id]=\"'integration-item-title-' + i\" [(ngModel)]=\"integration.title\" />\n          </div>\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'integration-item-description-' + i\">Description</label>\n            <input class=\"form-control\" [id]=\"'integration-item-description-' + i\" [(ngModel)]=\"integration.description\" />\n          </div>\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'integration-item-blog-url-' + i\">Blog URL</label>\n            <input class=\"form-control\" [id]=\"'integration-item-blog-url-' + i\" [(ngModel)]=\"integration.blog_url\" />\n          </div>\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'integration-item-image-url-' + i\">Image URL</label>\n            <input class=\"form-control\" [id]=\"'integration-item-image-url-' + i\" [(ngModel)]=\"integration.image_url\" />\n          </div>\n          <div class=\"col-md-12 mb-2\">\n            <label class=\"form-label\" [for]=\"'integration-item-video-url-' + i\">Video URL</label>\n            <input class=\"form-control\" [id]=\"'integration-item-video-url-' + i\" [(ngModel)]=\"integration.video_url\" />\n          </div>\n        </div>\n\n        <div class=\"d-flex justify-content-end\">\n          <i class=\"fa fa-trash text-danger cursor-pointer\" (click)=\"removeIntegrationItem(i)\"   (keydown.enter)=\"removeIntegrationItem(i)\"\n          (keydown.space)=\"removeIntegrationItem(i)\"></i>\n        </div>\n      </div>\n    </div>\n\n    <button class=\"btn btn-outline-primary btn-sm\" (click)=\"addIntegrationItem()\">+ Add Integration</button>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" (click)=\"saveIntegrations(modal)\">Save</button>\n  </div>\n</ng-template>\n\n\n\n<ng-template #guidesEditModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Edit Guides</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n\n  <div class=\"modal-body\">\n    <h4 class=\"mb-3\">Guides Section</h4>\n\n    <div cdkDropList (cdkDropListDropped)=\"dropGuides($event)\">\n      <div *ngFor=\"let guide of editingGuides.items; let i = index\" class=\"border p-3 mb-3\" cdkDrag>\n        <div class=\"row\">\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'guide-title-' + i\">Title</label>\n            <input class=\"form-control\" [id]=\"'guide-title-' + i\" [(ngModel)]=\"guide.title\" />\n          </div>\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'guide-button-text-' + i\">Button Text</label>\n            <input class=\"form-control\" [id]=\"'guide-button-text-' + i\" [(ngModel)]=\"guide.button_text\" />\n          </div>\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'guide-image-url-' + i\">Image URL</label>\n            <input class=\"form-control\" [id]=\"'guide-image-url-' + i\" [(ngModel)]=\"guide.image_url\" />\n          </div>\n          <div class=\"col-md-6 mb-2\">\n            <label class=\"form-label\" [for]=\"'guide-url-' + i\">Guide URL</label>\n            <input class=\"form-control\" [id]=\"'guide-url-' + i\" [(ngModel)]=\"guide.guide_url\" />\n          </div>\n          <div class=\"col-12 mb-2\">\n            <label class=\"form-label\" [for]=\"'guide-description-' + i\">Description</label>\n            <textarea class=\"form-control\" [id]=\"'guide-description-' + i\" rows=\"3\" [(ngModel)]=\"guide.description\"></textarea>\n          </div>\n          <div class=\"d-flex justify-content-between align-items-center mt-2\">\n            <i class=\"fa fa-trash text-danger cursor-pointer\" (click)=\"removeGuide(i)\" (keydown.enter)=\"removeGuide(i)\" (keydown.space)=\"removeGuide(i)\"></i>\n            <i class=\"fa fa-bars cursor-move\" cdkDragHandle></i>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <button class=\"btn btn-primary mt-2\" (click)=\"addGuide()\">+ Add Guide</button>\n  </div>\n\n  <div class=\"modal-footer\">\n    <button class=\"btn btn-secondary\" (click)=\"modal.dismiss()\">Cancel</button>\n    <button class=\"btn btn-primary\" (click)=\"saveGuides(modal)\">Save</button>\n  </div>\n</ng-template>\n", styles: [".int-span{font-size:3rem;color:#3d8fbe}.team-span{font-size:2rem;color:#3d8fbe;font-weight:100}.see-span{font-size:2rem;font-weight:100}::ng-deep .edit-card .in-page-edit-icon{margin-left:1rem!important;margin-top:.5rem!important}::ng-deep .modal-content{margin-top:5rem!important}.how-it-works-wrapper .it-works-title{font-size:3rem;margin-bottom:2rem;color:var(--text-color, black);font-weight:200!important;padding-bottom:12px!important}.how-it-works-wrapper .how-it-works-img{width:85%!important;margin:0 auto!important}.how-it-works-wrapper p{padding-top:1rem;font-size:2rem;color:#000;font-weight:100;margin-bottom:4rem}.guide-wrapper{padding:55px 47px 220px}.guide-wrapper .horizontal{position:absolute;left:0;bottom:24%;width:100%}.guide-wrapper .pb-20{padding-bottom:20px}.guide-wrapper .flex{display:flex}.guide-wrapper .guideimg{margin:0 auto}.guide-wrapper .guide-title{font: 500 28px Montserrat-Regular,sans-serif}.guide-wrapper p{font: 400 17px Montserrat-Regular,sans-serif;color:#182527}.guide-section{box-shadow:0 4px 32px -14px #40576d4d!important;position:relative}.guide-section .integration-fadeout{position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(to bottom,#fff0,#f8f9fa);pointer-events:none}@media (width >= 768px){.guide-section .container-section{padding:20px 190px 20px 120px!important}}@media (width <= 768px){.guide-section .container-section{padding:3rem!important}.guide-section .guide-img{max-width:236px!important}.guide-section .guide-title{font-size:3.25rem!important}.guide-section .vault-btn{width:90%!important;margin-bottom:3rem!important}.guide-section .guide-subtext{padding:2rem;line-height:2rem!important}}.guide-section .guide-title{font-size:3rem;font-weight:200}.guide-section .guide-subtext{font-size:1.7rem;line-height:3rem;color:var(--text-color, black);font-weight:200;margin-bottom:2rem}.guide-section .guide-note{font-size:1.7rem;color:#000;font-weight:100}.guide-section .vault-btn{display:inline-block;background:var(--text-color, black);color:#fff;padding:1rem 2rem;border-radius:40px;font-weight:500;text-decoration:none;margin-top:1rem!important;font-size:1.4rem;border:1px solid;box-shadow:none!important;border-color:var(--text-color, textColor)}.guide-section .vault-btn:hover{background:#fff;color:var(--text-color, black)!important}.guide-section .guide-img{max-width:536px;max-height:536px!important;height:auto}.int-title{color:var(--text-color, black);font-size:4rem!important;font-weight:400}.int-text{font-size:1.3rem;font-weight:300}@media (width >= 991px){.section-outer{padding-top:7rem!important}}\n", ".bold{font-weight:700}.resource-heading{margin-bottom:2rem}.resource-note{margin-top:1rem;font-size:.85rem;color:#555}.resource-divider{border:0;height:40px;width:100%;background:linear-gradient(to bottom,#0000,#00000026);margin:0}.press-release-icon{height:auto!important;margin:0 11px 1.9rem;display:block;align-self:center;width:auto!important;aspect-ratio:0!important;object-fit:cover;margin-top:auto;margin-right:0!important}.resource-vault-section{padding:60px 0;background:#fff;padding-bottom:9rem!important;padding-top:7rem!important;box-shadow:0 4px 32px -14px #40576d4d!important}.resource-vault-section .vault-heading{font-size:3rem;font-weight:300}.resource-vault-section .explore-link{color:#000;font-weight:400;text-decoration:none;font-size:1.5rem}.resource-vault-section .resource-blog-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:30px;box-shadow:0 20px 40px #00000014;padding:25px;text-align:center;width:338px;height:auto!important}.resource-vault-section .resource-blog-card h5{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--text-color, black)}.resource-vault-section .resource-blog-card p{font-size:1.5rem;color:var(--text-color, black);line-height:2rem}.resource-vault-section .resource-blog-card img{width:100%;border-radius:10px;aspect-ratio:1/1;object-fit:cover;margin-top:auto;margin-right:0!important;max-width:250px!important;align-self:center!important}.resource-vault-section .resource-blog-card iframe{height:210px;border-radius:10px;object-fit:cover;margin-right:0!important;max-width:280px!important}.resource-vault-section .resource-blog-card .resource-btn{background-color:var(--text-color, black);color:#fff;margin-top:auto;padding:10px 24px;border-radius:24px;font-size:1.5rem;font-weight:500;width:100%;max-width:240px;cursor:pointer;transition:background .3s ease;display:flex;justify-content:space-between;align-self:center;align-items:center;text-align:left;text-decoration:none;border:1px solid;box-shadow:none!important;border-color:var(--text-color, black)}.resource-vault-section .resource-blog-card .resource-btn:hover{background:#fff;color:var(--text-color, black)!important}.resource-vault-section .vault-description{text-align:left;max-width:657px;color:#182527;line-height:2.3rem!important;font-size:1.65rem}@media (width <= 1200px){.resource-vault-section .vault-heading{font-size:3.5rem}.resource-vault-section .vault-description{margin-top:1.35rem}.resource-vault-section .resource-btn{margin-left:0!important}}.video-row{gap:5.5rem!important;margin-top:3rem!important}@media (width >= 991px){section.bg-white.text-center.extra-top-padding{position:relative;overflow:hidden}section.bg-white.text-center.extra-top-padding .banner-header{margin-bottom:4rem!important}}.vault-header{text-align:left}@media (width >= 768px) and (width <= 1200px){.container{padding:0 6rem!important}}@media (width <= 768px){.video-row{gap:3rem!important}}@media (max-width: 768px){.resource-vault-section{padding-bottom:6rem!important}.resource-vault-section .container{padding-top:0rem!important;padding-bottom:0rem!important}.vault-header{text-align:center!important}.vault-heading{font-size:3rem!important}}@media (width <= 1200px){.container{padding:7rem 3rem 1rem!important}}\n"] }]
-        }], ctorParameters: () => [{ type: i3.DomSanitizer }, { type: ResourceService }, { type: i2$1.NgbModal }, { type: i2.TagService }, { type: i2.AuthService }, { type: i5.AdminService }, { type: i0.Injector }], propDecorators: { editIntegrationsModal: [{
+        }], ctorParameters: () => [{ type: i3.DomSanitizer }, { type: ResourceService }, { type: i2$1.NgbModal }, { type: i2.TagService }, { type: i2.AuthService }, { type: i2$2.AdminService }, { type: i0.Injector }], propDecorators: { editIntegrationsModal: [{
                 type: ViewChild,
                 args: ['editIntegrationsModal']
             }] } });
@@ -284,4 +282,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
         }] });
 
 export { ResourceIntegrationsModule };
-//# sourceMappingURL=posiwise-resource-module-resource-integrations.module-Mvw4z368.mjs.map
+//# sourceMappingURL=posiwise-resource-module-resource-integrations.module-DRo_W7x-.mjs.map