@samline/notify 1.0.2 → 2.0.0

package/dist/vue/index.js

@@ -0,0 +1,110 @@
+function __insertCSS(code) {
+  if (!code || typeof document == 'undefined') return
+  let head = document.head || document.getElementsByTagName('head')[0]
+  let style = document.createElement('style')
+  style.type = 'text/css'
+  head.appendChild(style)
+  ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
+}
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var indexClient = require('./index-client-DbXbWMIe.js');
+
+const toasterProps = {
+    id: String,
+    theme: String,
+    position: String,
+    expand: Boolean,
+    duration: Number,
+    gap: Number,
+    visibleToasts: Number,
+    closeButton: Boolean,
+    className: String,
+    offset: [
+        Object,
+        String,
+        Number
+    ],
+    mobileOffset: [
+        Object,
+        String,
+        Number
+    ],
+    dir: String,
+    richColors: Boolean,
+    customAriaLabel: String,
+    containerAriaLabel: String
+};
+function cleanOptions(options) {
+    const nextOptions = {};
+    for(const key in options){
+        if (Object.prototype.hasOwnProperty.call(options, key) && options[key] !== undefined) {
+            nextOptions[key] = options[key];
+        }
+    }
+    return nextOptions;
+}
+const Toaster = vue.defineComponent({
+    name: 'NotifyToaster',
+    props: toasterProps,
+    setup (props) {
+        let mounted = false;
+        const sync = ()=>{
+            const options = cleanOptions({
+                id: props.id,
+                theme: props.theme,
+                position: props.position,
+                expand: props.expand,
+                duration: props.duration,
+                gap: props.gap,
+                visibleToasts: props.visibleToasts,
+                closeButton: props.closeButton,
+                className: props.className,
+                offset: props.offset,
+                mobileOffset: props.mobileOffset,
+                dir: props.dir,
+                richColors: props.richColors,
+                customAriaLabel: props.customAriaLabel,
+                containerAriaLabel: props.containerAriaLabel
+            });
+            indexClient.createToaster(options);
+        };
+        vue.onMounted(()=>{
+            mounted = true;
+            sync();
+        });
+        vue.watch(()=>({
+                ...props
+            }), ()=>{
+            if (!mounted) return;
+            sync();
+        }, {
+            deep: true
+        });
+        vue.onBeforeUnmount(()=>{
+            indexClient.destroyToaster();
+            mounted = false;
+        });
+        return ()=>vue.h('span', {
+                'data-notify-vue-toaster': '',
+                hidden: true,
+                'aria-hidden': 'true'
+            });
+    }
+});
+const NotifyPlugin = {
+    install (app) {
+        app.component('NotifyToaster', Toaster);
+        app.config.globalProperties.$toast = indexClient.toast;
+        app.provide('notify:toast', indexClient.toast);
+    }
+};
+
+exports.createToaster = indexClient.createToaster;
+exports.destroyToaster = indexClient.destroyToaster;
+exports.getToaster = indexClient.getToaster;
+exports.toast = indexClient.toast;
+exports.NotifyPlugin = NotifyPlugin;
+exports.Toaster = Toaster;

package/dist/vue/index.mjs

@@ -0,0 +1,104 @@
+function __insertCSS(code) {
+  if (!code || typeof document == 'undefined') return
+  let head = document.head || document.getElementsByTagName('head')[0]
+  let style = document.createElement('style')
+  style.type = 'text/css'
+  head.appendChild(style)
+  ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
+}
+
+import { defineComponent, onMounted, watch, onBeforeUnmount, h } from 'vue';
+import { d as destroyToaster, c as createToaster, t as toast } from './index-client-Dj_WfPK9.mjs';
+export { g as getToaster } from './index-client-Dj_WfPK9.mjs';
+
+const toasterProps = {
+    id: String,
+    theme: String,
+    position: String,
+    expand: Boolean,
+    duration: Number,
+    gap: Number,
+    visibleToasts: Number,
+    closeButton: Boolean,
+    className: String,
+    offset: [
+        Object,
+        String,
+        Number
+    ],
+    mobileOffset: [
+        Object,
+        String,
+        Number
+    ],
+    dir: String,
+    richColors: Boolean,
+    customAriaLabel: String,
+    containerAriaLabel: String
+};
+function cleanOptions(options) {
+    const nextOptions = {};
+    for(const key in options){
+        if (Object.prototype.hasOwnProperty.call(options, key) && options[key] !== undefined) {
+            nextOptions[key] = options[key];
+        }
+    }
+    return nextOptions;
+}
+const Toaster = defineComponent({
+    name: 'NotifyToaster',
+    props: toasterProps,
+    setup (props) {
+        let mounted = false;
+        const sync = ()=>{
+            const options = cleanOptions({
+                id: props.id,
+                theme: props.theme,
+                position: props.position,
+                expand: props.expand,
+                duration: props.duration,
+                gap: props.gap,
+                visibleToasts: props.visibleToasts,
+                closeButton: props.closeButton,
+                className: props.className,
+                offset: props.offset,
+                mobileOffset: props.mobileOffset,
+                dir: props.dir,
+                richColors: props.richColors,
+                customAriaLabel: props.customAriaLabel,
+                containerAriaLabel: props.containerAriaLabel
+            });
+            createToaster(options);
+        };
+        onMounted(()=>{
+            mounted = true;
+            sync();
+        });
+        watch(()=>({
+                ...props
+            }), ()=>{
+            if (!mounted) return;
+            sync();
+        }, {
+            deep: true
+        });
+        onBeforeUnmount(()=>{
+            destroyToaster();
+            mounted = false;
+        });
+        return ()=>h('span', {
+                'data-notify-vue-toaster': '',
+                hidden: true,
+                'aria-hidden': 'true'
+            });
+    }
+});
+const NotifyPlugin = {
+    install (app) {
+        app.component('NotifyToaster', Toaster);
+        app.config.globalProperties.$toast = toast;
+        app.provide('notify:toast', toast);
+    }
+};
+
+export { NotifyPlugin, Toaster, createToaster, destroyToaster, toast };