npm - @indice/ng-components - Versions diffs - 0.2.167-beta.0 → 0.2.167-beta.1 - Mend

@indice/ng-components 0.2.167-beta.0 → 0.2.167-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/bundles/indice-ng-components.umd.js CHANGED Viewed

@@ -3039,7 +3039,7 @@
         return NotificationsIndicatorComponent;
     }());
     NotificationsIndicatorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: NotificationsIndicatorComponent, deps: [{ token: APP_NOTIFICATIONS }, { token: APP_LINKS }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    NotificationsIndicatorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: NotificationsIndicatorComponent, selector: "lib-notifications-indicator", ngImport: i0__namespace, template: "<div class=\"relative\"\r\n(clickOutside)=\"onClickOutside($event)\">\r\n  <!-- Notifications Button -->\r\n  <button type=\"button\"\r\n          (click)=\"doInboxAction()\"\r\n          aria-expanded=\"false\"\r\n          aria-haspopup=\"true\">\r\n    <span class=\"sr-only\">View notifications</span>\r\n    <span class=\"avatar-container\">\r\n      <span class=\"avatar-text\">\r\n        <i class=\"ms-Icon hover:text-blue-400\"\r\n          [class.ms-Icon--MessageFill]=\"unreadCount > 0\"\r\n          [class.text-sky-400]=\"unreadCount > 0\"\r\n          [class.animate-notification]=\"newArrival\"\r\n          [class.ms-Icon--Message]=\"unreadCount === 0\">\r\n        </i>\r\n      </span>\r\n      <span\r\n        *ngIf=\"unreadCount > 0\"\r\n        [class.animate-pulse]=\"newArrival\"\r\n        class=\"absolute top-0 right-0 inline-flex items-center justify-center -mt-1 ml-1 text-xs leading-none text-gray-100 ordinal\">\r\n        {{ unreadCount }}\r\n      </span>\r\n    </span>\r\n  </button>\r\n\r\n  <!-- Notifications dropdown -->\r\n  <div *ngIf=\"menuExpanded\" class=\"header-notifications-dropdown-with-username\" role=\"menu\" aria-orientation=\"vertical\" aria-labelledby=\"messages-menu\">\r\n    <div class=\"max-h-64 overflow-y-auto notification-messages min-h\">\r\n      <ng-container *ngIf=\"!items; else messagesDropDown\" class=\"py-5\">\r\n        <div class=\"notifications-nav-link hover:bg-transparent\">\u0394\u03B5\u03BD \u03AD\u03C7\u03B5\u03C4\u03B5 \u03BD\u03AD\u03B5\u03C2 \u03B5\u03B9\u03B4\u03BF\u03C0\u03BF\u03B9\u03AE\u03C3\u03B5\u03B9\u03C2</div>\r\n      </ng-container>\r\n      <ng-template #messagesDropDown>\r\n        <ul class=\"pr-1.5\">\r\n          <ng-container *ngIf=\"items; else loading\">\r\n            <ng-container *ngIf=\"items.length <= 0\" class=\"py-5\">\r\n              <div class=\"notifications-nav-link hover:bg-transparent\">\u0394\u03B5\u03BD \u03AD\u03C7\u03B5\u03C4\u03B5 \u03BD\u03AD\u03B5\u03C2 \u03B5\u03B9\u03B4\u03BF\u03C0\u03BF\u03B9\u03AE\u03C3\u03B5\u03B9\u03C2</div>\r\n            </ng-container>\r\n            <ng-container *ngFor=\"let message of items; let i = index\">\r\n              <li class=\"mb-2\" [ngClass]=\"{ 'border-l-2 border-blue-500 bg-blue-50 hover:bg-blue-50': !message.data.isRead }\">\r\n                <div class=\"flex justify-between\">\r\n                  <div class=\"flex-grow\">\r\n                    <a\r\n                      [routerLink]=\"message.path\"\r\n                      (click)=\"removeItem(i)\"\r\n                      class=\"notifications-nav-link grid\"\r\n                      [ngClass]=\"!message.data.isRead ? ' hover:bg-blue-50' : 'border-b border-gray-100'\"\r\n                    >\r\n                      <div class=\"flex flex-col\">\r\n                        <div class=\"font-thin tracking-tighter\">\r\n                          {{ message.data.creationDate | date: \"EEE, d MMMM\" }}\r\n                        </div>\r\n                        <div class=\"font-bold\">\r\n                          {{ message.data.text }}\r\n                        </div>\r\n                      </div>\r\n                    </a>\r\n                  </div>\r\n                </div>\r\n              </li>\r\n            </ng-container>\r\n          </ng-container>\r\n\r\n          <ng-template #loading>\r\n            <div class=\"h-32 flex items-center justify-center\">\r\n              <div class=\"animate-pulse text-s text-gray-600\">Loading...</div>\r\n            </div>\r\n          </ng-template>\r\n        </ul>\r\n      </ng-template>\r\n    </div>\r\n    <div class=\"p-1 rounded-sm\">\r\n      <a [routerLink]=\"allNotificationsLink!.path\">\r\n        <button type=\"button\" class=\"header-notifications-dropdown-view-all-button\">{{allNotificationsLink!.text}}</button>\r\n      </a>\r\n    </div>\r\n  </div>\r\n</div>\r\n", directives: [{ type: ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }, { type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }], pipes: { "date": i1__namespace.DatePipe } });
+    NotificationsIndicatorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: NotificationsIndicatorComponent, selector: "lib-notifications-indicator", ngImport: i0__namespace, template: "<div class=\"relative\"\r\n(clickOutside)=\"onClickOutside($event)\">\r\n  <!-- Notifications Button -->\r\n  <button type=\"button\"\r\n          (click)=\"doInboxAction()\"\r\n          aria-expanded=\"false\"\r\n          aria-haspopup=\"true\">\r\n    <span class=\"sr-only\">View notifications</span>\r\n    <span class=\"avatar-container\">\r\n      <span class=\"avatar-text\">\r\n        <i class=\"ms-Icon hover:text-blue-400\"\r\n          [class.ms-Icon--MessageFill]=\"unreadCount > 0\"\r\n          [class.text-sky-400]=\"unreadCount > 0\"\r\n          [class.animate-notification]=\"newArrival\"\r\n          [class.ms-Icon--Message]=\"unreadCount === 0\">\r\n        </i>\r\n      </span>\r\n      <span\r\n        *ngIf=\"unreadCount > 0\"\r\n        [class.animate-pulse]=\"newArrival\"\r\n        class=\"absolute top-0 right-0 inline-flex items-center justify-center -mt-1 ml-1 text-xs leading-none text-gray-100 ordinal\">\r\n        {{ unreadCount }}\r\n      </span>\r\n    </span>\r\n  </button>\r\n\r\n  <!-- Notifications dropdown -->\r\n  <div *ngIf=\"menuExpanded\" class=\"header-notifications-dropdown-with-username\" role=\"menu\" aria-orientation=\"vertical\" aria-labelledby=\"messages-menu\">\r\n    <div class=\"max-h-64 overflow-y-auto notification-messages min-h\">\r\n      <ng-container *ngIf=\"!items; else messagesDropDown\" class=\"py-5\">\r\n        <div class=\"notifications-nav-link hover:bg-transparent\">\u0394\u03B5\u03BD \u03AD\u03C7\u03B5\u03C4\u03B5 \u03BD\u03AD\u03B5\u03C2 \u03B5\u03B9\u03B4\u03BF\u03C0\u03BF\u03B9\u03AE\u03C3\u03B5\u03B9\u03C2</div>\r\n      </ng-container>\r\n      <ng-template #messagesDropDown>\r\n        <ul class=\"pr-1.5\">\r\n          <ng-container *ngIf=\"items; else loading\">\r\n            <ng-container *ngIf=\"items.length <= 0\" class=\"py-5\">\r\n              <div class=\"notifications-nav-link hover:bg-transparent\">\u0394\u03B5\u03BD \u03AD\u03C7\u03B5\u03C4\u03B5 \u03BD\u03AD\u03B5\u03C2 \u03B5\u03B9\u03B4\u03BF\u03C0\u03BF\u03B9\u03AE\u03C3\u03B5\u03B9\u03C2</div>\r\n            </ng-container>\r\n            <ng-container *ngFor=\"let message of items; let i = index\">\r\n              <li class=\"mb-2\" [ngClass]=\"{ 'border-l-2 border-blue-500 bg-blue-50 hover:bg-blue-50': !message.data.isRead }\">\r\n                <div class=\"flex justify-between\">\r\n                  <div class=\"flex-grow\">\r\n                    <a\r\n                      [routerLink]=\"message.path\"\r\n                      (click)=\"removeItem(i)\"\r\n                      class=\"notifications-nav-link grid\"\r\n                      [ngClass]=\"!message.data.isRead ? ' hover:bg-blue-50' : 'border-b border-gray-100'\"\r\n                    >\r\n                      <div class=\"flex flex-col\">\r\n                        <div class=\"font-thin tracking-tighter\">\r\n                          {{ message.data.creationDate | date: \"EEE, d MMMM\" }}\r\n                        </div>\r\n                        <div class=\"font-bold\">\r\n                          {{ message.data.text }}\r\n                        </div>\r\n                      </div>\r\n                    </a>\r\n                  </div>\r\n                </div>\r\n              </li>\r\n            </ng-container>\r\n          </ng-container>\r\n\r\n          <ng-template #loading>\r\n            <div class=\"h-32 flex items-center justify-center\">\r\n              <div class=\"animate-pulse text-s text-gray-600\">Loading...</div>\r\n            </div>\r\n          </ng-template>\r\n        </ul>\r\n      </ng-template>\r\n    </div>\r\n    <div class=\"p-1 rounded-sm\">\r\n      <a [routerLink]=\"allNotificationsLink!.path\" (click)=\"onClickOutside($event)\">\r\n        <button type=\"button\" class=\"header-notifications-dropdown-view-all-button\">{{allNotificationsLink!.text}}</button>\r\n      </a>\r\n    </div>\r\n  </div>\r\n</div>\r\n", directives: [{ type: ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }, { type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }], pipes: { "date": i1__namespace.DatePipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: NotificationsIndicatorComponent, decorators: [{
                 type: i0.Component,
                 args: [{