chore: update vue output target

Author: colinscz

libraries/ui-library-vue/package.json

@@ -3,10 +3,17 @@
   "version": "4.3.1",
   "description": "Vue wrapper components for @six-group/ui-library",
   "main": "dist/index.js",
+  "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
     "dist"
   ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
   "scripts": {
     "test": "echo \"Error: run tests from root\" && exit 1",
     "build": "npm run tsc",
@@ -15,6 +22,10 @@
   "publishConfig": {
     "access": "public"
   },
+  "dependencies": {
+    "@stencil/vue-output-target": "0.9.5",
+    "@six-group/ui-library": "*"
+  },
   "peerDependencies": {
     "@six-group/ui-library": "*"
   },

libraries/ui-library-vue/src/lib/stencil-generated/components.ts

@@ -1,7 +1,7 @@
 /* eslint-disable */
 /* tslint:disable */
 /* auto-generated vue proxies */
-import { defineContainer } from './vue-component-lib/utils';
+import { defineContainer } from '@stencil/vue-output-target/runtime';
 
 import type { JSX } from '@six-group/ui-library';
 
@@ -17,6 +17,11 @@ export const SixAlert = /*@__PURE__*/ defineContainer<JSX.SixAlert>('six-alert',
   'six-alert-after-show',
   'six-alert-hide',
   'six-alert-after-hide'
+], [
+  'six-alert-show',
+  'six-alert-after-show',
+  'six-alert-hide',
+  'six-alert-after-hide'
 ]);
 
 
@@ -52,6 +57,9 @@ export const SixButton = /*@__PURE__*/ defineContainer<JSX.SixButton>('six-butto
   'download',
   'six-button-blur',
   'six-button-focus'
+], [
+  'six-button-blur',
+  'six-button-focus'
 ]);
 
 
@@ -72,6 +80,10 @@ export const SixCheckbox = /*@__PURE__*/ defineContainer<JSX.SixCheckbox, JSX.Si
   'six-checkbox-blur',
   'six-checkbox-change',
   'six-checkbox-focus'
+], [
+  'six-checkbox-blur',
+  'six-checkbox-change',
+  'six-checkbox-focus'
 ],
 'checked', 'change');
 
@@ -107,6 +119,10 @@ export const SixDatepicker = /*@__PURE__*/ defineContainer<JSX.SixDatepicker, JS
   'six-datepicker-select',
   'six-datepicker-clear',
   'six-datepicker-blur'
+], [
+  'six-datepicker-select',
+  'six-datepicker-clear',
+  'six-datepicker-blur'
 ],
 'value', 'change');
 
@@ -124,6 +140,11 @@ export const SixDetails = /*@__PURE__*/ defineContainer<JSX.SixDetails>('six-det
   'six-details-after-show',
   'six-details-hide',
   'six-details-after-hide'
+], [
+  'six-details-show',
+  'six-details-after-show',
+  'six-details-hide',
+  'six-details-after-hide'
 ]);
 
 
@@ -137,6 +158,13 @@ export const SixDialog = /*@__PURE__*/ defineContainer<JSX.SixDialog>('six-dialo
   'six-dialog-after-hide',
   'six-dialog-initial-focus',
   'six-dialog-overlay-dismiss'
+], [
+  'six-dialog-show',
+  'six-dialog-after-show',
+  'six-dialog-hide',
+  'six-dialog-after-hide',
+  'six-dialog-initial-focus',
+  'six-dialog-overlay-dismiss'
 ]);
 
 
@@ -152,6 +180,13 @@ export const SixDrawer = /*@__PURE__*/ defineContainer<JSX.SixDrawer>('six-drawe
   'six-drawer-after-hide',
   'six-drawer-initial-focus',
   'six-drawer-overlay-dismiss'
+], [
+  'six-drawer-show',
+  'six-drawer-after-show',
+  'six-drawer-hide',
+  'six-drawer-after-hide',
+  'six-drawer-initial-focus',
+  'six-drawer-overlay-dismiss'
 ]);
 
 
@@ -179,6 +214,14 @@ export const SixDropdown = /*@__PURE__*/ defineContainer<JSX.SixDropdown>('six-d
   'six-dropdown-auto-filter-fired',
   'six-async-filter-fired',
   'six-dropdown-scroll'
+], [
+  'six-dropdown-show',
+  'six-dropdown-after-show',
+  'six-dropdown-hide',
+  'six-dropdown-after-hide',
+  'six-dropdown-auto-filter-fired',
+  'six-async-filter-fired',
+  'six-dropdown-scroll'
 ]);
 
 
@@ -206,6 +249,9 @@ export const SixFileListItem = /*@__PURE__*/ defineContainer<JSX.SixFileListItem
   'nodelete',
   'six-file-list-item-download',
   'six-file-list-item-remove'
+], [
+  'six-file-list-item-download',
+  'six-file-list-item-remove'
 ]);
 
 
@@ -221,6 +267,9 @@ export const SixFileUpload = /*@__PURE__*/ defineContainer<JSX.SixFileUpload>('s
   'invalid',
   'six-file-upload-success',
   'six-file-upload-failure'
+], [
+  'six-file-upload-success',
+  'six-file-upload-failure'
 ]);
 
 
@@ -250,6 +299,13 @@ export const SixHeader = /*@__PURE__*/ defineContainer<JSX.SixHeader>('six-heade
   'six-header-hamburger-menu-clicked',
   'six-header-logo-clicked',
   'six-header-search-field-toggle'
+], [
+  'six-header-app-name-clicked',
+  'six-header-app-switcher-select',
+  'six-header-profile-select',
+  'six-header-hamburger-menu-clicked',
+  'six-header-logo-clicked',
+  'six-header-search-field-toggle'
 ]);
 
 
@@ -320,6 +376,12 @@ export const SixInput = /*@__PURE__*/ defineContainer<JSX.SixInput, JSX.SixInput
   'six-input-input',
   'six-input-focus',
   'six-input-blur'
+], [
+  'six-input-change',
+  'six-input-clear',
+  'six-input-input',
+  'six-input-focus',
+  'six-input-blur'
 ],
 'value', 'input');
 
@@ -341,13 +403,18 @@ export const SixItemPicker = /*@__PURE__*/ defineContainer<JSX.SixItemPicker>('s
   'debounce',
   'six-item-picker-change',
   'six-item-picker-change-debounced'
+], [
+  'six-item-picker-change',
+  'six-item-picker-change-debounced'
 ]);
 
 
 export const SixLanguageSwitcher = /*@__PURE__*/ defineContainer<JSX.SixLanguageSwitcher>('six-language-switcher', undefined, [
   'selected',
   'languages',
   'six-language-switcher-change'
+], [
+  'six-language-switcher-change'
 ]);
 
 
@@ -375,6 +442,8 @@ export const SixMenu = /*@__PURE__*/ defineContainer<JSX.SixMenu>('six-menu', un
   'scrollingDebounce',
   'disableKeyboardHandling',
   'six-menu-item-selected'
+], [
+  'six-menu-item-selected'
 ]);
 
 
@@ -419,6 +488,10 @@ export const SixRadio = /*@__PURE__*/ defineContainer<JSX.SixRadio>('six-radio',
   'six-radio-blur',
   'six-radio-change',
   'six-radio-focus'
+], [
+  'six-radio-blur',
+  'six-radio-change',
+  'six-radio-focus'
 ]);
 
 
@@ -440,6 +513,10 @@ export const SixRange = /*@__PURE__*/ defineContainer<JSX.SixRange, JSX.SixRange
   'six-range-change',
   'six-range-blur',
   'six-range-focus'
+], [
+  'six-range-change',
+  'six-range-blur',
+  'six-range-focus'
 ],
 'value', 'input');
 
@@ -458,6 +535,8 @@ export const SixSearchField = /*@__PURE__*/ defineContainer<JSX.SixSearchField>(
   'value',
   'clearable',
   'six-search-field-change'
+], [
+  'six-search-field-change'
 ]);
 
 
@@ -492,6 +571,10 @@ export const SixSelect = /*@__PURE__*/ defineContainer<JSX.SixSelect, JSX.SixSel
   'six-select-change',
   'six-select-focus',
   'six-select-blur'
+], [
+  'six-select-change',
+  'six-select-focus',
+  'six-select-blur'
 ],
 'value', 'change');
 
@@ -506,6 +589,12 @@ export const SixSidebar = /*@__PURE__*/ defineContainer<JSX.SixSidebar>('six-sid
   'six-sidebar-hide',
   'six-sidebar-after-hide',
   'six-sidebar-initial-focus'
+], [
+  'six-sidebar-show',
+  'six-sidebar-after-show',
+  'six-sidebar-hide',
+  'six-sidebar-after-hide',
+  'six-sidebar-initial-focus'
 ]);
 
 
@@ -551,6 +640,10 @@ export const SixSwitch = /*@__PURE__*/ defineContainer<JSX.SixSwitch, JSX.SixSwi
   'six-switch-blur',
   'six-switch-change',
   'six-switch-focus'
+], [
+  'six-switch-blur',
+  'six-switch-change',
+  'six-switch-focus'
 ],
 'checked', 'change');
 
@@ -561,6 +654,8 @@ export const SixTab = /*@__PURE__*/ defineContainer<JSX.SixTab>('six-tab', undef
   'closable',
   'disabled',
   'six-tab-close'
+], [
+  'six-tab-close'
 ]);
 
 
@@ -569,6 +664,9 @@ export const SixTabGroup = /*@__PURE__*/ defineContainer<JSX.SixTabGroup>('six-t
   'noScrollControls',
   'six-tab-show',
   'six-tab-hide'
+], [
+  'six-tab-show',
+  'six-tab-hide'
 ]);
 
 
@@ -584,6 +682,8 @@ export const SixTag = /*@__PURE__*/ defineContainer<JSX.SixTag>('six-tag', undef
   'pill',
   'clearable',
   'six-tag-clear'
+], [
+  'six-tag-clear'
 ]);
 
 
@@ -614,6 +714,11 @@ export const SixTextarea = /*@__PURE__*/ defineContainer<JSX.SixTextarea, JSX.Si
   'six-textarea-input',
   'six-textarea-focus',
   'six-textarea-blur'
+], [
+  'six-textarea-change',
+  'six-textarea-input',
+  'six-textarea-focus',
+  'six-textarea-blur'
 ],
 'value', 'input');
 
@@ -628,6 +733,9 @@ export const SixTile = /*@__PURE__*/ defineContainer<JSX.SixTile>('six-tile', un
   'size',
   'six-tile-closed',
   'six-tile-selected'
+], [
+  'six-tile-closed',
+  'six-tile-selected'
 ]);
 
 
@@ -658,6 +766,10 @@ export const SixTimepicker = /*@__PURE__*/ defineContainer<JSX.SixTimepicker>('s
   'six-timepicker-change',
   'six-timepicker-change-debounced',
   'six-timepicker-clear'
+], [
+  'six-timepicker-change',
+  'six-timepicker-change-debounced',
+  'six-timepicker-clear'
 ]);
 
 
@@ -673,5 +785,10 @@ export const SixTooltip = /*@__PURE__*/ defineContainer<JSX.SixTooltip>('six-too
   'six-tooltip-after-show',
   'six-tooltip-hide',
   'six-tooltip-after-hide'
+], [
+  'six-tooltip-show',
+  'six-tooltip-after-show',
+  'six-tooltip-hide',
+  'six-tooltip-after-hide'
 ]);
 

libraries/ui-library-vue/tsconfig.json

@@ -1,18 +1,24 @@
 {
   "compilerOptions": {
-    "outDir": "./dist",
-    "lib": ["dom", "es2020"],
-    "module": "es2015",
-    "moduleResolution": "node",
-    "target": "es2017",
-    "skipLibCheck": true,
+    "allowUnreachableCode": false,
+    "allowSyntheticDefaultImports": true,
     "declaration": true,
-    "noImplicitAny": false,
-    "removeComments": true,
-    "noLib": false,
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
-    "sourceMap": true
+    "esModuleInterop": true,
+    "lib": ["dom", "esnext"],
+    "module": "NodeNext",
+    "moduleResolution": "Node16",
+    "noImplicitAny": true,
+    "noImplicitReturns": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "outDir": "dist",
+    "removeComments": false,
+    "sourceMap": true,
+    "jsx": "react",
+    "target": "esnext",
+    "skipLibCheck": true
   },
   "include": ["src"],
   "exclude": ["node_modules"]