@awc-ui/vue 1.0.0-beta.9 → 1.0.1

package/dist/runtime.js

@@ -0,0 +1,178 @@
+// Hand-owned Vue adapter. Generated proxies import this through withVueRuntime.
+// @ts-nocheck
+// It's easier and safer for Volar to disable typechecking and let the return type inference do its job.
+import { defineComponent, getCurrentInstance, h, inject, ref } from 'vue';
+const UPDATE_VALUE_EVENT = 'update:modelValue';
+const MODEL_VALUE = 'modelValue';
+const ROUTER_LINK_VALUE = 'routerLink';
+const NAV_MANAGER = 'navManager';
+const ROUTER_PROP_PREFIX = 'router';
+const ARIA_PROP_PREFIX = 'aria';
+/**
+ * Starting in Vue 3.1.0, all properties are
+ * added as keys to the props object, even if
+ * they are not being used. In order to correctly
+ * account for both value props and v-model props,
+ * we need to check if the key exists for Vue <3.1.0
+ * and then check if it is not undefined for Vue >= 3.1.0.
+ * See https://github.com/vuejs/vue-next/issues/3889
+ */
+const EMPTY_PROP = Symbol();
+const DEFAULT_EMPTY_PROP = { default: EMPTY_PROP };
+const getComponentClasses = (classes) => {
+    return classes?.split(' ') || [];
+};
+const getElementClasses = (ref, componentClasses, defaultClasses = []) => {
+    return [...Array.from(ref.value?.classList || []), ...defaultClasses].filter((c, i, self) => !componentClasses.has(c) && self.indexOf(c) === i);
+};
+/**
+ * Create a callback to define a Vue component wrapper around a Web Component.
+ *
+ * @prop name - The component tag name (i.e. `ion-button`)
+ * @prop componentProps - An array of properties on the
+ * component. These usually match up with the @Prop definitions
+ * in each component's TSX file.
+ * @prop customElement - An option custom element instance to pass
+ * to customElements.define. Only set if `includeImportCustomElements: true` in your config.
+ * @prop modelProp - The prop that v-model binds to (i.e. value)
+ * @prop modelUpdateEvent - The event that is fired from your Web Component when the value changes (i.e. ionChange)
+ */
+export const defineContainer = (name, defineCustomElement, componentProps = [], modelProp, modelUpdateEvent) => {
+    /**
+     * Create a Vue component wrapper around a Web Component.
+     * Note: The `props` here are not all properties on a component.
+     * They refer to whatever properties are set on an instance of a component.
+     */
+    if (defineCustomElement !== undefined) {
+        defineCustomElement();
+    }
+    // Stencil includes both props and events in this array. AWC custom events
+    // consistently use the mdXxx prefix; ordinary component props do not.
+    const eventNames = componentProps.filter((name) => /^md[A-Z]/.test(name));
+    const propertyNames = componentProps.filter((name) => !eventNames.includes(name));
+    const Container = defineComponent((props, { attrs, slots, emit }) => {
+        let modelPropValue = props[modelProp];
+        const containerRef = ref();
+        const classes = new Set(getComponentClasses(attrs.class));
+        const currentInstance = getCurrentInstance();
+        const hasRouter = currentInstance?.appContext?.provides[NAV_MANAGER];
+        const navManager = hasRouter ? inject(NAV_MANAGER) : undefined;
+        const handleRouterLink = (ev) => {
+            const { routerLink } = props;
+            if (routerLink === EMPTY_PROP)
+                return;
+            if (navManager !== undefined) {
+                /**
+                 * This prevents the browser from
+                 * performing a page reload when pressing
+                 * an Ionic component with routerLink.
+                 * The page reload interferes with routing
+                 * and causes ion-back-button to disappear
+                 * since the local history is wiped on reload.
+                 */
+                ev.preventDefault();
+                let navigationPayload = { event: ev };
+                for (const key in props) {
+                    const value = props[key];
+                    if (props.hasOwnProperty(key) && key.startsWith(ROUTER_PROP_PREFIX) && value !== EMPTY_PROP) {
+                        navigationPayload[key] = value;
+                    }
+                }
+                navManager.navigate(navigationPayload);
+            }
+            else {
+                console.warn('Tried to navigate, but no router was found. Make sure you have mounted Vue Router.');
+            }
+        };
+        return () => {
+            modelPropValue = props[modelProp];
+            getComponentClasses(attrs.class).forEach((value) => {
+                classes.add(value);
+            });
+            const oldClick = props.onClick;
+            const handleClick = (ev) => {
+                if (oldClick !== undefined) {
+                    oldClick(ev);
+                }
+                if (!ev.defaultPrevented) {
+                    handleRouterLink(ev);
+                }
+            };
+            let propsToAdd = {
+                ref: containerRef,
+                class: getElementClasses(containerRef, classes),
+                onClick: handleClick,
+            };
+            /**
+             * We can use Object.entries here
+             * to avoid the hasOwnProperty check,
+             * but that would require 2 iterations
+             * where as this only requires 1.
+             */
+            for (const key in props) {
+                const value = props[key];
+                if ((props.hasOwnProperty(key) && value !== EMPTY_PROP) || key.startsWith(ARIA_PROP_PREFIX)) {
+                    propsToAdd[key] = value;
+                }
+            }
+            if (modelProp) {
+                /**
+                 * If form value property was set using v-model
+                 * then we should use that value.
+                 * Otherwise, check to see if form value property
+                 * was set as a static value (i.e. no v-model).
+                 */
+                if (props[MODEL_VALUE] !== EMPTY_PROP) {
+                    propsToAdd = {
+                        ...propsToAdd,
+                        ...(name === 'md-radio'
+                            ? { checked: props[MODEL_VALUE] != null && Object.is(props[MODEL_VALUE], props.value) }
+                            : { [modelProp]: props[MODEL_VALUE] }),
+                    };
+                }
+                else if (modelPropValue !== EMPTY_PROP) {
+                    propsToAdd = {
+                        ...propsToAdd,
+                        [modelProp]: modelPropValue,
+                    };
+                }
+            }
+            // If router link is defined, add href to props
+            // in order to properly render an anchor tag inside
+            // of components that should become activatable and
+            // focusable with router link.
+            if (props[ROUTER_LINK_VALUE] !== EMPTY_PROP) {
+                propsToAdd = {
+                    ...propsToAdd,
+                    href: props[ROUTER_LINK_VALUE],
+                };
+            }
+            for (const eventName of eventNames) {
+                // Vue's onMdInput DOM fallback listens for md-input. The on: prefix
+                // preserves the actual case-sensitive CustomEvent name instead.
+                propsToAdd[`on:${eventName}`] = (event) => {
+                    if (modelProp && eventName === modelUpdateEvent && event.target === event.currentTarget && (name !== 'md-radio' || event.target.checked)) {
+                        emit(UPDATE_VALUE_EVENT, event.target[modelProp]);
+                    }
+                    emit(eventName, event);
+                };
+            }
+            return h(name, propsToAdd, slots.default && slots.default());
+        };
+    });
+    if (typeof Container !== 'function') {
+        Container.name = name;
+        Container.props = {
+            [ROUTER_LINK_VALUE]: DEFAULT_EMPTY_PROP,
+        };
+        propertyNames.forEach((componentProp) => {
+            Container.props[componentProp] = DEFAULT_EMPTY_PROP;
+        });
+        Container.emits = [...eventNames, ...(modelProp ? [UPDATE_VALUE_EVENT] : [])];
+        if (modelProp) {
+            Container.props[MODEL_VALUE] = DEFAULT_EMPTY_PROP;
+        }
+    }
+    return Container;
+};
+//# sourceMappingURL=runtime.js.map

package/dist/runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../lib/runtime.ts"],"names":[],"mappings":"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"}

package/lib/components.ts

@@ -1,7 +1,7 @@
 /* eslint-disable */
 /* tslint:disable */
 /* auto-generated vue proxies */
-import { defineContainer } from './vue-component-lib/utils';
+import { defineContainer } from './runtime.js';
 
 import type { JSX } from '@awc-ui/core/dist/components';
 
@@ -199,7 +199,7 @@ export const MdAreaChart = /*@__PURE__*/ defineContainer<JSX.MdAreaChart>('md-ar
 ]);
 
 
-export const MdAutocomplete = /*@__PURE__*/ defineContainer<JSX.MdAutocomplete>('md-autocomplete', defineMdAutocomplete, [
+export const MdAutocomplete = /*@__PURE__*/ defineContainer<JSX.MdAutocomplete, JSX.MdAutocomplete["value"]>('md-autocomplete', defineMdAutocomplete, [
   'valueMissingLabel',
   'reserveSupportingSpace',
   'variant',
@@ -245,7 +245,8 @@ export const MdAutocomplete = /*@__PURE__*/ defineContainer<JSX.MdAutocomplete>(
   'mdClose',
   'mdClear',
   'mdValidityChange'
-]);
+],
+'value', 'mdInput');
 
 
 export const MdAvatar = /*@__PURE__*/ defineContainer<JSX.MdAvatar>('md-avatar', defineMdAvatar, [
@@ -428,7 +429,7 @@ export const MdCard = /*@__PURE__*/ defineContainer<JSX.MdCard>('md-card', defin
 ]);
 
 
-export const MdCheckbox = /*@__PURE__*/ defineContainer<JSX.MdCheckbox>('md-checkbox', defineMdCheckbox, [
+export const MdCheckbox = /*@__PURE__*/ defineContainer<JSX.MdCheckbox, JSX.MdCheckbox["checked"]>('md-checkbox', defineMdCheckbox, [
   'valueMissingLabel',
   'error',
   'errorText',
@@ -443,7 +444,8 @@ export const MdCheckbox = /*@__PURE__*/ defineContainer<JSX.MdCheckbox>('md-chec
   'density',
   'mdChange',
   'mdValidityChange'
-]);
+],
+'checked', 'mdChange');
 
 
 export const MdChip = /*@__PURE__*/ defineContainer<JSX.MdChip>('md-chip', defineMdChip, [
@@ -468,6 +470,7 @@ export const MdChip = /*@__PURE__*/ defineContainer<JSX.MdChip>('md-chip', defin
 
 
 export const MdColorPicker = /*@__PURE__*/ defineContainer<JSX.MdColorPicker>('md-color-picker', defineMdColorPicker, [
+  'locale',
   'variant',
   'value',
   'format',
@@ -486,7 +489,7 @@ export const MdColorPicker = /*@__PURE__*/ defineContainer<JSX.MdColorPicker>('m
 ]);
 
 
-export const MdDatePicker = /*@__PURE__*/ defineContainer<JSX.MdDatePicker>('md-date-picker', defineMdDatePicker, [
+export const MdDatePicker = /*@__PURE__*/ defineContainer<JSX.MdDatePicker, JSX.MdDatePicker["value"]>('md-date-picker', defineMdDatePicker, [
   'valueMissingLabel',
   'reserveSupportingSpace',
   'variant',
@@ -544,7 +547,8 @@ export const MdDatePicker = /*@__PURE__*/ defineContainer<JSX.MdDatePicker>('md-
   'mdMenuSelect',
   'mdModeChange',
   'mdValidityChange'
-]);
+],
+'value', 'mdChange');
 
 
 export const MdDialog = /*@__PURE__*/ defineContainer<JSX.MdDialog>('md-dialog', defineMdDialog, [
@@ -816,7 +820,7 @@ export const MdMeter = /*@__PURE__*/ defineContainer<JSX.MdMeter>('md-meter', de
 ]);
 
 
-export const MdMultiSelect = /*@__PURE__*/ defineContainer<JSX.MdMultiSelect>('md-multi-select', defineMdMultiSelect, [
+export const MdMultiSelect = /*@__PURE__*/ defineContainer<JSX.MdMultiSelect, JSX.MdMultiSelect["value"]>('md-multi-select', defineMdMultiSelect, [
   'valueMissingLabel',
   'reserveSupportingSpace',
   'variant',
@@ -867,7 +871,8 @@ export const MdMultiSelect = /*@__PURE__*/ defineContainer<JSX.MdMultiSelect>('m
   'mdRemove',
   'mdClear',
   'mdValidityChange'
-]);
+],
+'value', 'mdChange');
 
 
 export const MdNavigationBar = /*@__PURE__*/ defineContainer<JSX.MdNavigationBar>('md-navigation-bar', defineMdNavigationBar, [
@@ -937,7 +942,7 @@ export const MdNavigationTab = /*@__PURE__*/ defineContainer<JSX.MdNavigationTab
 ]);
 
 
-export const MdNumberField = /*@__PURE__*/ defineContainer<JSX.MdNumberField>('md-number-field', defineMdNumberField, [
+export const MdNumberField = /*@__PURE__*/ defineContainer<JSX.MdNumberField, JSX.MdNumberField["value"]>('md-number-field', defineMdNumberField, [
   'variant',
   'label',
   'placeholder',
@@ -968,7 +973,8 @@ export const MdNumberField = /*@__PURE__*/ defineContainer<JSX.MdNumberField>('m
   'mdInput',
   'mdChange',
   'mdValidityChange'
-]);
+],
+'value', 'mdChange');
 
 
 export const MdOrganizationChart = /*@__PURE__*/ defineContainer<JSX.MdOrganizationChart>('md-organization-chart', defineMdOrganizationChart, [
@@ -986,7 +992,7 @@ export const MdOrganizationChart = /*@__PURE__*/ defineContainer<JSX.MdOrganizat
 ]);
 
 
-export const MdOtpField = /*@__PURE__*/ defineContainer<JSX.MdOtpField>('md-otp-field', defineMdOtpField, [
+export const MdOtpField = /*@__PURE__*/ defineContainer<JSX.MdOtpField, JSX.MdOtpField["value"]>('md-otp-field', defineMdOtpField, [
   'length',
   'value',
   'validationType',
@@ -1013,7 +1019,8 @@ export const MdOtpField = /*@__PURE__*/ defineContainer<JSX.MdOtpField>('md-otp-
   'mdComplete',
   'mdInvalidInput',
   'mdValidityChange'
-]);
+],
+'value', 'mdInput');
 
 
 export const MdPieChart = /*@__PURE__*/ defineContainer<JSX.MdPieChart>('md-pie-chart', defineMdPieChart, [
@@ -1075,7 +1082,7 @@ export const MdProgressIndicator = /*@__PURE__*/ defineContainer<JSX.MdProgressI
 ]);
 
 
-export const MdRadio = /*@__PURE__*/ defineContainer<JSX.MdRadio>('md-radio', defineMdRadio, [
+export const MdRadio = /*@__PURE__*/ defineContainer<JSX.MdRadio, JSX.MdRadio["value"]>('md-radio', defineMdRadio, [
   'valueMissingLabel',
   'checked',
   'disabled',
@@ -1088,10 +1095,11 @@ export const MdRadio = /*@__PURE__*/ defineContainer<JSX.MdRadio>('md-radio', de
   'mdFocus',
   'mdBlur',
   'mdValidityChange'
-]);
+],
+'value', 'mdChange');
 
 
-export const MdRating = /*@__PURE__*/ defineContainer<JSX.MdRating>('md-rating', defineMdRating, [
+export const MdRating = /*@__PURE__*/ defineContainer<JSX.MdRating, JSX.MdRating["value"]>('md-rating', defineMdRating, [
   'value',
   'defaultValue',
   'max',
@@ -1111,7 +1119,8 @@ export const MdRating = /*@__PURE__*/ defineContainer<JSX.MdRating>('md-rating',
   'density',
   'mdHover',
   'mdChange'
-]);
+],
+'value', 'mdChange');
 
 
 export const MdRipple = /*@__PURE__*/ defineContainer<JSX.MdRipple>('md-ripple', defineMdRipple, [
@@ -1188,7 +1197,7 @@ export const MdSegmentedButtonSet = /*@__PURE__*/ defineContainer<JSX.MdSegmente
 ]);
 
 
-export const MdSelect = /*@__PURE__*/ defineContainer<JSX.MdSelect>('md-select', defineMdSelect, [
+export const MdSelect = /*@__PURE__*/ defineContainer<JSX.MdSelect, JSX.MdSelect["value"]>('md-select', defineMdSelect, [
   'valueMissingLabel',
   'reserveSupportingSpace',
   'variant',
@@ -1227,7 +1236,8 @@ export const MdSelect = /*@__PURE__*/ defineContainer<JSX.MdSelect>('md-select',
   'mdOpen',
   'mdClose',
   'mdValidityChange'
-]);
+],
+'value', 'mdChange');
 
 
 export const MdSelectOption = /*@__PURE__*/ defineContainer<JSX.MdSelectOption>('md-select-option', defineMdSelectOption, [
@@ -1276,7 +1286,7 @@ export const MdSkeleton = /*@__PURE__*/ defineContainer<JSX.MdSkeleton>('md-skel
 ]);
 
 
-export const MdSlider = /*@__PURE__*/ defineContainer<JSX.MdSlider>('md-slider', defineMdSlider, [
+export const MdSlider = /*@__PURE__*/ defineContainer<JSX.MdSlider, JSX.MdSlider["value"]>('md-slider', defineMdSlider, [
   'min',
   'max',
   'value',
@@ -1311,7 +1321,8 @@ export const MdSlider = /*@__PURE__*/ defineContainer<JSX.MdSlider>('md-slider',
   'mdBlur',
   'mdDragStart',
   'mdDragEnd'
-]);
+],
+'value', 'mdChange');
 
 
 export const MdSnackbar = /*@__PURE__*/ defineContainer<JSX.MdSnackbar>('md-snackbar', defineMdSnackbar, [
@@ -1451,7 +1462,7 @@ export const MdSubMenuItem = /*@__PURE__*/ defineContainer<JSX.MdSubMenuItem>('m
 ]);
 
 
-export const MdSwitch = /*@__PURE__*/ defineContainer<JSX.MdSwitch>('md-switch', defineMdSwitch, [
+export const MdSwitch = /*@__PURE__*/ defineContainer<JSX.MdSwitch, JSX.MdSwitch["selected"]>('md-switch', defineMdSwitch, [
   'valueMissingLabel',
   'selected',
   'disabled',
@@ -1467,7 +1478,8 @@ export const MdSwitch = /*@__PURE__*/ defineContainer<JSX.MdSwitch>('md-switch',
   'mdInput',
   'mdChange',
   'mdValidityChange'
-]);
+],
+'selected', 'mdChange');
 
 
 export const MdTab = /*@__PURE__*/ defineContainer<JSX.MdTab>('md-tab', defineMdTab, [
@@ -1623,6 +1635,8 @@ export const MdTableSortLabel = /*@__PURE__*/ defineContainer<JSX.MdTableSortLab
   'inactiveIcon',
   'active',
   'order',
+  'sortedAscendingLabel',
+  'sortedDescendingLabel',
   'density',
   'mdSortRequest'
 ]);
@@ -1650,7 +1664,7 @@ export const MdTabs = /*@__PURE__*/ defineContainer<JSX.MdTabs>('md-tabs', defin
 ]);
 
 
-export const MdTextField = /*@__PURE__*/ defineContainer<JSX.MdTextField>('md-text-field', defineMdTextField, [
+export const MdTextField = /*@__PURE__*/ defineContainer<JSX.MdTextField, JSX.MdTextField["value"]>('md-text-field', defineMdTextField, [
   'reserveSupportingSpace',
   'variant',
   'label',
@@ -1679,6 +1693,8 @@ export const MdTextField = /*@__PURE__*/ defineContainer<JSX.MdTextField>('md-te
   'maxLength',
   'clearable',
   'passwordToggle',
+  'showPasswordLabel',
+  'hidePasswordLabel',
   'density',
   'multiline',
   'rows',
@@ -1703,10 +1719,11 @@ export const MdTextField = /*@__PURE__*/ defineContainer<JSX.MdTextField>('md-te
   'mdPasswordToggle',
   'mdSpeechResult',
   'mdValidityChange'
-]);
+],
+'value', 'mdInput');
 
 
-export const MdTimePicker = /*@__PURE__*/ defineContainer<JSX.MdTimePicker>('md-time-picker', defineMdTimePicker, [
+export const MdTimePicker = /*@__PURE__*/ defineContainer<JSX.MdTimePicker, JSX.MdTimePicker["value"]>('md-time-picker', defineMdTimePicker, [
   'variant',
   'format',
   'value',
@@ -1750,7 +1767,8 @@ export const MdTimePicker = /*@__PURE__*/ defineContainer<JSX.MdTimePicker>('md-
   'mdCancel',
   'mdModeChange',
   'mdValidityChange'
-]);
+],
+'value', 'mdChange');
 
 
 export const MdToolbar = /*@__PURE__*/ defineContainer<JSX.MdToolbar>('md-toolbar', defineMdToolbar, [

package/lib/index.ts

@@ -2,7 +2,10 @@ import type { App } from 'vue';
 import { defineCustomElements } from '@awc-ui/core/loader';
 
 /**
- * AwcUiVue plugin
+ * AwcUiVue compatibility plugin for lazy-loader registration.
+ * Imported component wrappers register themselves and do not require this plugin.
+ * Precompiled SFCs with raw md-* tags must also configure isCustomElement in
+ * the build-time Vue compiler; this runtime setting cannot affect Vite/Nuxt builds.
  *
  * Install in your Vue 3 app:
  *