@genesislcap/pbc-notify-ui 1.0.37 → 1.0.38

package/dist/dts/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.d.ts

@@ -1,2 +1,4 @@
+/** Class to use when there are no items */
+export declare const noItemsClass = "no-items";
 export declare const FoundationInboxCounterStyles: import("@microsoft/fast-element").ElementStyles;
 //# sourceMappingURL=foundation-inbox-counter.styles.d.ts.map

package/dist/dts/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"foundation-inbox-counter.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,4BAA4B,iDAkBxC,CAAC"}
+{"version":3,"file":"foundation-inbox-counter.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"],"names":[],"mappings":"AAIA,2CAA2C;AAC3C,eAAO,MAAM,YAAY,aAAa,CAAC;AAEvC,eAAO,MAAM,4BAA4B,iDAsBxC,CAAC"}

package/dist/dts/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"foundation-inbox-counter.template.d.ts","sourceRoot":"","sources":["../../../../../../src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAIzE,eAAO,MAAM,8BAA8B,6EAO1C,CAAC"}
+{"version":3,"file":"foundation-inbox-counter.template.d.ts","sourceRoot":"","sources":["../../../../../../src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAKzE,eAAO,MAAM,8BAA8B,6EAS1C,CAAC"}

package/dist/esm/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.js

@@ -1,5 +1,7 @@
 import { css } from '@genesislcap/web-core';
 const BACKGROUND_COLOR = '#EF5547';
+/** Class to use when there are no items */
+export const noItemsClass = 'no-items';
 export const FoundationInboxCounterStyles = css `
   :host {
     display: inline-block;
@@ -18,4 +20,8 @@ export const FoundationInboxCounterStyles = css `
   .hidden {
     visibility: hidden;
   }
+
+  :host(.${noItemsClass}) {
+    display: none;
+  }
 `;

package/dist/esm/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.js

@@ -1,7 +1,10 @@
-import { html, when } from '@genesislcap/web-core';
+import { classNames, html, when } from '@genesislcap/web-core';
+import { noItemsClass } from './foundation-inbox-counter.styles';
 const MAX_NUMBER_TO_DISPLAY = 99;
 export const FoundationInboxCounterTemplate = html `
-  ${when((x) => x.value > 0, html `
-      ${(x) => (x.value > MAX_NUMBER_TO_DISPLAY ? `${MAX_NUMBER_TO_DISPLAY}+` : x.value)}
-    `)}
+  <template class="${(x) => classNames([noItemsClass, x.value < 1])}">
+    ${when((x) => x.value > 0, html `
+        ${(x) => (x.value > MAX_NUMBER_TO_DISPLAY ? `${MAX_NUMBER_TO_DISPLAY}+` : x.value)}
+      `)}
+  </template>
 `;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/pbc-notify-ui",
   "description": "Genesis PBC Notify UI",
-  "version": "1.0.37",
+  "version": "1.0.38",
   "license": "SEE LICENSE IN license.txt",
   "workspaces": [
     "client"