@nanoporetech-digital/components-vue 7.9.2 → 8.0.0-alpha.0

package/dist/index.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, getCurrentInstance, inject, h } from 'vue';
-import { getTagPrefix, componentPrefix } from '@nanoporetech-digital/components';
+import { getTagPrefix, transformTag, componentPrefix } from '@nanoporetech-digital/components';
 import { defineCustomElements } from '@nanoporetech-digital/components/loader';
 
 /* eslint-disable import-x/no-unresolved */
@@ -78,6 +78,14 @@ const defineContainer = (name, defineCustomElement, componentAttrs = {}, compone
                         if (e.target !== vnode.el)
                             return;
                         modelPropValue = (e === null || e === void 0 ? void 0 : e.target)[modelProp];
+                        // dealing with Vue's `true-value` and `false-value` properties
+                        // e.g. https://vuejs.org/guide/essentials/forms#checkbox-1
+                        if (modelPropValue === true && e.target._trueValue !== undefined) {
+                            modelPropValue = e.target._trueValue;
+                        }
+                        else if (modelPropValue === false && e.target._falseValue !== undefined) {
+                            modelPropValue = e.target._falseValue;
+                        }
                         emit(UPDATE_VALUE_EVENT, modelPropValue);
                         /**
                          * We need to emit the change event here
@@ -118,7 +126,7 @@ const defineContainer = (name, defineCustomElement, componentAttrs = {}, compone
             }
         };
         return () => {
-            var _a;
+            var _a, _b;
             modelPropValue = props[modelProp];
             getComponentClasses(attrs.class).forEach((value) => {
                 classes.add(value);
@@ -169,7 +177,15 @@ const defineContainer = (name, defineCustomElement, componentAttrs = {}, compone
                  * was set as a static value (i.e. no v-model).
                  */
                 if (props[MODEL_VALUE] !== EMPTY_PROP) {
-                    propsToAdd = Object.assign(Object.assign({}, propsToAdd), { [modelProp]: props[MODEL_VALUE] });
+                    let thisModelProp = modelProp;
+                    const element = (_a = currentInstance.vnode) === null || _a === void 0 ? void 0 : _a.el;
+                    // dealing with Vue's `true-value` and `false-value` properties
+                    // e.g. https://vuejs.org/guide/essentials/forms#checkbox-1
+                    if (((element === null || element === void 0 ? void 0 : element._trueValue) && element._trueValue === props[MODEL_VALUE]) ||
+                        ((element === null || element === void 0 ? void 0 : element._falseValue) && element._falseValue === props[MODEL_VALUE])) {
+                        thisModelProp = 'value';
+                    }
+                    propsToAdd = Object.assign(Object.assign({}, propsToAdd), { [thisModelProp]: props[MODEL_VALUE] });
                 }
                 else if (modelPropValue !== EMPTY_PROP) {
                     propsToAdd = Object.assign(Object.assign({}, propsToAdd), { [modelProp]: modelPropValue });
@@ -182,8 +198,8 @@ const defineContainer = (name, defineCustomElement, componentAttrs = {}, compone
                     currentInstance.vnode.el[componentProp] !== propsToAdd[componentProp])
                     currentInstance.vnode.el[componentProp] = propsToAdd[componentProp];
             });
-            name = ((_a = currentInstance === null || currentInstance === void 0 ? void 0 : currentInstance.type) === null || _a === void 0 ? void 0 : _a.name) || name;
-            name = getTagPrefix() ? `${getTagPrefix()}-${name}` : name;
+            name = ((_b = currentInstance === null || currentInstance === void 0 ? void 0 : currentInstance.type) === null || _b === void 0 ? void 0 : _b.name) || name;
+            name = getTagPrefix() ? transformTag(name) : name;
             return h(name, propsToAdd, (slots === null || slots === void 0 ? void 0 : slots.default) && slots.default());
         };
     });
@@ -208,24 +224,25 @@ const defineContainer = (name, defineCustomElement, componentAttrs = {}, compone
 /* eslint-disable */
 /* tslint:disable */
 /* auto-generated vue proxies */
-const NanoAccordion = /*@__PURE__*/ defineContainer('nano-accordion', undefined, {
-    color: 'color'
-}, [
-    'color',
+const NanoAccordion = /*@__PURE__*/ defineContainer('nano-accordion', undefined, {}, [
     'nanoToggle'
 ]);
 const NanoAlert = /*@__PURE__*/ defineContainer('nano-alert', undefined, {
     open: 'open',
     closable: 'closable',
     color: 'color',
+    theme: 'theme',
     duration: 'duration',
-    hoist: 'hoist'
+    hoist: 'hoist',
+    countdown: 'countdown'
 }, [
     'open',
     'closable',
     'color',
+    'theme',
     'duration',
     'hoist',
+    'countdown',
     'nanoShow',
     'nanoAfterShow',
     'nanoHide',
@@ -236,10 +253,13 @@ const NanoAlgolia = /*@__PURE__*/ defineContainer('nano-algolia', undefined, {
     resultsPage: 'results-page',
     appId: 'app-id',
     apiKey: 'api-key',
+    searchIndex: 'search-index',
     searchIndexName: 'search-index-name',
     listenTo: 'listen-to',
     query: 'query',
     operator: 'operator',
+    filters: 'filters',
+    tplRenderFn: 'tpl-render-fn',
     replicaIndex: 'replica-index',
     browseIndex: 'browse-index',
     minChars: 'min-chars',
@@ -309,6 +329,7 @@ const NanoAnimation = /*@__PURE__*/ defineContainer('nano-animation', undefined,
     fill: 'fill',
     iterations: 'iterations',
     iterationStart: 'iteration-start',
+    keyframes: 'keyframes',
     playbackRate: 'playback-rate',
     currentTime: 'current-time'
 }, [
@@ -329,6 +350,39 @@ const NanoAnimation = /*@__PURE__*/ defineContainer('nano-animation', undefined,
     'nanoFinish',
     'nanoStart'
 ]);
+const NanoAvatar = /*@__PURE__*/ defineContainer('nano-avatar', undefined, {
+    initials: 'initials'
+}, [
+    'initials'
+]);
+const NanoBadge = /*@__PURE__*/ defineContainer('nano-badge', undefined, {
+    theme: 'theme',
+    strength: 'strength',
+    pulse: 'pulse'
+}, [
+    'theme',
+    'strength',
+    'pulse'
+]);
+const NanoBreadcrumb = /*@__PURE__*/ defineContainer('nano-breadcrumb', undefined, {
+    breadcrumbs: 'breadcrumbs'
+}, [
+    'breadcrumbs'
+]);
+const NanoCard = /*@__PURE__*/ defineContainer('nano-card', undefined, {
+    layout: 'layout',
+    variant: 'variant',
+    size: 'size'
+}, [
+    'layout',
+    'variant',
+    'size'
+]);
+const NanoCardCarousel = /*@__PURE__*/ defineContainer('nano-card-carousel', undefined, {
+    carouselTitle: 'carousel-title'
+}, [
+    'carouselTitle'
+]);
 const NanoCheckbox = /*@__PURE__*/ defineContainer('nano-checkbox', undefined, {
     hasFocus: 'has-focus',
     checked: 'checked',
@@ -338,10 +392,10 @@ const NanoCheckbox = /*@__PURE__*/ defineContainer('nano-checkbox', undefined, {
     required: 'required',
     type: 'type',
     label: 'label',
+    hideLabel: 'hide-label',
     indeterminate: 'indeterminate',
     invalid: 'invalid',
     validityMessage: 'validity-message',
-    color: 'color',
     form: 'form'
 }, [
     'hasFocus',
@@ -352,10 +406,10 @@ const NanoCheckbox = /*@__PURE__*/ defineContainer('nano-checkbox', undefined, {
     'required',
     'type',
     'label',
+    'hideLabel',
     'indeterminate',
     'invalid',
     'validityMessage',
-    'color',
     'form',
     'nanoChange',
     'nanoFocus',
@@ -386,9 +440,89 @@ const NanoCheckboxGroup = /*@__PURE__*/ defineContainer('nano-checkbox-group', u
     'nanoChange',
     'nanoValidate'
 ], 'value', 'v-nano-change', 'nanoChange');
+const NanoCollapsibleComparison = /*@__PURE__*/ defineContainer('nano-collapsible-comparison', undefined, {
+    open: 'open'
+}, [
+    'open',
+    'nanoToggle'
+]);
+const NanoContentLinks = /*@__PURE__*/ defineContainer('nano-content-links', undefined);
+const NanoCta = /*@__PURE__*/ defineContainer('nano-cta', undefined, {
+    theme: 'theme',
+    secondary: 'secondary',
+    size: 'size',
+    loading: 'loading',
+    icon: 'icon',
+    group: 'group'
+}, [
+    'theme',
+    'secondary',
+    'size',
+    'loading',
+    'icon',
+    'group'
+]);
+const NanoDataTable = /*@__PURE__*/ defineContainer('nano-data-table', undefined, {
+    customRenderer: 'custom-renderer',
+    scrollable: 'scrollable',
+    caption: 'caption',
+    showCaption: 'show-caption',
+    loading: 'loading',
+    placeholderSize: 'placeholder-size',
+    rows: 'rows',
+    columns: 'columns',
+    headRender: 'head-render',
+    rowRender: 'row-render',
+    footRender: 'foot-render',
+    showFooter: 'show-footer',
+    perBlock: 'per-block',
+    blocksLength: 'blocks-length',
+    searchTerm: 'search-term',
+    customFilterFn: 'custom-filter-fn',
+    customSortFn: 'custom-sort-fn',
+    defaultSort: 'default-sort',
+    showPaginateSpinner: 'show-paginate-spinner',
+    virtualTotalItems: 'virtual-total-items',
+    appliedFilters: 'applied-filters'
+}, [
+    'customRenderer',
+    'scrollable',
+    'caption',
+    'showCaption',
+    'loading',
+    'placeholderSize',
+    'rows',
+    'columns',
+    'headRender',
+    'rowRender',
+    'footRender',
+    'showFooter',
+    'perBlock',
+    'blocksLength',
+    'searchTerm',
+    'customFilterFn',
+    'customSortFn',
+    'defaultSort',
+    'showPaginateSpinner',
+    'virtualTotalItems',
+    'appliedFilters',
+    'nanoTblReady',
+    'nanoTblBlockRendered',
+    'nanoTblBeforeSort',
+    'nanoTblAfterSort',
+    'nanoTblBeforeFilter',
+    'nanoTblAfterFilter',
+    'nanoTblBeforeSearch',
+    'nanoTblAfterSearch',
+    'nanoTblBeforeEdit'
+]);
 const NanoDatalist = /*@__PURE__*/ defineContainer('nano-datalist', undefined, {
+    selected: 'selected',
+    dropDownConfig: 'drop-down-config',
+    options: 'options',
     input: 'input',
     type: 'type',
+    activeOptions: 'active-options',
     open: 'open',
     disableFilter: 'disable-filter',
     disabled: 'disabled'
@@ -410,16 +544,18 @@ const NanoDateInput = /*@__PURE__*/ defineContainer('nano-date-input', undefined
     invalid: 'invalid',
     validityMessage: 'validity-message',
     helperText: 'helper-text',
+    helperTextFormat: 'helper-text-format',
     floatLabel: 'float-label',
     name: 'name',
     readonly: 'readonly',
     size: 'size',
     form: 'form',
     firstDayOfWeek: 'first-day-of-week',
+    localization: 'localization',
     disabled: 'disabled',
     color: 'color',
     autofocus: 'autofocus',
-    clearInput: 'clear-input',
+    clearable: 'clearable',
     label: 'label',
     placeholder: 'placeholder',
     value: 'value',
@@ -433,7 +569,10 @@ const NanoDateInput = /*@__PURE__*/ defineContainer('nano-date-input', undefined
     picker: 'picker',
     initialPickerDate: 'initial-picker-date',
     pickerOpen: 'picker-open',
-    closeAfterPicked: 'close-after-picked'
+    closeAfterPicked: 'close-after-picked',
+    dropDownConfig: 'drop-down-config',
+    dateValue: 'date-value',
+    isDateDisabled: 'is-date-disabled'
 }, [
     'invalid',
     'validityMessage',
@@ -449,7 +588,7 @@ const NanoDateInput = /*@__PURE__*/ defineContainer('nano-date-input', undefined
     'disabled',
     'color',
     'autofocus',
-    'clearInput',
+    'clearable',
     'label',
     'placeholder',
     'value',
@@ -475,15 +614,16 @@ const NanoDatePicker = /*@__PURE__*/ defineContainer('nano-date-picker', undefin
     min: 'min',
     max: 'max',
     firstDayOfWeek: 'first-day-of-week',
-    color: 'color',
-    isModal: 'is-modal'
+    localization: 'localization',
+    isDateDisabled: 'is-date-disabled',
+    isModal: 'is-modal',
+    firstFocusEle: 'first-focus-ele'
 }, [
     'selectedDate',
     'min',
     'max',
     'firstDayOfWeek',
     'localization',
-    'color',
     'isDateDisabled',
     'isModal',
     'firstFocusEle',
@@ -493,27 +633,22 @@ const NanoDetails = /*@__PURE__*/ defineContainer('nano-details', undefined, {
     label: 'label',
     open: 'open',
     disabled: 'disabled',
-    noHandle: 'no-handle',
-    iconRotation: 'icon-rotation',
-    useCacheHeight: 'use-cache-height'
+    size: 'size'
 }, [
     'label',
     'open',
     'disabled',
-    'noHandle',
-    'iconRotation',
-    'useCacheHeight',
-    'nanoOpened',
-    'nanoClosed',
-    'nanoAfterOpened',
-    'nanoAfterClosed'
+    'size',
+    'nanoOpen',
+    'nanoClose',
+    'nanoAfterOpen',
+    'nanoAfterClose'
 ]);
 const NanoDialog = /*@__PURE__*/ defineContainer('nano-dialog', undefined, {
     showRibbon: 'show-ribbon',
     open: 'open',
     label: 'label',
     noHeader: 'no-header',
-    noFooter: 'no-footer',
     noUserDismiss: 'no-user-dismiss',
     storeId: 'store-id',
     storeMethod: 'store-method',
@@ -523,7 +658,6 @@ const NanoDialog = /*@__PURE__*/ defineContainer('nano-dialog', undefined, {
     'open',
     'label',
     'noHeader',
-    'noFooter',
     'noUserDismiss',
     'storeId',
     'storeMethod',
@@ -544,7 +678,8 @@ const NanoDrawer = /*@__PURE__*/ defineContainer('nano-drawer', undefined, {
     storeId: 'store-id',
     storeMethod: 'store-method',
     noUserDismiss: 'no-user-dismiss',
-    hoist: 'hoist'
+    hoist: 'hoist',
+    resizable: 'resizable'
 }, [
     'open',
     'label',
@@ -555,22 +690,26 @@ const NanoDrawer = /*@__PURE__*/ defineContainer('nano-drawer', undefined, {
     'storeMethod',
     'noUserDismiss',
     'hoist',
+    'resizable',
     'nanoShow',
     'nanoHide',
     'nanoAfterHide',
     'nanoAfterShow',
     'nanoInitialFocus',
-    'nanoRquestClose'
+    'nanoRequestClose'
 ]);
 const NanoDropdown = /*@__PURE__*/ defineContainer('nano-dropdown', undefined, {
     autoOpen: 'auto-open',
     open: 'open',
     closeOnSelect: 'close-on-select',
+    containingElement: 'containing-element',
+    tetherTo: 'tether-to',
     placement: 'placement',
     distance: 'distance',
     skidding: 'skidding',
     hoist: 'hoist',
-    dialogTitle: 'dialog-title'
+    dialogTitle: 'dialog-title',
+    eventType: 'event-type'
 }, [
     'autoOpen',
     'open',
@@ -593,8 +732,12 @@ const NanoFieldValidator = /*@__PURE__*/ defineContainer('nano-field-validator',
     scrollToInvalid: 'scroll-to-invalid',
     dirty: 'dirty',
     valid: 'valid',
+    store: 'store',
+    payload: 'payload',
     showValidation: 'show-validation',
-    extraFieldSelector: 'extra-field-selector'
+    validationState: 'validation-state',
+    extraFieldSelector: 'extra-field-selector',
+    validation: 'validation'
 }, [
     'validateOn',
     'scrollToInvalid',
@@ -627,6 +770,7 @@ const NanoFileUpload = /*@__PURE__*/ defineContainer('nano-file-upload', undefin
     form: 'form',
     invalid: 'invalid',
     validityMessage: 'validity-message',
+    files: 'files',
     value: 'value'
 }, [
     'name',
@@ -652,53 +796,42 @@ const NanoFileUpload = /*@__PURE__*/ defineContainer('nano-file-upload', undefin
     'nanoBlur',
     'nanoValidate'
 ], 'files', 'v-nano-change', 'nanoChange');
+const NanoFooter = /*@__PURE__*/ defineContainer('nano-footer', undefined);
 const NanoGlobalNav = /*@__PURE__*/ defineContainer('nano-global-nav', undefined, {
-    env: 'env',
-    ssoDataUrl: 'sso-data-url',
-    ssoRedirect: 'sso-redirect',
-    getMyAccountData: 'get-my-account-data',
-    showSearch: 'show-search',
-    showLogo: 'show-logo',
     logoUrl: 'logo-url',
-    searchAppId: 'search-app-id',
-    searchApiKey: 'search-api-key',
-    searchValue: 'search-value',
-    searchIndex: 'search-index',
+    cartUrl: 'cart-url',
+    msgUrl: 'msg-url',
+    loginUrl: 'login-url',
+    logoutUrl: 'logout-url',
+    contactUrl: 'contact-url',
+    sessionRedirect: 'session-redirect',
     cartCount: 'cart-count',
     msgCount: 'msg-count',
-    cartUrl: 'cart-url',
-    msgUrl: 'msg-url'
+    myAccountUrl: 'my-account-url',
+    myAccountData: 'my-account-data',
+    myAccountUser: 'my-account-user',
+    searchIndex: 'search-index',
+    searchValue: 'search-value'
 }, [
-    'env',
-    'ssoDataUrl',
-    'myAccountData',
-    'ssoRedirect',
-    'getMyAccountData',
-    'activeMyAccountSections',
-    'showSearch',
-    'showLogo',
     'logoUrl',
-    'searchIndeces',
-    'myAccountUser',
-    'searchAppId',
-    'searchApiKey',
-    'searchValue',
-    'searchIndex',
-    'cartCount',
-    'msgCount',
     'cartUrl',
     'msgUrl',
-    'nanoIsReady',
+    'loginUrl',
+    'logoutUrl',
+    'contactUrl',
+    'sessionRedirect',
+    'cartCount',
+    'msgCount',
+    'myAccountUrl',
+    'myAccountData',
+    'myAccountUser',
+    'searchIndex',
+    'searchValue',
+    'nanoUserData',
     'nanoSearchResult',
     'nanoSearchError',
     'nanoSearchReset'
 ]);
-const NanoGlobalNavUserProfile = /*@__PURE__*/ defineContainer('nano-global-nav-user-profile', undefined, {
-    userProfileUrl: 'user-profile-url'
-}, [
-    'myAccountUser',
-    'userProfileUrl'
-]);
 const NanoGlobalSearchResults = /*@__PURE__*/ defineContainer('nano-global-search-results', undefined, {}, [
     'nanoSearchGoBack'
 ]);
@@ -768,7 +901,9 @@ const NanoIcon = /*@__PURE__*/ defineContainer('nano-icon', undefined, {
     'src',
     'icon',
     'size',
-    'lazy'
+    'lazy',
+    'nanoLoad',
+    'nanoError'
 ]);
 const NanoIconButton = /*@__PURE__*/ defineContainer('nano-icon-button', undefined, {
     iconName: 'icon-name',
@@ -797,6 +932,13 @@ const NanoIconButton = /*@__PURE__*/ defineContainer('nano-icon-button', undefin
     'target',
     'form'
 ]);
+const NanoIconItem = /*@__PURE__*/ defineContainer('nano-icon-item', undefined, {
+    layout: 'layout',
+    size: 'size'
+}, [
+    'layout',
+    'size'
+]);
 const NanoImg = /*@__PURE__*/ defineContainer('nano-img', undefined, {
     alt: 'alt',
     src: 'src',
@@ -815,16 +957,22 @@ const NanoImg = /*@__PURE__*/ defineContainer('nano-img', undefined, {
     'nanoImgDidLoad',
     'nanoImgError'
 ]);
+const NanoInPageNav = /*@__PURE__*/ defineContainer('nano-in-page-nav', undefined, {
+    breakpoint: 'breakpoint',
+    stickyHeaders: 'sticky-headers'
+}, [
+    'breakpoint',
+    'stickyHeaders'
+]);
 const NanoInput = /*@__PURE__*/ defineContainer('nano-input', undefined, {
     invalid: 'invalid',
     validityMessage: 'validity-message',
-    color: 'color',
     accept: 'accept',
     autocapitalise: 'autocapitalise',
     autocomplete: 'autocomplete',
     autocorrect: 'autocorrect',
     autofocus: 'autofocus',
-    clearInput: 'clear-input',
+    clearable: 'clearable',
     clearOnEdit: 'clear-on-edit',
     debounce: 'debounce',
     disabled: 'disabled',
@@ -832,6 +980,7 @@ const NanoInput = /*@__PURE__*/ defineContainer('nano-input', undefined, {
     validateOn: 'validate-on',
     showInlineError: 'show-inline-error',
     label: 'label',
+    alwaysShowPlaceholder: 'always-show-placeholder',
     hideLabel: 'hide-label',
     floatLabel: 'float-label',
     max: 'max',
@@ -850,19 +999,25 @@ const NanoInput = /*@__PURE__*/ defineContainer('nano-input', undefined, {
     type: 'type',
     form: 'form',
     value: 'value',
+    valueAsNumber: 'value-as-number',
+    valueAsDate: 'value-as-date',
+    showCharCount: 'show-char-count',
     resize: 'resize',
     rows: 'rows',
-    showCharCount: 'show-char-count'
+    showPicker: 'show-picker',
+    isDateDisabled: 'is-date-disabled',
+    initialPickerDate: 'initial-picker-date',
+    closeAfterPicked: 'close-after-picked',
+    pickerOptions: 'picker-options'
 }, [
     'invalid',
     'validityMessage',
-    'color',
     'accept',
     'autocapitalise',
     'autocomplete',
     'autocorrect',
     'autofocus',
-    'clearInput',
+    'clearable',
     'clearOnEdit',
     'debounce',
     'disabled',
@@ -870,6 +1025,7 @@ const NanoInput = /*@__PURE__*/ defineContainer('nano-input', undefined, {
     'validateOn',
     'showInlineError',
     'label',
+    'alwaysShowPlaceholder',
     'hideLabel',
     'floatLabel',
     'max',
@@ -888,9 +1044,16 @@ const NanoInput = /*@__PURE__*/ defineContainer('nano-input', undefined, {
     'type',
     'form',
     'value',
+    'valueAsNumber',
+    'valueAsDate',
+    'showCharCount',
     'resize',
     'rows',
-    'showCharCount',
+    'showPicker',
+    'isDateDisabled',
+    'initialPickerDate',
+    'closeAfterPicked',
+    'pickerOptions',
     'nanoInput',
     'nanoChange',
     'nanoBlur',
@@ -911,6 +1074,25 @@ const NanoIntersectionObserve = /*@__PURE__*/ defineContainer('nano-intersection
     'nanoIntersecting',
     'nanoNotIntersecting'
 ]);
+const NanoMaskedOverflow = /*@__PURE__*/ defineContainer('nano-masked-overflow', undefined, {
+    label: 'label',
+    scrollControls: 'scroll-controls',
+    orientation: 'orientation',
+    showIndicator: 'show-indicator',
+    hideScrollbars: 'hide-scrollbars',
+    activeHandler: 'active-handler',
+    inactiveHandler: 'inactive-handler',
+    isActiveHandler: 'is-active-handler'
+}, [
+    'label',
+    'scrollControls',
+    'orientation',
+    'showIndicator',
+    'hideScrollbars',
+    'activeHandler',
+    'inactiveHandler',
+    'isActiveHandler'
+]);
 const NanoMenu = /*@__PURE__*/ defineContainer('nano-menu', undefined, {
     hasFocus: 'has-focus',
     type: 'type',
@@ -951,7 +1133,7 @@ const NanoNavItem = /*@__PURE__*/ defineContainer('nano-nav-item', undefined, {
     disabled: 'disabled',
     open: 'open',
     selected: 'selected',
-    secondaryActiveWidth: 'secondary-active-width',
+    checkbox: 'checkbox',
     closeOnBlur: 'close-on-blur',
     notification: 'notification'
 }, [
@@ -960,41 +1142,30 @@ const NanoNavItem = /*@__PURE__*/ defineContainer('nano-nav-item', undefined, {
     'disabled',
     'open',
     'selected',
-    'secondaryActiveWidth',
-    'secondaryFallback',
+    'checkbox',
     'closeOnBlur',
     'notification',
     'nanoClose',
     'nanoOpen',
     'nanoOpening',
-    'nanoClosing',
-    'nanoBlur',
-    'nanoFocus'
+    'nanoClosing'
 ]);
 const NanoOption = /*@__PURE__*/ defineContainer('nano-option', undefined, {
     value: 'value',
     label: 'label',
     selected: 'selected',
     disabled: 'disabled',
-    filterMeta: 'filter-meta'
+    filterMeta: 'filter-meta',
+    href: 'href'
 }, [
     'value',
     'label',
     'selected',
     'disabled',
     'filterMeta',
+    'href',
     'nanoSelect'
 ]);
-const NanoOverflowNav = /*@__PURE__*/ defineContainer('nano-overflow-nav', undefined, {
-    scrollControls: 'scroll-controls',
-    orientation: 'orientation'
-}, [
-    'scrollControls',
-    'orientation',
-    'activeHandler',
-    'inActiveHandler',
-    'isActiveHandler'
-]);
 const NanoProgressBar = /*@__PURE__*/ defineContainer('nano-progress-bar', undefined, {
     value: 'value',
     indeterminate: 'indeterminate',
@@ -1042,7 +1213,8 @@ const NanoRating = /*@__PURE__*/ defineContainer('nano-rating', undefined, {
     readonly: 'readonly',
     disabled: 'disabled',
     name: 'name',
-    symbolName: 'symbol-name'
+    symbolName: 'symbol-name',
+    symbol: 'symbol'
 }, [
     'value',
     'max',
@@ -1070,7 +1242,6 @@ const NanoResizeObserve = /*@__PURE__*/ defineContainer('nano-resize-observe', u
 const NanoSelect = /*@__PURE__*/ defineContainer('nano-select', undefined, {
     invalid: 'invalid',
     validityMessage: 'validity-message',
-    color: 'color',
     autofocus: 'autofocus',
     disabled: 'disabled',
     validateOn: 'validate-on',
@@ -1090,13 +1261,15 @@ const NanoSelect = /*@__PURE__*/ defineContainer('nano-select', undefined, {
     form: 'form',
     allowCustomValues: 'allow-custom-values',
     value: 'value',
-    clearSelect: 'clear-select',
+    options: 'options',
+    clearable: 'clearable',
     mask: 'mask',
-    debounce: 'debounce'
+    debounce: 'debounce',
+    dropDownConfig: 'drop-down-config',
+    valueTagTemplate: 'value-tag-template'
 }, [
     'invalid',
     'validityMessage',
-    'color',
     'autofocus',
     'disabled',
     'validateOn',
@@ -1117,7 +1290,7 @@ const NanoSelect = /*@__PURE__*/ defineContainer('nano-select', undefined, {
     'allowCustomValues',
     'value',
     'options',
-    'clearSelect',
+    'clearable',
     'mask',
     'debounce',
     'dropDownConfig',
@@ -1142,6 +1315,7 @@ const NanoSlide = /*@__PURE__*/ defineContainer('nano-slide', undefined, {
     'nanoSlideReady'
 ]);
 const NanoSlides = /*@__PURE__*/ defineContainer('nano-slides', undefined, {
+    options: 'options',
     navbtns: 'navbtns',
     pager: 'pager',
     fullscreenbtn: 'fullscreenbtn',
@@ -1177,6 +1351,12 @@ const NanoSortable = /*@__PURE__*/ defineContainer('nano-sortable', undefined, {
     handleSelector: 'handle-selector',
     dropzoneSelector: 'dropzone-selector',
     helperText: 'helper-text',
+    itemDescriptor: 'item-descriptor',
+    grabbedHelperText: 'grabbed-helper-text',
+    droppedHelperText: 'dropped-helper-text',
+    reorderHelperText: 'reorder-helper-text',
+    createKeyboardHandle: 'create-keyboard-handle',
+    sortableHostElement: 'sortable-host-element',
     animationEnabled: 'animation-enabled',
     draggedClass: 'dragged-class',
     handleDraggedClass: 'handle-dragged-class',
@@ -1245,6 +1425,7 @@ const NanoSticker = /*@__PURE__*/ defineContainer('nano-sticker', undefined, {
     hideOnNewStickers: 'hide-on-new-stickers',
     breakPointMax: 'break-point-max',
     breakPointMin: 'break-point-min',
+    scrollParent: 'scroll-parent',
     stickTo: 'stick-to'
 }, [
     'autoResize',
@@ -1284,14 +1465,16 @@ const NanoTabContent = /*@__PURE__*/ defineContainer('nano-tab-content', undefin
 const NanoTabGroup = /*@__PURE__*/ defineContainer('nano-tab-group', undefined, {
     placement: 'placement',
     noScrollControls: 'no-scroll-controls',
-    color: 'color',
+    equalTabSize: 'equal-tab-size',
+    size: 'size',
     storeId: 'store-id',
     storeMethod: 'store-method',
     disableSwipe: 'disable-swipe'
 }, [
     'placement',
     'noScrollControls',
-    'color',
+    'equalTabSize',
+    'size',
     'storeId',
     'storeMethod',
     'disableSwipe',
@@ -1301,47 +1484,21 @@ const NanoTabGroup = /*@__PURE__*/ defineContainer('nano-tab-group', undefined,
     'nanoTabClose'
 ]);
 const NanoTable = /*@__PURE__*/ defineContainer('nano-table', undefined, {
-    type: 'type',
-    caption: 'caption',
-    showCaption: 'show-caption',
-    loading: 'loading',
-    placeholderSize: 'placeholder-size',
-    showFooter: 'show-footer',
-    perBlock: 'per-block',
-    blocksLength: 'blocks-length',
-    searchTerm: 'search-term',
-    defaultSort: 'default-sort',
-    virtualTotalItems: 'virtual-total-items'
+    compact: 'compact',
+    scrollable: 'scrollable',
+    hideCaption: 'hide-caption'
 }, [
-    'customRenderer',
-    'type',
-    'caption',
-    'showCaption',
-    'loading',
-    'placeholderSize',
-    'rows',
-    'columns',
-    'headRender',
-    'rowRender',
-    'footRender',
-    'showFooter',
-    'perBlock',
-    'blocksLength',
-    'searchTerm',
-    'customFilterFn',
-    'customSortFn',
-    'defaultSort',
-    'virtualTotalItems',
-    'appliedFilters',
-    'nanoTblReady',
-    'nanoTblBlockRendered',
-    'nanoTblBeforeSort',
-    'nanoTblAfterSort',
-    'nanoTblBeforeFilter',
-    'nanoTblAfterFilter',
-    'nanoTblBeforeSearch',
-    'nanoTblAfterSearch',
-    'nanoTblBeforeEdit'
+    'compact',
+    'scrollable',
+    'hideCaption'
+]);
+const NanoTag = /*@__PURE__*/ defineContainer('nano-tag', undefined, {
+    closable: 'closable',
+    size: 'size'
+}, [
+    'closable',
+    'size',
+    'nanoClose'
 ]);
 const NanoTooltip = /*@__PURE__*/ defineContainer('nano-tooltip', undefined, {
     content: 'content',
@@ -1376,8 +1533,17 @@ var proxies = /*#__PURE__*/Object.freeze({
     NanoAlgoliaPagination: NanoAlgoliaPagination,
     NanoAlgoliaResults: NanoAlgoliaResults,
     NanoAnimation: NanoAnimation,
+    NanoAvatar: NanoAvatar,
+    NanoBadge: NanoBadge,
+    NanoBreadcrumb: NanoBreadcrumb,
+    NanoCard: NanoCard,
+    NanoCardCarousel: NanoCardCarousel,
     NanoCheckbox: NanoCheckbox,
     NanoCheckboxGroup: NanoCheckboxGroup,
+    NanoCollapsibleComparison: NanoCollapsibleComparison,
+    NanoContentLinks: NanoContentLinks,
+    NanoCta: NanoCta,
+    NanoDataTable: NanoDataTable,
     NanoDatalist: NanoDatalist,
     NanoDateInput: NanoDateInput,
     NanoDatePicker: NanoDatePicker,
@@ -1387,23 +1553,25 @@ var proxies = /*#__PURE__*/Object.freeze({
     NanoDropdown: NanoDropdown,
     NanoFieldValidator: NanoFieldValidator,
     NanoFileUpload: NanoFileUpload,
+    NanoFooter: NanoFooter,
     NanoGlobalNav: NanoGlobalNav,
-    NanoGlobalNavUserProfile: NanoGlobalNavUserProfile,
     NanoGlobalSearchResults: NanoGlobalSearchResults,
     NanoGrid: NanoGrid,
     NanoGridItem: NanoGridItem,
     NanoHero: NanoHero,
     NanoIcon: NanoIcon,
     NanoIconButton: NanoIconButton,
+    NanoIconItem: NanoIconItem,
     NanoImg: NanoImg,
+    NanoInPageNav: NanoInPageNav,
     NanoInput: NanoInput,
     NanoIntersectionObserve: NanoIntersectionObserve,
+    NanoMaskedOverflow: NanoMaskedOverflow,
     NanoMenu: NanoMenu,
     NanoMenuDrawer: NanoMenuDrawer,
     NanoMoreLess: NanoMoreLess,
     NanoNavItem: NanoNavItem,
     NanoOption: NanoOption,
-    NanoOverflowNav: NanoOverflowNav,
     NanoProgressBar: NanoProgressBar,
     NanoRange: NanoRange,
     NanoRating: NanoRating,
@@ -1420,6 +1588,7 @@ var proxies = /*#__PURE__*/Object.freeze({
     NanoTabContent: NanoTabContent,
     NanoTabGroup: NanoTabGroup,
     NanoTable: NanoTable,
+    NanoTag: NanoTag,
     NanoTooltip: NanoTooltip
 });
 
@@ -1499,5 +1668,5 @@ const NanoVue = (resourcesUrl, globalInstall, prefix) => {
     };
 };
 
-export { NanoAccordion, NanoAlert, NanoAlgolia, NanoAlgoliaFilter, NanoAlgoliaPagination, NanoAlgoliaResults, NanoAnimation, NanoCheckbox, NanoCheckboxGroup, NanoDatalist, NanoDateInput, NanoDatePicker, NanoDetails, NanoDialog, NanoDrawer, NanoDropdown, NanoFieldValidator, NanoFileUpload, NanoGlobalNav, NanoGlobalNavUserProfile, NanoGlobalSearchResults, NanoGrid, NanoGridItem, NanoHero, NanoIcon, NanoIconButton, NanoImg, NanoInput, NanoIntersectionObserve, NanoMenu, NanoMenuDrawer, NanoMoreLess, NanoNavItem, NanoOption, NanoOverflowNav, NanoProgressBar, NanoRange, NanoRating, NanoResizeObserve, NanoSelect, NanoSkeleton, NanoSlide, NanoSlides, NanoSortable, NanoSpinner, NanoSplitPane, NanoSticker, NanoTab, NanoTabContent, NanoTabGroup, NanoTable, NanoTooltip, NanoVue };
+export { NanoAccordion, NanoAlert, NanoAlgolia, NanoAlgoliaFilter, NanoAlgoliaPagination, NanoAlgoliaResults, NanoAnimation, NanoAvatar, NanoBadge, NanoBreadcrumb, NanoCard, NanoCardCarousel, NanoCheckbox, NanoCheckboxGroup, NanoCollapsibleComparison, NanoContentLinks, NanoCta, NanoDataTable, NanoDatalist, NanoDateInput, NanoDatePicker, NanoDetails, NanoDialog, NanoDrawer, NanoDropdown, NanoFieldValidator, NanoFileUpload, NanoFooter, NanoGlobalNav, NanoGlobalSearchResults, NanoGrid, NanoGridItem, NanoHero, NanoIcon, NanoIconButton, NanoIconItem, NanoImg, NanoInPageNav, NanoInput, NanoIntersectionObserve, NanoMaskedOverflow, NanoMenu, NanoMenuDrawer, NanoMoreLess, NanoNavItem, NanoOption, NanoProgressBar, NanoRange, NanoRating, NanoResizeObserve, NanoSelect, NanoSkeleton, NanoSlide, NanoSlides, NanoSortable, NanoSpinner, NanoSplitPane, NanoSticker, NanoTab, NanoTabContent, NanoTabGroup, NanoTable, NanoTag, NanoTooltip, NanoVue };
 //# sourceMappingURL=index.js.map