@hulkapps/app-manager-vue 1.0.2 → 2.0.2

package/src/components/polaris-vue/src/components/PToggle/PToggle.vue

@@ -0,0 +1,81 @@
+<template>
+    <div :class="propsClass">
+        <label class="switch" :style="label ? 'margin-right:3px' : ''">
+            <input type="checkbox" :id="id" :value="value" :checked="disabled ? false : checked" :disabled="disabled"
+                   @change="onChange">
+            <span class="slider round"></span>
+        </label>
+        <!--
+          @slot Label
+          @type String
+        -->
+        <slot v-if="$slots.label" name="label"/>
+        <template v-else>{{ label }}</template>
+    </div>
+</template>
+
+<script>
+
+    /**
+     * <br/>
+     * <h4 style="font-family: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue,
+     *  sans-serif;">The `p-toggle` component provides users the ability to choose between two distinct values. These are
+     *  very similar to a switch, or on/off switch, though aesthetically different than a checkbox.</h4>
+     */
+    export default {
+        name: 'PToggle',
+        props: {
+            /**
+             * Label of toggle.
+             */
+            label: {
+                type: String,
+                default: null,
+            },
+            /**
+             * ID of toggle.
+             */
+            id: {
+                type: [String, Number],
+                default: `PolarisTextField${new Date().getUTCMilliseconds()}`,
+            },
+            /**
+             * propsClass of toggle.
+             */
+            propsClass: {
+                type: String,
+                default: null,
+            },
+            /**
+             * Value of toggle.
+             */
+            value: {
+                type: [String, Boolean, Number],
+            },
+            /**
+             * Set true for disable.
+             */
+            disabled: {
+                type: Boolean,
+                default: false,
+            },
+            /**
+             * Defined if toggle enabled/disabled.
+             */
+            checked: {
+                type: Boolean,
+                default: false,
+            },
+        },
+        methods: {
+            onChange(e) {
+                const target = e.target || e.srcElement;
+                /**
+                 * On change event handler
+                 * @param e
+                 */
+                this.$emit('change', {checked: target.checked, value: target.value});
+            },
+        },
+    }
+</script>

package/src/components/polaris-vue/src/components/PUnstyledLink/PUnstyledLink.vue

@@ -0,0 +1,67 @@
+<template>
+    <component
+        :is="(to ? 'router-link' : 'a')"
+        :href="url"
+        :to="to"
+        :target="target"
+        :rel="rel"
+        :download="download"
+        v-bind="$attrs"
+        v-on="$listeners"
+    >
+        <!-- @slot The content to display inside the link -->
+        <slot/>
+    </component>
+</template>
+
+<script>
+    /**
+     * <br/>
+     * <h4 style="font-family: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue,
+     *  sans-serif;">UnstyledLink take users to another place, and usually appear within or directly following a sentence.
+     *  Similar to Link.
+     *  </h4>
+     */
+    export default {
+        name: 'PUnstyledLink',
+        props: {
+            /**
+             * Set to for router link
+             */
+            to: {
+                type: [String, Object],
+                default: null,
+            },
+            /**
+             * Set url for URL
+             */
+            url: {
+                type: String,
+                delay: undefined,
+            },
+            /**
+             * Set true for open URL in new tab
+             */
+            external: {
+                type: Boolean,
+                default: false,
+            },
+            /**
+             * Makes the browser download the url instead of opening it. Provides a hint for the downloaded filename
+             * if it is a string value
+             */
+            download: {
+                type: [Boolean, String],
+                default: false,
+            },
+        },
+        computed: {
+            target() {
+                return this.external ? '_blank' : undefined;
+            },
+            rel() {
+                return this.external ? 'noopener noreferrer' : undefined;
+            },
+        },
+    }
+</script>