@haiilo/catalyst 0.5.12 → 0.6.0

package/dist/components/cat-toast-demo.js

@@ -0,0 +1,84 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { N as NotificationsService } from './cat-notification.js';
+import { d as defineCustomElement$4 } from './cat-button2.js';
+import { d as defineCustomElement$3 } from './cat-icon2.js';
+import { d as defineCustomElement$2 } from './cat-spinner2.js';
+
+const catToastDemoCss = ":host{display:block}";
+
+const CatToastDemo$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  render() {
+    return h("cat-button", { onClick: this.onClick.bind(this) }, "Show Notifications");
+  }
+  onClick() {
+    const infoOptions = {
+      position: 'top-left'
+    };
+    const errorOptions = {
+      position: 'top-center',
+      type: 'error'
+    };
+    const errorOptions2 = {
+      position: 'bottom-left',
+      type: 'error'
+    };
+    const successOptions3 = {
+      position: 'bottom-right',
+      type: 'success'
+    };
+    const template = document.createElement('template');
+    template.innerHTML = `<div style="padding: 7px 30px 7px 10px">Custom HTML Node Content</div>`;
+    const successOptions4 = {
+      position: 'bottom-right',
+      type: 'success',
+      content: template.content.firstChild
+    };
+    NotificationsService.error('Default Click');
+    NotificationsService.error('Long default title, long default title, long default title, long default title');
+    NotificationsService.info('Info Click', 'Info message', infoOptions);
+    NotificationsService.success('', ' ', successOptions4);
+    NotificationsService.error('Error Title', ' ', errorOptions);
+    NotificationsService.error('Error 2 Title', 'Very long message, Very long message, Very long message, Very long message, Very long message, Very long message, Very long message, Very long message, Very long message, Very long message,Very long message, Very long message, Very long message, Very long message, Very long message, ', errorOptions2);
+    NotificationsService.success('Success Title - very long title without message', ' ', successOptions3);
+  }
+  static get style() { return catToastDemoCss; }
+}, [0, "cat-toast-demo"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["cat-toast-demo", "cat-button", "cat-icon", "cat-spinner"];
+  components.forEach(tagName => { switch (tagName) {
+    case "cat-toast-demo":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, CatToastDemo$1);
+      }
+      break;
+    case "cat-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "cat-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "cat-spinner":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const CatToastDemo = CatToastDemo$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { CatToastDemo, defineCustomElement };
+
+//# sourceMappingURL=cat-toast-demo.js.map

package/dist/components/cat-toast-demo.js.map

@@ -0,0 +1 @@
+{"file":"cat-toast-demo.js","mappings":";;;;;;AAAA,MAAM,eAAe,GAAG,sBAAsB;;MCYjCA,cAAY;;;;;EACvB,MAAM;IACJ,OAAO,kBAAY,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,yBAAiC,CAAC;GACtF;EAEO,OAAO;IACb,MAAM,WAAW,GAA0B;MACzC,QAAQ,EAAE,UAAU;KACrB,CAAC;IACF,MAAM,YAAY,GAA0B;MAC1C,QAAQ,EAAE,YAAY;MACtB,IAAI,EAAE,OAAO;KACd,CAAC;IACF,MAAM,aAAa,GAA0B;MAC3C,QAAQ,EAAE,aAAa;MACvB,IAAI,EAAE,OAAO;KACd,CAAC;IACF,MAAM,eAAe,GAA0B;MAC7C,QAAQ,EAAE,cAAc;MACxB,IAAI,EAAE,SAAS;KAChB,CAAC;IACF,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACpD,QAAQ,CAAC,SAAS,GAAG,wEAAwE,CAAC;IAC9F,MAAM,eAAe,GAA0B;MAC7C,QAAQ,EAAE,cAAc;MACxB,IAAI,EAAE,SAAS;MACf,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,UAAyB;KACpD,CAAC;IAEF,oBAAoB,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAC5C,oBAAoB,CAAC,KAAK,CAAC,gFAAgF,CAAC,CAAC;IAC7G,oBAAoB,CAAC,IAAI,CAAC,YAAY,EAAE,cAAc,EAAE,WAAW,CAAC,CAAC;IACrE,oBAAoB,CAAC,OAAO,CAAC,EAAE,EAAE,GAAG,EAAE,eAAe,CAAC,CAAC;IACvD,oBAAoB,CAAC,KAAK,CAAC,aAAa,EAAE,GAAG,EAAE,YAAY,CAAC,CAAC;IAC7D,oBAAoB,CAAC,KAAK,CACxB,eAAe,EACf,8RAA8R,EAC9R,aAAa,CACd,CAAC;IACF,oBAAoB,CAAC,OAAO,CAAC,iDAAiD,EAAE,GAAG,EAAE,eAAe,CAAC,CAAC;GACvG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["CatToastDemo"],"sources":["./src/components/cat-toast-demo/cat-toast-demo.scss?tag=cat-toast-demo","./src/components/cat-toast-demo/cat-toast-demo.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, h } from '@stencil/core';\nimport { NotificationsService, ToastOptions } from '../cat-notification/cat-notification';\n\n/**\n * Toast Component Demo\n *\n * @part toast - The content of the toast.\n */\n@Component({\n  tag: 'cat-toast-demo',\n  styleUrl: 'cat-toast-demo.scss'\n})\nexport class CatToastDemo {\n  render() {\n    return <cat-button onClick={this.onClick.bind(this)}>Show Notifications</cat-button>;\n  }\n\n  private onClick() {\n    const infoOptions: Partial<ToastOptions> = {\n      position: 'top-left'\n    };\n    const errorOptions: Partial<ToastOptions> = {\n      position: 'top-center',\n      type: 'error'\n    };\n    const errorOptions2: Partial<ToastOptions> = {\n      position: 'bottom-left',\n      type: 'error'\n    };\n    const successOptions3: Partial<ToastOptions> = {\n      position: 'bottom-right',\n      type: 'success'\n    };\n    const template = document.createElement('template');\n    template.innerHTML = `<div style=\"padding: 7px 30px 7px 10px\">Custom HTML Node Content</div>`;\n    const successOptions4: Partial<ToastOptions> = {\n      position: 'bottom-right',\n      type: 'success',\n      content: template.content.firstChild as HTMLElement\n    };\n\n    NotificationsService.error('Default Click');\n    NotificationsService.error('Long default title, long default title, long default title, long default title');\n    NotificationsService.info('Info Click', 'Info message', infoOptions);\n    NotificationsService.success('', ' ', successOptions4);\n    NotificationsService.error('Error Title', ' ', errorOptions);\n    NotificationsService.error(\n      'Error 2 Title',\n      'Very long message, Very long message, Very long message, Very long message, Very long message, Very long message, Very long message, Very long message, Very long message, Very long message,Very long message, Very long message, Very long message, Very long message, Very long message, ',\n      errorOptions2\n    );\n    NotificationsService.success('Success Title - very long title without message', ' ', successOptions3);\n  }\n}\n"],"version":3}

package/dist/components/index.js

@@ -3,6 +3,7 @@ import { C as CatI18nRegistry } from './cat-i18n-registry.js';
 export { C as CatI18nRegistry } from './cat-i18n-registry.js';
 import { C as CatIconRegistry } from './cat-icon-registry.js';
 export { C as CatIconRegistry } from './cat-icon-registry.js';
+export { N as NotificationsService } from './cat-notification.js';
 
 /* 🤖 this file was generated by svg-to-ts */
 const ci = {