@posiwise/resource-module 0.0.193 → 0.0.195

package/fesm2022/posiwise-resource-module-resource-hub.module-BfsDOG9Y.mjs

@@ -1,244 +0,0 @@
-import * as i0 from '@angular/core';
-import { HostListener, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
-import * as i1 from '@angular/router';
-import { RouterModule } from '@angular/router';
-import { AppBaseComponent } from '@posiwise/app-base-component';
-import { HelperService } from '@posiwise/helper-service';
-import { forkJoin } from 'rxjs';
-import { e as ResourceService, f as ResourceEditCardLazyComponent, g as ResourceSharedModule } from './posiwise-resource-module-posiwise-resource-module-C-e2dNwR.mjs';
-import * as i2 from '@posiwise/common-services';
-import * as i3 from '@angular/common';
-import * as i5 from '@angular/forms';
-import * as i5$1 from '@posiwise/directives';
-import * as i8 from '@posiwise/utils';
-import * as i6 from '@posiwise/shared-components';
-import * as i7 from 'primeng/progressspinner';
-import * as i11 from 'primeng/inputtext';
-import * as i12 from 'primeng/iconfield';
-import * as i13 from 'primeng/inputicon';
-import * as i14 from '@posiwise/pipes';
-import * as i10 from '@jsverse/transloco';
-
-class ResourceHubComponent extends AppBaseComponent {
-    constructor(resourceService, authService, tagService, cdr, injector) {
-        super(injector);
-        this.resourceService = resourceService;
-        this.authService = authService;
-        this.tagService = tagService;
-        this.cdr = cdr;
-        this.delayTimeout = null;
-        this.data = [];
-        this.posts = [];
-        this.tags = [];
-        this.selectedTags = [];
-        this.currentPage = 1;
-        this.pageSize = 20;
-        this.objectCount = 0;
-        this.searchTextItems = '';
-        this.searchInput = false;
-        this.loading = true;
-        this.loaded = false;
-        this.scrollLocked = false;
-        this.iconClasses = [
-            'fa-lightbulb',
-            'fa-rocket',
-            'fa-file-alt',
-            'fa-users',
-            'fa-video',
-            'fa-pencil-alt',
-            'fa-book-open',
-            'fa-cogs'
-        ];
-        this.canEditResourcesValue = false;
-    }
-    ngOnInit() {
-        this.authService.getToken$().subscribe(res => {
-            this.userLoggedIn = !!res;
-            if (this.userLoggedIn) {
-                this.localStorage.getItem$('product').subscribe(res => {
-                    const data = res ? JSON.parse(res) : null;
-                    this.subscriptionId = data?.subscriptionId;
-                    this.cdr.markForCheck();
-                });
-                this.userSub = this.userService.getUserInfo().subscribe(data => {
-                    this.user = data;
-                    this.updateCanEditResourcesValue();
-                    this.getPostsAndTags();
-                    this.cdr.markForCheck();
-                });
-            }
-            else {
-                this.getPostsAndTags();
-            }
-            this.cdr.markForCheck();
-        });
-        this.masterSubscriptionId = this.appConfig.master_subscription.subscription_id;
-        this.readingTime = 0;
-    }
-    getPostsAndTags() {
-        this.loading = true;
-        this.loaded = false;
-        forkJoin({
-            resPosts: this.resourceService.getPublicPosts(this.getEffectiveSubscriptionId(), this.currentPage, this.pageSize, this.searchTextItems),
-            resTags: this.tagService.getTagsByType('post_categories', {}, this.getEffectiveSubscriptionId())
-        })
-            .subscribe(res => {
-            this.posts = res?.resPosts?.posts;
-            this.objectCount = res?.resPosts.object_count;
-            this.data = res?.resPosts?.posts;
-            this.data = res?.resPosts?.posts.map(post => ({
-                ...post,
-                expandedTags: false
-            }));
-            this.totalRecords = this.posts?.length;
-            this.tags = res?.resTags?.tags?.filter(tag => tag.visible_in_resources);
-            this.tags = this.tags.map(tag => ({
-                ...tag
-            }));
-            this.cdr.markForCheck();
-        })
-            .add(() => {
-            this.loading = false;
-            this.loaded = true;
-            this.cdr.markForCheck();
-        });
-    }
-    toggleDropdown(event, post) {
-        event.stopPropagation();
-        post.showDropdown = !post.showDropdown;
-    }
-    getPosts(page, pageSize, fetchAll = false, append = false) {
-        if (fetchAll)
-            this.selectedTags = [];
-        if (!append) {
-            this.loading = true;
-            this.loaded = false;
-        }
-        const tagCategoryParam = this.selectedTags.map(tag => tag.tag_category_id).join(',');
-        this.resourceService
-            .getPublicPosts(this.getEffectiveSubscriptionId(), page, append ? 10 : pageSize, this.searchTextItems, tagCategoryParam)
-            .subscribe(response => {
-            this.objectCount = response.object_count;
-            this.posts = append ? [...this.posts, ...response.posts] : response.posts;
-            this.data = [...this.posts];
-            this.totalRecords = this.posts?.length;
-            this.cdr.markForCheck();
-        })
-            .add(() => {
-            this.loading = false;
-            this.loaded = true;
-            this.cdr.markForCheck();
-        });
-    }
-    onSearch(seconds) {
-        let delay = 0;
-        delay = seconds * 1000;
-        clearTimeout(this.delayTimeout);
-        const delayTimeout = setTimeout(() => {
-            this.currentPage = 1;
-            this.getPosts(1, this.pageSize);
-        }, delay);
-        this.delayTimeout = delayTimeout;
-    }
-    navigateToTagList() {
-        HelperService.navigateToTagList();
-    }
-    onWindowScroll() {
-        const scrollPosition = window.scrollY + window.innerHeight;
-        const pageHeight = document.documentElement.scrollHeight;
-        const nearBottom = scrollPosition >= pageHeight - 100;
-        if (nearBottom &&
-            this.posts.length < this.objectCount &&
-            !this.loading &&
-            !this.scrollLocked) {
-            this.scrollLocked = true;
-            this.currentPage += 1;
-            this.getPosts(this.currentPage, this.pageSize, false, true);
-            setTimeout(() => {
-                this.scrollLocked = false;
-            }, 500);
-        }
-    }
-    isSelected(tagId) {
-        return this.selectedTags.map(tag => tag.id).includes(tagId);
-    }
-    tagPost(selectedTag) {
-        const index = this.selectedTags.findIndex(tag => tag.tag_category_id === selectedTag?.tag_category_id && tag.id === selectedTag.id);
-        if (index === -1) {
-            this.selectedTags.push({
-                tag_category_id: selectedTag?.tag_category_id,
-                id: selectedTag.id
-            });
-        }
-        else {
-            this.selectedTags.splice(index, 1);
-        }
-        this.currentPage = 1;
-        this.getPosts(1, this.pageSize);
-    }
-    thisPostReadingTime(text) {
-        if (text) {
-            const wordsPerMinute = 200;
-            const noOfWords = text.split(/\s/g).length;
-            const minutes = noOfWords / wordsPerMinute;
-            const readTime = Math.ceil(minutes);
-            return `${readTime} minute read`;
-        }
-        return '';
-    }
-    ngOnDestroy() {
-        this.userSub?.unsubscribe();
-        super.ngOnDestroy();
-    }
-    /** Helper method to get effective subscription ID */
-    getEffectiveSubscriptionId() {
-        return HelperService.getEffectiveSubscriptionId(this.user, this.subscriptionId, this.appConfig.master_subscription.subscription_id);
-    }
-    updateCanEditResourcesValue() {
-        if (this.userLoggedIn && this.user) {
-            this.canEditResourcesValue = HelperService.canEditResources(this.user, this.userLoggedIn, this.permissionService);
-        }
-        else {
-            this.canEditResourcesValue = false;
-        }
-    }
-    canEditResources() {
-        return this.canEditResourcesValue;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: ResourceHubComponent, deps: [{ token: ResourceService }, { token: i2.AuthService }, { token: i2.TagService }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: ResourceHubComponent, isStandalone: false, selector: "pw-posts-list", host: { listeners: { "window:scroll": "onWindowScroll()" } }, usesInheritance: true, ngImport: i0, template: "<pw-resource-header [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-header>\n\n<div class=\"hub-page\">\n<section class=\"hub-hero\" aria-labelledby=\"hub-hero-title\">\n  <div class=\"hub-hero__glow\" aria-hidden=\"true\"></div>\n  <div class=\"hub-hero__grid\" aria-hidden=\"true\"></div>\n  <div class=\"hub-hero__inner\">\n    <p class=\"hub-hero__eyebrow\">{{ 'Resource.Posts.Title' | transloco | uppercase }}</p>\n    <h1 id=\"hub-hero-title\" class=\"hub-hero__title\">\n      Stories, guides, and notes <br class=\"hub-hero__br\" />from the team.\n    </h1>\n    <p class=\"hub-hero__subtitle\">{{ 'Resource.Hub.Subtitle' | transloco }}</p>\n    <div class=\"hub-hero__search\">\n      <p-iconfield iconPosition=\"left\" styleClass=\"hub-hero__search-field\">\n        <p-inputicon><i class=\"fa fa-search\" aria-hidden=\"true\"></i></p-inputicon>\n        <input type=\"text\" id=\"resources-hub-search\" name=\"resources-hub-search\"\n          [(ngModel)]=\"searchTextItems\" pInputText\n          [placeholder]=\"'Resource.Hub.SearchPlaceholder' | transloco\"\n          (input)=\"onSearch(1)\" class=\"hub-hero__search-input\"\n          aria-label=\"Resources Hub Search\" />\n      </p-iconfield>\n      @if (userLoggedIn && user?.auth?.granted['Pages.Admin']) {\n        <button type=\"button\" class=\"hub-hero__edit\"\n          [title]=\"'Resource.Hub.EditTagsTooltip' | transloco\"\n          [attr.aria-label]=\"'Resource.Hub.EditTagsTooltip' | transloco\"\n          (click)=\"navigateToTagList()\" (keydown.enter)=\"navigateToTagList()\">\n          <i class=\"fa fa-edit\" aria-hidden=\"true\"></i>\n        </button>\n      }\n    </div>\n  </div>\n</section>\n\n<div class=\"hub-shell\">\n  <nav class=\"hub-chips\" aria-label=\"Resource categories\">\n    <button type=\"button\" class=\"hub-chip hub-chip--all\"\n      [class.hub-chip--selected]=\"selectedTags.length === 0\"\n      (click)=\"getPosts(1, 20, true)\" (keydown.enter)=\"getPosts(1, 20, true)\">\n      <span class=\"hub-chip__dot\" aria-hidden=\"true\"></span>\n      <span class=\"hub-chip__label\">{{ 'Resource.Hub.AllResources' | transloco }}</span>\n      @if (objectCount) { <span class=\"hub-chip__count\">{{ objectCount }}</span> }\n    </button>\n    @for (tag of tags; track tag.id) {\n      <button type=\"button\" class=\"hub-chip\"\n        [class.hub-chip--selected]=\"isSelected(tag.id)\"\n        (click)=\"tagPost(tag)\" (keydown.enter)=\"tagPost(tag)\">\n        <span class=\"hub-chip__dot\" [attr.data-cat]=\"tag.id % 6\" aria-hidden=\"true\"></span>\n        <span class=\"hub-chip__label\">{{ tag.name }}</span>\n      </button>\n    }\n  </nav>\n\n  @if (loading && !loaded) {\n    <div class=\"hub-loading\"><p-progressSpinner strokeWidth=\"2\"></p-progressSpinner></div>\n  }\n\n  @if (posts?.length && !loading) {\n    <ul class=\"hub-grid\" role=\"list\">\n      @for (post of data; track post.id; let i = $index) {\n        <li class=\"hub-post\" [style.--reveal-delay.ms]=\"i * 40\">\n          <pw-resource-edit-card-lazy [canEdit]=\"canEditResourcesValue\" [id]=\"post?.id\"\n            [resourceData]=\"post\" (updated)=\"getPosts(1, pageSize)\"></pw-resource-edit-card-lazy>\n\n          <a class=\"hub-post__media\" [routerLink]=\"['/resources/view', post.slug]\"\n            [attr.aria-label]=\"post.title\"\n            [attr.data-cat]=\"(post?.tags?.[0]?.id || 0) % 6\">\n            @if (post.picture?.url && !post.picture.url.includes('default-photo')) {\n              <img [src]=\"post.picture?.url\" alt=\"\" loading=\"lazy\" class=\"hub-post__image\" />\n            } @else {\n              <span class=\"hub-post__glyph\" aria-hidden=\"true\">\n                {{ (post.title?.[0] || '?').toUpperCase() }}\n              </span>\n              @if (post?.tags?.[0]?.icon_name) {\n                <i class=\"fa hub-post__icon\" [ngClass]=\"post.tags[0].icon_name\" aria-hidden=\"true\"></i>\n              }\n            }\n          </a>\n\n          <div class=\"hub-post__body\">\n            @if (post?.tags?.[0]) {\n              <p class=\"hub-post__eyebrow\" [attr.data-cat]=\"post.tags[0].id % 6\">\n                <span class=\"hub-post__dot\" aria-hidden=\"true\"></span>\n                {{ post.tags[0].name }}\n              </p>\n            }\n            <h2 class=\"hub-post__title\" [routerLink]=\"['/resources/view', post.slug]\">{{ post.title }}</h2>\n            <p class=\"hub-post__excerpt\">{{ post.blurb || (post.body | removeHtml: 'quill' | textTruncate: 140) }}</p>\n            <div class=\"hub-post__foot\">\n              @if (post.author?.avatar?.[0]?.url) {\n                <img class=\"hub-post__avatar\" [src]=\"post.author.avatar[0].url\" alt=\"\" />\n              } @else {\n                <span class=\"hub-post__avatar hub-post__avatar--text\" aria-hidden=\"true\">{{ (post.author?.first_name?.[0] || '?').toUpperCase() }}</span>\n              }\n              <div class=\"hub-post__author-meta\">\n                <span class=\"hub-post__author-name\">{{ post.author?.first_name }}</span>\n                <span class=\"hub-post__author-sub\">\n                  <time [attr.datetime]=\"post.published_at\">{{ post.published_at | date: 'd MMM' }}</time>\n                  <span class=\"hub-post__sep\" aria-hidden=\"true\">\u00B7</span>\n                  <span class=\"hub-post__rt\">{{ thisPostReadingTime(post.body) }}</span>\n                </span>\n              </div>\n              <span class=\"hub-post__views\" [title]=\"'Resource.Hub.ViewCount' | transloco: { count: post.view ?? 0 }\">\n                {{ post.view ?? 0 }}\n              </span>\n            </div>\n          </div>\n        </li>\n      }\n    </ul>\n  }\n\n  @if (!posts?.length && loaded) {\n    <div class=\"hub-empty\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"></pw-no-data>\n    </div>\n  }\n</div>\n</div>\n", styles: ["@charset \"UTF-8\";:root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: color-mix(in srgb, var(--first, rgb(23 105 225)) 85%, #000000);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255);--dashboard_bg: rgb(255 255 255);--public-btn-radius: 24px}.hub-page{display:block}.hub-page section,.hub-page header,.hub-page footer,.hub-page nav,.hub-page ul,.hub-page li,.hub-page article,.hub-page aside{float:none;clear:both}.hub-page ul,.hub-page li{list-style:none}.hub-page .hub-hero{background:linear-gradient(180deg,#061f2a 0%,#042230 60%,var(--sidebar_bg, #00303f) 100%);color:#f5f7fa;overflow:hidden;padding:88px 24px 96px;position:relative}.hub-page .hub-hero h1.hub-hero__title{color:#f5f7fa!important}.hub-page .hub-hero p.hub-hero__eyebrow{color:color-mix(in srgb,var(--first) 70%,white)!important}.hub-page .hub-hero p.hub-hero__subtitle{color:#aab3c0!important}.hub-page .hub-hero__glow{background:radial-gradient(60% 80% at 78% 18%,color-mix(in srgb,var(--first) 38%,transparent),transparent 70%),radial-gradient(40% 60% at 12% 100%,color-mix(in srgb,var(--second, #36c283) 22%,transparent),transparent 70%);inset:0;pointer-events:none;position:absolute}.hub-page .hub-hero__grid{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;inset:0;opacity:.7;pointer-events:none;position:absolute;-webkit-mask-image:radial-gradient(120% 80% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(120% 80% at 50% 30%,#000 30%,transparent 75%)}.hub-page .hub-hero__inner{margin:0 auto;max-width:1140px;position:relative}.hub-page .hub-hero__eyebrow{color:color-mix(in srgb,var(--first) 70%,white);font-size:12px;font-weight:600;letter-spacing:.18em;margin:0 0 18px}.hub-page .hub-hero__title{color:#f5f7fa;font-size:64px;font-weight:700;letter-spacing:-.02em;line-height:1.05;margin:0 0 18px;max-width:880px}.hub-page .hub-hero__subtitle{color:#aab3c0;font-size:18px;line-height:1.6;margin:0 0 36px;max-width:620px}.hub-page .hub-hero__br{display:inline}.hub-page .hub-hero__search{align-items:center;display:flex;gap:10px;max-width:560px}.hub-page .hub-hero__search .p-iconfield{flex:1}.hub-page .hub-hero__search .p-iconfield input.hub-hero__search-input{background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#f5f7fa;font-size:15px;height:48px;padding-left:42px;width:100%;transition:border-color .18s cubic-bezier(.2,.7,.2,1),background .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s cubic-bezier(.2,.7,.2,1)}.hub-page .hub-hero__search .p-iconfield input.hub-hero__search-input::placeholder{color:#ffffff73}.hub-page .hub-hero__search .p-iconfield input.hub-hero__search-input:focus,.hub-page .hub-hero__search .p-iconfield input.hub-hero__search-input:focus-visible{background:#ffffff1f;border-color:#ffffff59;box-shadow:0 0 0 4px color-mix(in srgb,var(--first) 24%,transparent);outline:0}.hub-page .hub-hero__search .p-inputicon i{color:#ffffff8c}.hub-page .hub-hero__edit{align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#f5f7fa;cursor:pointer;display:inline-flex;height:48px;justify-content:center;transition:background .18s cubic-bezier(.2,.7,.2,1);width:48px}.hub-page .hub-hero__edit:hover{background:#ffffff29}.hub-shell{background:#fff;margin:0 auto;max-width:1188px;padding:40px 24px 96px;position:relative;width:100%}.hub-shell header,.hub-shell footer{float:none;clear:both}.hub-chips{border-bottom:1px solid #e7eaef;display:flex;flex-wrap:wrap;gap:4px;margin:0 0 32px;padding:0 0 12px}.hub-chip{align-items:center;background:transparent;border:0;border-radius:8px;color:#5a6473;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;line-height:1.2;padding:10px 14px;position:relative;transition:color .18s cubic-bezier(.2,.7,.2,1),background .18s cubic-bezier(.2,.7,.2,1)}.hub-chip__dot{background:#8a93a3;border-radius:9999px;flex-shrink:0;height:8px;transition:transform .18s cubic-bezier(.2,.7,.2,1),background .18s cubic-bezier(.2,.7,.2,1);width:8px}.hub-chip__dot[data-cat=\"0\"]{background:#2c7be5}.hub-chip__dot[data-cat=\"1\"]{background:#1f9d57}.hub-chip__dot[data-cat=\"2\"]{background:#b7791f}.hub-chip__dot[data-cat=\"3\"]{background:#b94c8c}.hub-chip__dot[data-cat=\"4\"]{background:#6a4ec2}.hub-chip__dot[data-cat=\"5\"]{background:#0aa39a}.hub-chip--all .hub-chip__dot{background:var(--first)}.hub-chip__count{background:#f7f8fa;border-radius:9999px;color:#8a93a3;font-size:11px;font-weight:600;padding:2px 8px;transition:background .18s cubic-bezier(.2,.7,.2,1),color .18s cubic-bezier(.2,.7,.2,1)}.hub-chip:hover{background:#f7f8fa;color:#0b0d10}.hub-chip:hover .hub-chip__dot{transform:scale(1.2)}.hub-chip:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--first) 22%,transparent);outline:0}.hub-chip--selected{color:#0b0d10}.hub-chip--selected:after{background:var(--first);border-radius:1px 1px 0 0;bottom:-13px;content:\"\";height:2px;left:14px;position:absolute;right:14px}.hub-chip--selected .hub-chip__count{background:color-mix(in srgb,var(--first) 14%,white);color:var(--first)}.hub-loading{padding:64px 0;text-align:center}.hub-grid{display:grid;gap:28px 24px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.hub-post{--reveal-delay: 0ms;animation:hubReveal .42s .18s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--reveal-delay);background:#fff;border:1px solid #e7eaef;border-radius:14px;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:border-color .18s cubic-bezier(.2,.7,.2,1),transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s cubic-bezier(.2,.7,.2,1)}.hub-post>pw-resource-edit-card-lazy{display:contents}.hub-post:hover{border-color:#cfd4dc;box-shadow:0 12px 28px #0b0d1014;transform:translateY(-2px)}.hub-post:hover .hub-post__title{color:var(--first)!important}.hub-post:hover .hub-post__media{transform:scale(1.02)}.hub-post__media{aspect-ratio:16/9;align-items:center;background:linear-gradient(135deg,#f7f8fa,#eef0f3);display:flex;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:transform .18s cubic-bezier(.2,.7,.2,1)}.hub-post__media[data-cat=\"0\"]{--accent: $c0}.hub-post__media[data-cat=\"1\"]{--accent: $c1}.hub-post__media[data-cat=\"2\"]{--accent: $c2}.hub-post__media[data-cat=\"3\"]{--accent: $c3}.hub-post__media[data-cat=\"4\"]{--accent: $c4}.hub-post__media[data-cat=\"5\"]{--accent: $c5}.hub-post__media:before{background:linear-gradient(135deg,var(--accent, #2c7be5) 0%,color-mix(in srgb,var(--accent, #2c7be5) 30%,#0b0d10) 100%);content:\"\";inset:0;position:absolute}.hub-post__media:after{background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.18),transparent 60%),radial-gradient(1px 1px at 70% 60%,rgba(255,255,255,.14),transparent 60%),radial-gradient(1px 1px at 40% 80%,rgba(255,255,255,.12),transparent 60%);background-size:200px 200px,180px 180px,220px 220px;content:\"\";inset:0;mix-blend-mode:overlay;opacity:.6;position:absolute}.hub-post__image{display:block;height:100%;object-fit:cover;position:relative;width:100%;z-index:2}.hub-post__glyph{color:#ffffffeb;font-size:76px;font-weight:700;letter-spacing:-.04em;position:relative;z-index:2}.hub-post__icon{color:#ffffffc7;font-size:18px;position:absolute;right:16px;top:16px;z-index:2}.hub-post__body{display:flex;flex:1;flex-direction:column;gap:10px;padding:22px 22px 20px}.hub-post__eyebrow{align-items:center;color:#5a6473;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.1em;margin:0;text-transform:uppercase}.hub-post__eyebrow[data-cat=\"0\"]{--cat: $c0}.hub-post__eyebrow[data-cat=\"1\"]{--cat: $c1}.hub-post__eyebrow[data-cat=\"2\"]{--cat: $c2}.hub-post__eyebrow[data-cat=\"3\"]{--cat: $c3}.hub-post__eyebrow[data-cat=\"4\"]{--cat: $c4}.hub-post__eyebrow[data-cat=\"5\"]{--cat: $c5}.hub-post__eyebrow .hub-post__dot{background:var(--cat, #8a93a3);border-radius:9999px;flex-shrink:0;height:6px;width:6px}.hub-post__title{color:#0b0d10!important;cursor:pointer;font-size:19px!important;font-weight:600;letter-spacing:-.01em;line-height:1.35;margin:0;transition:color .18s cubic-bezier(.2,.7,.2,1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:0!important}.hub-post__excerpt{color:#5a6473;font-size:14px;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hub-post__foot{align-items:center;border-top:1px solid #e7eaef;display:flex;flex-wrap:nowrap;gap:10px;margin-top:auto;padding-top:14px}.hub-post__avatar{background:#f7f8fa;border-radius:9999px;flex:0 0 28px;height:28px;object-fit:cover;width:28px}.hub-post__avatar--text{align-items:center;background:color-mix(in srgb,var(--first) 14%,#f7f8fa);color:var(--first);display:inline-flex;font-size:11px;font-weight:700;justify-content:center}.hub-post__author-meta{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;overflow:hidden}.hub-post__author-name{color:#0b0d10;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-post__author-sub{color:#8a93a3;display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-post__author-sub time,.hub-post__author-sub span{display:inline}.hub-post__sep{color:#cfd4dc;margin:0 4px}.hub-post__views{background:#f7f8fa;border-radius:9999px;color:#8a93a3;flex:0 0 auto;font-size:11px;font-weight:600;padding:4px 10px}@keyframes hubReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hub-empty{background:#f7f8fa;border:1px dashed #e7eaef;border-radius:14px;margin-top:16px;padding:56px 24px;text-align:center}@media(max-width:1100px){.hub-hero__title{font-size:52px}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.hub-hero{padding:64px 20px 56px}.hub-hero__title{font-size:36px;line-height:1.1}.hub-hero__subtitle{font-size:16px;margin-bottom:28px}.hub-hero__br{display:none}.hub-shell{padding:28px 16px 64px}.hub-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.hub-chip{flex-shrink:0}.hub-grid{gap:20px;grid-template-columns:1fr}}@media(max-width:479px){.hub-hero__title{font-size:30px}.hub-post__body{padding:18px}}\n", ".top-search-input{color:#000!important;border:3px solid #d4d4d4!important;padding:5px 30px!important;border-radius:29px!important}::placeholder{color:#d4d4d4}.vendors-distributor-wrapper{margin-top:5rem!important}.vendor-icon{max-width:180px;max-height:100%;width:100%!important}.vendor-name{font-size:3rem;line-height:3rem;color:var(--text-color, black)}::ng-deep .customPaginator .p-paginator{border:none!important}::ng-deep .customPaginator .p-paginator button{border:none!important}.int-span{text-transform:uppercase;font-size:2.5rem;color:var(--first)}.boxes{width:100%;min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;padding:15px;border:1px dashed #ccc;border-radius:8px;overflow-wrap:break-word;white-space:normal;height:100%}a.vendor-link{display:inline-block;transition:transform .2s ease}a.vendor-link:hover{transform:scale(1.05);cursor:pointer}.search-wrapper{position:relative;width:300px}.search-input{width:100%;padding:10px 20px 10px 40px;border:2px solid #d4d4d4;border-radius:30px;font-size:1rem;color:#000;background-color:#fff}.search-input::placeholder{color:silver}.search-input:focus{outline:none;border-color:var(--first)}.search-icon{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:#d4d4d4;font-size:1.1rem}@media(width<=768px){.vendor-icon{width:50!important}.search-container{flex-wrap:wrap!important;gap:2rem}.int-span{font-size:1.75rem}}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5$1.LazyImgDirective, selector: "img" }, { kind: "component", type: ResourceEditCardLazyComponent, selector: "pw-resource-edit-card-lazy", inputs: ["id", "resourceData", "canEdit"], outputs: ["updated"] }, { kind: "component", type: i8.ResourceHeaderComponent, selector: "pw-resource-header", inputs: ["user", "userLoggedIn"] }, { kind: "component", type: i6.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "component", type: i7.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "directive", type: i11.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: i12.IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "styleClass"] }, { kind: "component", type: i13.InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }, { kind: "pipe", type: i3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i3.DatePipe, name: "date" }, { kind: "pipe", type: i14.RemoveHtmlPipe, name: "removeHtml" }, { kind: "pipe", type: i14.TextTruncatePipe, name: "textTruncate" }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: ResourceHubComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'pw-posts-list', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<pw-resource-header [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-header>\n\n<div class=\"hub-page\">\n<section class=\"hub-hero\" aria-labelledby=\"hub-hero-title\">\n  <div class=\"hub-hero__glow\" aria-hidden=\"true\"></div>\n  <div class=\"hub-hero__grid\" aria-hidden=\"true\"></div>\n  <div class=\"hub-hero__inner\">\n    <p class=\"hub-hero__eyebrow\">{{ 'Resource.Posts.Title' | transloco | uppercase }}</p>\n    <h1 id=\"hub-hero-title\" class=\"hub-hero__title\">\n      Stories, guides, and notes <br class=\"hub-hero__br\" />from the team.\n    </h1>\n    <p class=\"hub-hero__subtitle\">{{ 'Resource.Hub.Subtitle' | transloco }}</p>\n    <div class=\"hub-hero__search\">\n      <p-iconfield iconPosition=\"left\" styleClass=\"hub-hero__search-field\">\n        <p-inputicon><i class=\"fa fa-search\" aria-hidden=\"true\"></i></p-inputicon>\n        <input type=\"text\" id=\"resources-hub-search\" name=\"resources-hub-search\"\n          [(ngModel)]=\"searchTextItems\" pInputText\n          [placeholder]=\"'Resource.Hub.SearchPlaceholder' | transloco\"\n          (input)=\"onSearch(1)\" class=\"hub-hero__search-input\"\n          aria-label=\"Resources Hub Search\" />\n      </p-iconfield>\n      @if (userLoggedIn && user?.auth?.granted['Pages.Admin']) {\n        <button type=\"button\" class=\"hub-hero__edit\"\n          [title]=\"'Resource.Hub.EditTagsTooltip' | transloco\"\n          [attr.aria-label]=\"'Resource.Hub.EditTagsTooltip' | transloco\"\n          (click)=\"navigateToTagList()\" (keydown.enter)=\"navigateToTagList()\">\n          <i class=\"fa fa-edit\" aria-hidden=\"true\"></i>\n        </button>\n      }\n    </div>\n  </div>\n</section>\n\n<div class=\"hub-shell\">\n  <nav class=\"hub-chips\" aria-label=\"Resource categories\">\n    <button type=\"button\" class=\"hub-chip hub-chip--all\"\n      [class.hub-chip--selected]=\"selectedTags.length === 0\"\n      (click)=\"getPosts(1, 20, true)\" (keydown.enter)=\"getPosts(1, 20, true)\">\n      <span class=\"hub-chip__dot\" aria-hidden=\"true\"></span>\n      <span class=\"hub-chip__label\">{{ 'Resource.Hub.AllResources' | transloco }}</span>\n      @if (objectCount) { <span class=\"hub-chip__count\">{{ objectCount }}</span> }\n    </button>\n    @for (tag of tags; track tag.id) {\n      <button type=\"button\" class=\"hub-chip\"\n        [class.hub-chip--selected]=\"isSelected(tag.id)\"\n        (click)=\"tagPost(tag)\" (keydown.enter)=\"tagPost(tag)\">\n        <span class=\"hub-chip__dot\" [attr.data-cat]=\"tag.id % 6\" aria-hidden=\"true\"></span>\n        <span class=\"hub-chip__label\">{{ tag.name }}</span>\n      </button>\n    }\n  </nav>\n\n  @if (loading && !loaded) {\n    <div class=\"hub-loading\"><p-progressSpinner strokeWidth=\"2\"></p-progressSpinner></div>\n  }\n\n  @if (posts?.length && !loading) {\n    <ul class=\"hub-grid\" role=\"list\">\n      @for (post of data; track post.id; let i = $index) {\n        <li class=\"hub-post\" [style.--reveal-delay.ms]=\"i * 40\">\n          <pw-resource-edit-card-lazy [canEdit]=\"canEditResourcesValue\" [id]=\"post?.id\"\n            [resourceData]=\"post\" (updated)=\"getPosts(1, pageSize)\"></pw-resource-edit-card-lazy>\n\n          <a class=\"hub-post__media\" [routerLink]=\"['/resources/view', post.slug]\"\n            [attr.aria-label]=\"post.title\"\n            [attr.data-cat]=\"(post?.tags?.[0]?.id || 0) % 6\">\n            @if (post.picture?.url && !post.picture.url.includes('default-photo')) {\n              <img [src]=\"post.picture?.url\" alt=\"\" loading=\"lazy\" class=\"hub-post__image\" />\n            } @else {\n              <span class=\"hub-post__glyph\" aria-hidden=\"true\">\n                {{ (post.title?.[0] || '?').toUpperCase() }}\n              </span>\n              @if (post?.tags?.[0]?.icon_name) {\n                <i class=\"fa hub-post__icon\" [ngClass]=\"post.tags[0].icon_name\" aria-hidden=\"true\"></i>\n              }\n            }\n          </a>\n\n          <div class=\"hub-post__body\">\n            @if (post?.tags?.[0]) {\n              <p class=\"hub-post__eyebrow\" [attr.data-cat]=\"post.tags[0].id % 6\">\n                <span class=\"hub-post__dot\" aria-hidden=\"true\"></span>\n                {{ post.tags[0].name }}\n              </p>\n            }\n            <h2 class=\"hub-post__title\" [routerLink]=\"['/resources/view', post.slug]\">{{ post.title }}</h2>\n            <p class=\"hub-post__excerpt\">{{ post.blurb || (post.body | removeHtml: 'quill' | textTruncate: 140) }}</p>\n            <div class=\"hub-post__foot\">\n              @if (post.author?.avatar?.[0]?.url) {\n                <img class=\"hub-post__avatar\" [src]=\"post.author.avatar[0].url\" alt=\"\" />\n              } @else {\n                <span class=\"hub-post__avatar hub-post__avatar--text\" aria-hidden=\"true\">{{ (post.author?.first_name?.[0] || '?').toUpperCase() }}</span>\n              }\n              <div class=\"hub-post__author-meta\">\n                <span class=\"hub-post__author-name\">{{ post.author?.first_name }}</span>\n                <span class=\"hub-post__author-sub\">\n                  <time [attr.datetime]=\"post.published_at\">{{ post.published_at | date: 'd MMM' }}</time>\n                  <span class=\"hub-post__sep\" aria-hidden=\"true\">\u00B7</span>\n                  <span class=\"hub-post__rt\">{{ thisPostReadingTime(post.body) }}</span>\n                </span>\n              </div>\n              <span class=\"hub-post__views\" [title]=\"'Resource.Hub.ViewCount' | transloco: { count: post.view ?? 0 }\">\n                {{ post.view ?? 0 }}\n              </span>\n            </div>\n          </div>\n        </li>\n      }\n    </ul>\n  }\n\n  @if (!posts?.length && loaded) {\n    <div class=\"hub-empty\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"></pw-no-data>\n    </div>\n  }\n</div>\n</div>\n", styles: ["@charset \"UTF-8\";:root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: color-mix(in srgb, var(--first, rgb(23 105 225)) 85%, #000000);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255);--dashboard_bg: rgb(255 255 255);--public-btn-radius: 24px}.hub-page{display:block}.hub-page section,.hub-page header,.hub-page footer,.hub-page nav,.hub-page ul,.hub-page li,.hub-page article,.hub-page aside{float:none;clear:both}.hub-page ul,.hub-page li{list-style:none}.hub-page .hub-hero{background:linear-gradient(180deg,#061f2a 0%,#042230 60%,var(--sidebar_bg, #00303f) 100%);color:#f5f7fa;overflow:hidden;padding:88px 24px 96px;position:relative}.hub-page .hub-hero h1.hub-hero__title{color:#f5f7fa!important}.hub-page .hub-hero p.hub-hero__eyebrow{color:color-mix(in srgb,var(--first) 70%,white)!important}.hub-page .hub-hero p.hub-hero__subtitle{color:#aab3c0!important}.hub-page .hub-hero__glow{background:radial-gradient(60% 80% at 78% 18%,color-mix(in srgb,var(--first) 38%,transparent),transparent 70%),radial-gradient(40% 60% at 12% 100%,color-mix(in srgb,var(--second, #36c283) 22%,transparent),transparent 70%);inset:0;pointer-events:none;position:absolute}.hub-page .hub-hero__grid{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;inset:0;opacity:.7;pointer-events:none;position:absolute;-webkit-mask-image:radial-gradient(120% 80% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(120% 80% at 50% 30%,#000 30%,transparent 75%)}.hub-page .hub-hero__inner{margin:0 auto;max-width:1140px;position:relative}.hub-page .hub-hero__eyebrow{color:color-mix(in srgb,var(--first) 70%,white);font-size:12px;font-weight:600;letter-spacing:.18em;margin:0 0 18px}.hub-page .hub-hero__title{color:#f5f7fa;font-size:64px;font-weight:700;letter-spacing:-.02em;line-height:1.05;margin:0 0 18px;max-width:880px}.hub-page .hub-hero__subtitle{color:#aab3c0;font-size:18px;line-height:1.6;margin:0 0 36px;max-width:620px}.hub-page .hub-hero__br{display:inline}.hub-page .hub-hero__search{align-items:center;display:flex;gap:10px;max-width:560px}.hub-page .hub-hero__search .p-iconfield{flex:1}.hub-page .hub-hero__search .p-iconfield input.hub-hero__search-input{background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#f5f7fa;font-size:15px;height:48px;padding-left:42px;width:100%;transition:border-color .18s cubic-bezier(.2,.7,.2,1),background .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s cubic-bezier(.2,.7,.2,1)}.hub-page .hub-hero__search .p-iconfield input.hub-hero__search-input::placeholder{color:#ffffff73}.hub-page .hub-hero__search .p-iconfield input.hub-hero__search-input:focus,.hub-page .hub-hero__search .p-iconfield input.hub-hero__search-input:focus-visible{background:#ffffff1f;border-color:#ffffff59;box-shadow:0 0 0 4px color-mix(in srgb,var(--first) 24%,transparent);outline:0}.hub-page .hub-hero__search .p-inputicon i{color:#ffffff8c}.hub-page .hub-hero__edit{align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#f5f7fa;cursor:pointer;display:inline-flex;height:48px;justify-content:center;transition:background .18s cubic-bezier(.2,.7,.2,1);width:48px}.hub-page .hub-hero__edit:hover{background:#ffffff29}.hub-shell{background:#fff;margin:0 auto;max-width:1188px;padding:40px 24px 96px;position:relative;width:100%}.hub-shell header,.hub-shell footer{float:none;clear:both}.hub-chips{border-bottom:1px solid #e7eaef;display:flex;flex-wrap:wrap;gap:4px;margin:0 0 32px;padding:0 0 12px}.hub-chip{align-items:center;background:transparent;border:0;border-radius:8px;color:#5a6473;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;line-height:1.2;padding:10px 14px;position:relative;transition:color .18s cubic-bezier(.2,.7,.2,1),background .18s cubic-bezier(.2,.7,.2,1)}.hub-chip__dot{background:#8a93a3;border-radius:9999px;flex-shrink:0;height:8px;transition:transform .18s cubic-bezier(.2,.7,.2,1),background .18s cubic-bezier(.2,.7,.2,1);width:8px}.hub-chip__dot[data-cat=\"0\"]{background:#2c7be5}.hub-chip__dot[data-cat=\"1\"]{background:#1f9d57}.hub-chip__dot[data-cat=\"2\"]{background:#b7791f}.hub-chip__dot[data-cat=\"3\"]{background:#b94c8c}.hub-chip__dot[data-cat=\"4\"]{background:#6a4ec2}.hub-chip__dot[data-cat=\"5\"]{background:#0aa39a}.hub-chip--all .hub-chip__dot{background:var(--first)}.hub-chip__count{background:#f7f8fa;border-radius:9999px;color:#8a93a3;font-size:11px;font-weight:600;padding:2px 8px;transition:background .18s cubic-bezier(.2,.7,.2,1),color .18s cubic-bezier(.2,.7,.2,1)}.hub-chip:hover{background:#f7f8fa;color:#0b0d10}.hub-chip:hover .hub-chip__dot{transform:scale(1.2)}.hub-chip:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--first) 22%,transparent);outline:0}.hub-chip--selected{color:#0b0d10}.hub-chip--selected:after{background:var(--first);border-radius:1px 1px 0 0;bottom:-13px;content:\"\";height:2px;left:14px;position:absolute;right:14px}.hub-chip--selected .hub-chip__count{background:color-mix(in srgb,var(--first) 14%,white);color:var(--first)}.hub-loading{padding:64px 0;text-align:center}.hub-grid{display:grid;gap:28px 24px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.hub-post{--reveal-delay: 0ms;animation:hubReveal .42s .18s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--reveal-delay);background:#fff;border:1px solid #e7eaef;border-radius:14px;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:border-color .18s cubic-bezier(.2,.7,.2,1),transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s cubic-bezier(.2,.7,.2,1)}.hub-post>pw-resource-edit-card-lazy{display:contents}.hub-post:hover{border-color:#cfd4dc;box-shadow:0 12px 28px #0b0d1014;transform:translateY(-2px)}.hub-post:hover .hub-post__title{color:var(--first)!important}.hub-post:hover .hub-post__media{transform:scale(1.02)}.hub-post__media{aspect-ratio:16/9;align-items:center;background:linear-gradient(135deg,#f7f8fa,#eef0f3);display:flex;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:transform .18s cubic-bezier(.2,.7,.2,1)}.hub-post__media[data-cat=\"0\"]{--accent: $c0}.hub-post__media[data-cat=\"1\"]{--accent: $c1}.hub-post__media[data-cat=\"2\"]{--accent: $c2}.hub-post__media[data-cat=\"3\"]{--accent: $c3}.hub-post__media[data-cat=\"4\"]{--accent: $c4}.hub-post__media[data-cat=\"5\"]{--accent: $c5}.hub-post__media:before{background:linear-gradient(135deg,var(--accent, #2c7be5) 0%,color-mix(in srgb,var(--accent, #2c7be5) 30%,#0b0d10) 100%);content:\"\";inset:0;position:absolute}.hub-post__media:after{background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.18),transparent 60%),radial-gradient(1px 1px at 70% 60%,rgba(255,255,255,.14),transparent 60%),radial-gradient(1px 1px at 40% 80%,rgba(255,255,255,.12),transparent 60%);background-size:200px 200px,180px 180px,220px 220px;content:\"\";inset:0;mix-blend-mode:overlay;opacity:.6;position:absolute}.hub-post__image{display:block;height:100%;object-fit:cover;position:relative;width:100%;z-index:2}.hub-post__glyph{color:#ffffffeb;font-size:76px;font-weight:700;letter-spacing:-.04em;position:relative;z-index:2}.hub-post__icon{color:#ffffffc7;font-size:18px;position:absolute;right:16px;top:16px;z-index:2}.hub-post__body{display:flex;flex:1;flex-direction:column;gap:10px;padding:22px 22px 20px}.hub-post__eyebrow{align-items:center;color:#5a6473;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.1em;margin:0;text-transform:uppercase}.hub-post__eyebrow[data-cat=\"0\"]{--cat: $c0}.hub-post__eyebrow[data-cat=\"1\"]{--cat: $c1}.hub-post__eyebrow[data-cat=\"2\"]{--cat: $c2}.hub-post__eyebrow[data-cat=\"3\"]{--cat: $c3}.hub-post__eyebrow[data-cat=\"4\"]{--cat: $c4}.hub-post__eyebrow[data-cat=\"5\"]{--cat: $c5}.hub-post__eyebrow .hub-post__dot{background:var(--cat, #8a93a3);border-radius:9999px;flex-shrink:0;height:6px;width:6px}.hub-post__title{color:#0b0d10!important;cursor:pointer;font-size:19px!important;font-weight:600;letter-spacing:-.01em;line-height:1.35;margin:0;transition:color .18s cubic-bezier(.2,.7,.2,1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:0!important}.hub-post__excerpt{color:#5a6473;font-size:14px;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hub-post__foot{align-items:center;border-top:1px solid #e7eaef;display:flex;flex-wrap:nowrap;gap:10px;margin-top:auto;padding-top:14px}.hub-post__avatar{background:#f7f8fa;border-radius:9999px;flex:0 0 28px;height:28px;object-fit:cover;width:28px}.hub-post__avatar--text{align-items:center;background:color-mix(in srgb,var(--first) 14%,#f7f8fa);color:var(--first);display:inline-flex;font-size:11px;font-weight:700;justify-content:center}.hub-post__author-meta{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;overflow:hidden}.hub-post__author-name{color:#0b0d10;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-post__author-sub{color:#8a93a3;display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-post__author-sub time,.hub-post__author-sub span{display:inline}.hub-post__sep{color:#cfd4dc;margin:0 4px}.hub-post__views{background:#f7f8fa;border-radius:9999px;color:#8a93a3;flex:0 0 auto;font-size:11px;font-weight:600;padding:4px 10px}@keyframes hubReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hub-empty{background:#f7f8fa;border:1px dashed #e7eaef;border-radius:14px;margin-top:16px;padding:56px 24px;text-align:center}@media(max-width:1100px){.hub-hero__title{font-size:52px}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.hub-hero{padding:64px 20px 56px}.hub-hero__title{font-size:36px;line-height:1.1}.hub-hero__subtitle{font-size:16px;margin-bottom:28px}.hub-hero__br{display:none}.hub-shell{padding:28px 16px 64px}.hub-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.hub-chip{flex-shrink:0}.hub-grid{gap:20px;grid-template-columns:1fr}}@media(max-width:479px){.hub-hero__title{font-size:30px}.hub-post__body{padding:18px}}\n", ".top-search-input{color:#000!important;border:3px solid #d4d4d4!important;padding:5px 30px!important;border-radius:29px!important}::placeholder{color:#d4d4d4}.vendors-distributor-wrapper{margin-top:5rem!important}.vendor-icon{max-width:180px;max-height:100%;width:100%!important}.vendor-name{font-size:3rem;line-height:3rem;color:var(--text-color, black)}::ng-deep .customPaginator .p-paginator{border:none!important}::ng-deep .customPaginator .p-paginator button{border:none!important}.int-span{text-transform:uppercase;font-size:2.5rem;color:var(--first)}.boxes{width:100%;min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;padding:15px;border:1px dashed #ccc;border-radius:8px;overflow-wrap:break-word;white-space:normal;height:100%}a.vendor-link{display:inline-block;transition:transform .2s ease}a.vendor-link:hover{transform:scale(1.05);cursor:pointer}.search-wrapper{position:relative;width:300px}.search-input{width:100%;padding:10px 20px 10px 40px;border:2px solid #d4d4d4;border-radius:30px;font-size:1rem;color:#000;background-color:#fff}.search-input::placeholder{color:silver}.search-input:focus{outline:none;border-color:var(--first)}.search-icon{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:#d4d4d4;font-size:1.1rem}@media(width<=768px){.vendor-icon{width:50!important}.search-container{flex-wrap:wrap!important;gap:2rem}.int-span{font-size:1.75rem}}\n"] }]
-        }], ctorParameters: () => [{ type: ResourceService }, { type: i2.AuthService }, { type: i2.TagService }, { type: i0.ChangeDetectorRef }, { type: i0.Injector }], propDecorators: { onWindowScroll: [{
-                type: HostListener,
-                args: ['window:scroll', []]
-            }] } });
-
-const routes = [
-    {
-        path: '',
-        component: ResourceHubComponent,
-        data: {
-            title: 'Resources - Hub',
-            permission: 'Pages.Blog',
-            preload: false
-        }
-    }
-];
-class ResourceHubModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: ResourceHubModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.19", ngImport: i0, type: ResourceHubModule, declarations: [ResourceHubComponent], imports: [ResourceSharedModule, i1.RouterModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: ResourceHubModule, imports: [ResourceSharedModule, RouterModule.forChild(routes)] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: ResourceHubModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [ResourceHubComponent],
-                    imports: [ResourceSharedModule, RouterModule.forChild(routes)]
-                }]
-        }] });
-
-export { ResourceHubModule };
-//# sourceMappingURL=posiwise-resource-module-resource-hub.module-BfsDOG9Y.mjs.map

package/fesm2022/posiwise-resource-module-resource-hub.module-BfsDOG9Y.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"posiwise-resource-module-resource-hub.module-BfsDOG9Y.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    ChangeDetectionStrategy,\n    ChangeDetectorRef,\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\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: false\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        private readonly cdr: ChangeDetectorRef,\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                    this.cdr.markForCheck();\n                });\n                this.userSub = this.userService.getUserInfo().subscribe(data => {\n                    this.user = data;\n                    this.updateCanEditResourcesValue();\n                    this.getPostsAndTags();\n                    this.cdr.markForCheck();\n                });\n            } else {\n                this.getPostsAndTags();\n            }\n            this.cdr.markForCheck();\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                this.cdr.markForCheck();\n            })\n            .add(() => {\n                this.loading = false;\n                this.loaded = true;\n                this.cdr.markForCheck();\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                this.cdr.markForCheck();\n            })\n            .add(() => {\n                this.loading = false;\n                this.loaded = true;\n                this.cdr.markForCheck();\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\n<div class=\"hub-page\">\n<section class=\"hub-hero\" aria-labelledby=\"hub-hero-title\">\n  <div class=\"hub-hero__glow\" aria-hidden=\"true\"></div>\n  <div class=\"hub-hero__grid\" aria-hidden=\"true\"></div>\n  <div class=\"hub-hero__inner\">\n    <p class=\"hub-hero__eyebrow\">{{ 'Resource.Posts.Title' | transloco | uppercase }}</p>\n    <h1 id=\"hub-hero-title\" class=\"hub-hero__title\">\n      Stories, guides, and notes <br class=\"hub-hero__br\" />from the team.\n    </h1>\n    <p class=\"hub-hero__subtitle\">{{ 'Resource.Hub.Subtitle' | transloco }}</p>\n    <div class=\"hub-hero__search\">\n      <p-iconfield iconPosition=\"left\" styleClass=\"hub-hero__search-field\">\n        <p-inputicon><i class=\"fa fa-search\" aria-hidden=\"true\"></i></p-inputicon>\n        <input type=\"text\" id=\"resources-hub-search\" name=\"resources-hub-search\"\n          [(ngModel)]=\"searchTextItems\" pInputText\n          [placeholder]=\"'Resource.Hub.SearchPlaceholder' | transloco\"\n          (input)=\"onSearch(1)\" class=\"hub-hero__search-input\"\n          aria-label=\"Resources Hub Search\" />\n      </p-iconfield>\n      @if (userLoggedIn && user?.auth?.granted['Pages.Admin']) {\n        <button type=\"button\" class=\"hub-hero__edit\"\n          [title]=\"'Resource.Hub.EditTagsTooltip' | transloco\"\n          [attr.aria-label]=\"'Resource.Hub.EditTagsTooltip' | transloco\"\n          (click)=\"navigateToTagList()\" (keydown.enter)=\"navigateToTagList()\">\n          <i class=\"fa fa-edit\" aria-hidden=\"true\"></i>\n        </button>\n      }\n    </div>\n  </div>\n</section>\n\n<div class=\"hub-shell\">\n  <nav class=\"hub-chips\" aria-label=\"Resource categories\">\n    <button type=\"button\" class=\"hub-chip hub-chip--all\"\n      [class.hub-chip--selected]=\"selectedTags.length === 0\"\n      (click)=\"getPosts(1, 20, true)\" (keydown.enter)=\"getPosts(1, 20, true)\">\n      <span class=\"hub-chip__dot\" aria-hidden=\"true\"></span>\n      <span class=\"hub-chip__label\">{{ 'Resource.Hub.AllResources' | transloco }}</span>\n      @if (objectCount) { <span class=\"hub-chip__count\">{{ objectCount }}</span> }\n    </button>\n    @for (tag of tags; track tag.id) {\n      <button type=\"button\" class=\"hub-chip\"\n        [class.hub-chip--selected]=\"isSelected(tag.id)\"\n        (click)=\"tagPost(tag)\" (keydown.enter)=\"tagPost(tag)\">\n        <span class=\"hub-chip__dot\" [attr.data-cat]=\"tag.id % 6\" aria-hidden=\"true\"></span>\n        <span class=\"hub-chip__label\">{{ tag.name }}</span>\n      </button>\n    }\n  </nav>\n\n  @if (loading && !loaded) {\n    <div class=\"hub-loading\"><p-progressSpinner strokeWidth=\"2\"></p-progressSpinner></div>\n  }\n\n  @if (posts?.length && !loading) {\n    <ul class=\"hub-grid\" role=\"list\">\n      @for (post of data; track post.id; let i = $index) {\n        <li class=\"hub-post\" [style.--reveal-delay.ms]=\"i * 40\">\n          <pw-resource-edit-card-lazy [canEdit]=\"canEditResourcesValue\" [id]=\"post?.id\"\n            [resourceData]=\"post\" (updated)=\"getPosts(1, pageSize)\"></pw-resource-edit-card-lazy>\n\n          <a class=\"hub-post__media\" [routerLink]=\"['/resources/view', post.slug]\"\n            [attr.aria-label]=\"post.title\"\n            [attr.data-cat]=\"(post?.tags?.[0]?.id || 0) % 6\">\n            @if (post.picture?.url && !post.picture.url.includes('default-photo')) {\n              <img [src]=\"post.picture?.url\" alt=\"\" loading=\"lazy\" class=\"hub-post__image\" />\n            } @else {\n              <span class=\"hub-post__glyph\" aria-hidden=\"true\">\n                {{ (post.title?.[0] || '?').toUpperCase() }}\n              </span>\n              @if (post?.tags?.[0]?.icon_name) {\n                <i class=\"fa hub-post__icon\" [ngClass]=\"post.tags[0].icon_name\" aria-hidden=\"true\"></i>\n              }\n            }\n          </a>\n\n          <div class=\"hub-post__body\">\n            @if (post?.tags?.[0]) {\n              <p class=\"hub-post__eyebrow\" [attr.data-cat]=\"post.tags[0].id % 6\">\n                <span class=\"hub-post__dot\" aria-hidden=\"true\"></span>\n                {{ post.tags[0].name }}\n              </p>\n            }\n            <h2 class=\"hub-post__title\" [routerLink]=\"['/resources/view', post.slug]\">{{ post.title }}</h2>\n            <p class=\"hub-post__excerpt\">{{ post.blurb || (post.body | removeHtml: 'quill' | textTruncate: 140) }}</p>\n            <div class=\"hub-post__foot\">\n              @if (post.author?.avatar?.[0]?.url) {\n                <img class=\"hub-post__avatar\" [src]=\"post.author.avatar[0].url\" alt=\"\" />\n              } @else {\n                <span class=\"hub-post__avatar hub-post__avatar--text\" aria-hidden=\"true\">{{ (post.author?.first_name?.[0] || '?').toUpperCase() }}</span>\n              }\n              <div class=\"hub-post__author-meta\">\n                <span class=\"hub-post__author-name\">{{ post.author?.first_name }}</span>\n                <span class=\"hub-post__author-sub\">\n                  <time [attr.datetime]=\"post.published_at\">{{ post.published_at | date: 'd MMM' }}</time>\n                  <span class=\"hub-post__sep\" aria-hidden=\"true\">·</span>\n                  <span class=\"hub-post__rt\">{{ thisPostReadingTime(post.body) }}</span>\n                </span>\n              </div>\n              <span class=\"hub-post__views\" [title]=\"'Resource.Hub.ViewCount' | transloco: { count: post.view ?? 0 }\">\n                {{ post.view ?? 0 }}\n              </span>\n            </div>\n          </div>\n        </li>\n      }\n    </ul>\n  }\n\n  @if (!posts?.length && loaded) {\n    <div class=\"hub-empty\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Resource.NoDataMessage' | transloco\"></pw-no-data>\n    </div>\n  }\n</div>\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            preload: false\n        }\n    }\n];\n\n@NgModule({\n    declarations: [ResourceHubComponent],\n    imports: [ResourceSharedModule, RouterModule.forChild(routes)]\n})\nexport class ResourceHubModule {}\n"],"names":["i1.ResourceService","i4","i5","i6","i7.ResourceEditCardLazyComponent","i9","i10","i15"],"mappings":"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"}