@momentum-ui/web-components 2.14.13 → 2.14.14

package/dist/types/mixins/RovingTabIndexMixin.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Copyright (c) Cisco Systems, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+/**This mixin using roving tabindex strategy to manage focus in a composite UI component,
+ * the element that is to be included in the tab sequence has tabindex of "0" and all other focusable elements contained in the composite have tabindex of "-1".
+ * Benefit of using roving tabindex to manage focus is that the user agent will scroll the newly focused element into view.
+ *
+ * @property({ type: Number, reflect: true }) selected <--- index of focusable activeElement
+ *
+ * Example:
+ *
+ * @customElements("custom-element")
+ * class CustomElement extends RovingTabIndexMixin(LitElement) {
+      //custom element class implementation
+ * }
+ *  */
+import { LitElement } from "lit-element";
+import { SlotableClass, SlotableInterface } from "./SlottedMixin";
+export type AnyConstructor<A = LitElement> = new (...args: any[]) => A;
+export declare abstract class RovingTabIndexClass extends LitElement {
+    protected getAvailableSelectedIndex?(index: number, increment?: number): number;
+}
+export interface RovingTabIndexInterface {
+    selected: number;
+    rovingPreventFocus: boolean;
+}
+export declare const RovingTabIndexMixin: <T extends AnyConstructor<SlotableClass & RovingTabIndexClass>>(base: T) => T & AnyConstructor<RovingTabIndexInterface & SlotableInterface & SlotableClass & RovingTabIndexClass>;

package/dist/types/mixins/SlottedMixin.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Copyright (c) Cisco Systems, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+/** This mixin help to manage slottable nodes (light DOM children) that become the contents of `<slot>` element.
+ *
+ * @property({ type: Array, attribute: false }) slotted <--- when an element is inserted in a slot.
+ *
+ * Example:
+ *
+ * @customElements("custom-element")
+ * class CustomElement extends SlottedMixin(LitElement) {
+ *  @query('slot[name="custom"]') tabSlot?: HTMLSlotElement;
+ *  get slotElement() { <--- You need to override this getter in parent component class to return specific slot (default or named) from your component’s render root.
+      return this.tabSlot;
+    }
+    protected filterSlotted() { <--- You need to override this method in parent component class to return filtered elements from slotted. (See tab implementation for example)
+      return Array.from(this.children) as HTMLElement[]; <--- By default this method return all children of custom component render root.
+    }
+    protected slottedChanged() { <--- You can override this method to handle when the node(s) contained in slotElement change.
+
+    }
+    render() {
+      return html`
+        <slot name="custom"></slot>
+      `;
+    }
+ * }
+ */
+import { LitElement } from "lit-element";
+export type AnyConstructor<A = LitElement> = new (...args: any[]) => A;
+export interface SlotableInterface {
+    slotted: HTMLElement[];
+}
+export declare abstract class SlotableClass extends LitElement {
+    protected handleSlotted?(): void;
+    protected slottedChanged?(): void;
+    protected filterSlotted?(): HTMLElement[];
+}
+export declare const SlottedMixin: <T extends AnyConstructor<SlotableClass>>(base: T) => T & AnyConstructor<SlotableClass & SlotableInterface>;

package/dist/types/mixins/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) Cisco Systems, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+export { DedupeMixin } from "./DedupeMixin";
+export { FocusMixin } from "./FocusMixin";
+export { FocusTrapMixin } from "./FocusTrapMixin";
+export { ResizeMixin } from "./ResizeMixin";
+export { RovingTabIndexMixin } from "./RovingTabIndexMixin";
+export { SlottedMixin } from "./SlottedMixin";
+export { customElementWithCheck } from "./CustomElementCheck";

package/dist/types/utils/dateUtils.d.ts

@@ -0,0 +1,31 @@
+import { DateTime } from "luxon";
+export interface DayFilters {
+    minDate: DateTime | undefined;
+    maxDate: DateTime | undefined;
+    filterDate: Function | undefined;
+}
+export interface DatePickerProps {
+    locale: string | undefined;
+    selected: DateTime;
+    focused: DateTime;
+    weekStart: string;
+}
+export declare function now(): DateTime;
+export declare function getStartOfWeek(date: DateTime, startDay?: string): DateTime;
+export declare function getStartOfMonth(date: DateTime): DateTime;
+export declare function getDate(date: DateTime): number;
+export declare function getMonth(date: DateTime): number;
+export declare function addDays(date: DateTime, amount: number): DateTime;
+export declare function addWeeks(date: DateTime, amount: number): DateTime;
+export declare function addMonths(date: DateTime, amount: number): DateTime;
+export declare function subtractDays(date: DateTime, amount: number): DateTime;
+export declare function subtractWeeks(date: DateTime, amount: number): DateTime;
+export declare function subtractMonths(date: DateTime, amount: number): DateTime;
+export declare function getLocaleData(date: DateTime): string;
+export declare function getWeekdayNameInLocale(locale: string, date: DateTime): string;
+export declare function localizeDate(date: DateTime, locale: string): DateTime;
+export declare function isSameDay(date1: DateTime, date2: DateTime): boolean;
+export declare function isSameMonth(date1: DateTime, date2: DateTime): boolean;
+export declare function isDayDisabled(day: DateTime, params: DayFilters): boolean;
+export declare function shouldPrevMonthDisable(day: DateTime, minDate: DateTime): boolean;
+export declare function shouldNextMonthDisable(day: DateTime, maxDate: DateTime): boolean;

package/dist/types/utils/enums.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) Cisco Systems, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+export declare const alertTypes: string[];
+export declare const messageType: string[];
+export declare const numInputTypes: string[];
+export declare const badgeColor: string[];
+export declare const BarFormat: string[];
+export declare const BarType: string[];
+export declare const coachPlacement: string[];
+export declare const chipColor: string[];
+export declare const TooltipDirection: string[];
+export declare const iconColorSample: string[];
+export declare const iconSamples: string[];

package/dist/types/utils/helpers.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) Cisco Systems, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+export declare const indicesOf: (text: string, searchString: string) => number[][];
+export declare const mergeRange: ([...ranges]: Iterable<any>) => any[][];
+export declare const findHighlight: (text: string, query: string) => {
+    range: number[];
+    matching: boolean;
+    text: string;
+}[];
+export declare function debounce<T>(func: Function, wait: number, immediate?: boolean): (this: T, ...args: any[]) => void;
+export declare const throttle: (fn: (...args: any[]) => unknown, delay?: number) => (...args: any[]) => void;
+export declare function closestElement(selector: string, base: HTMLElement): HTMLElement | null;

package/dist/types/utils/keyboard.d.ts

@@ -0,0 +1 @@
+export declare function isActionKey(keyCode: string): boolean;

package/dist/types/utils/validations.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) Cisco Systems, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+export declare const ValidationRegex: {
+    textString: string;
+    integerString: string;
+    decimalString: string;
+    dateString: string;
+    dateRangeString: string;
+    ISODateString: string;
+    ISOTimeString: string;
+    ISOString: string;
+    noPrecedingZerosString: string;
+    allLeadingZeros: string;
+    timeString: string;
+    hourString: string;
+    twentyFourHourString: string;
+    minuteSecondString: string;
+    amPmString: string;
+    booleanString: string;
+};

package/dist/types/wc_scss/colors/vars/color-table-data-string.d.ts

@@ -0,0 +1 @@
+export declare const colorTableData = "\n--md-button-primary-bg-color, $md-blue-60 _$mdblue60_, $md-blue-60 _$mdblue60_\n--md-button-primary-hover-bg-color, $md-blue-70 _$mdblue70_, $md-blue-70 _$mdblue70_\n--md-button-primary-pressed-bg-color, $md-blue-80 _$mdblue80_, $md-blue-80 _$mdblue80_\n--md-button-primary-text-color, $md-gray-05 _$mdgray05_, $md-gray-05 _$mdgray05_\n--md-button-primary-outline-color, $md-blue-70 _$mdblue70_, $md-blue-40 _$mdblue40_\n--md-button-primary-outline-text-color, $md-blue-70 _$mdblue70_, $md-blue-40 _$mdblue40_\n--md-button-secondary-bg-color, $md-gray-20 _$mdgray20_, $md-gray-60 _$mdgray60_\n--md-button-secondary-hover-bg-color, $md-gray-30 _$mdgray30_, $md-gray-70 _$mdgray70_\n--md-button-secondary-pressed-bg-color, $md-gray-40 _$mdgray40_, $md-gray-80 _$mdgray80_\n--md-button-secondary-text-color, $md-gray-100 _$mdgray100_, $md-gray-05 _$mdgray05_\n--md-button-secondary-outline-color, $md-gray-70 _$mdgray70_, $md-gray-40 _$mdgray40_\n--md-button-secondary-outline-text-color, $md-gray-70 _$mdgray70_, $md-gray-40 _$mdgray40_\n--md-button-tertiary-bg-color, $md-gray-80 _$mdgray80_, $md-gray-20 _$mdgray20_\n--md-button-tertiary-hover-bg-color, $md-gray-90 _$mdgray90_, $md-gray-30 _$mdgray30_\n--md-button-tertiary-pressed-bg-color, $md-gray-95 _$mdgray95_, $md-gray-40 _$mdgray40_\n--md-button-tertiary-text-color, $md-gray-05 _$mdgray05_, $md-gray-100 _$mdgray100_\n--md-button-tertiary-outline-color, $md-gray-40 _$mdgray40_, $md-gray-70 _$mdgray70_\n--md-button-tertiary-outline-text-color, $md-gray-40 _$mdgray40_, $md-gray-70 _$mdgray70_\n--md-button-join-bg-color, $md-green-60 _$mdgreen60_, $md-green-60 _$mdgreen60_\n--md-button-join-hover-bg-color, $md-green-70 _$mdgreen70_, $md-green-70 _$mdgreen70_\n--md-button-join-pressed-bg-color, $md-green-80 _$mdgreen80_, $md-green-80 _$mdgreen80_\n--md-button-join-text-color, $md-gray-05 _$mdgray05_, $md-gray-05 _$mdgray05_\n--md-button-join-outline-color, $md-green-70 _$mdgreen70_, $md-green-40 _$mdgreen40_\n--md-button-join-outline-text-color, $md-green-70 _$mdgreen70_, $md-green-40 _$mdgreen40_\n--md-button-cancel-bg-color, $md-red-60 _$mdred60_, $md-red-60 _$mdred60_\n--md-button-cancel-hover-bg-color, $md-red-70 _$mdred70_, $md-red-70 _$mdred70_\n--md-button-cancel-pressed-bg-color, $md-red-80 _$mdred80_, $md-red-80 _$mdred80_\n--md-button-cancel-text-color, $md-gray-05 _$mdgray05_, $md-gray-05 _$mdgray05_\n--md-button-cancel-outline-color, $md-red-70 _$mdred70_, $md-red-40 _$mdred40_\n--md-button-cancel-outline-text-color, $md-red-70 _$mdred70_, $md-red-40 _$mdred40_\n--md-button-ghost-bg-color, none _none_, none _none_\n--md-button-ghost-hover-bg-color, $md-gray-70 _$mdgray70_, $md-gray-70 _$mdgray70_\n--md-button-ghost-pressed-bg-color, $md-gray-80 _$mdgray80_, $md-gray-60 _$mdgray60_\n--md-button-ghost-text-color, $md-gray-100 _$mdgray100_, $md-gray-05 _$mdgray05_\n--md-button-focus-ring-color, $md-blue-60 _$mdblue60_, $md-blue-40 _$mdblue40_\n--md-button-disabled-bg-color, $md-gray-20 _$mdgray20_, $md-gray-90 _$mdgray90_\n--md-button-disabled-text-color, $md-gray-40 _$mdgray40_, $md-gray-70 _$mdgray70_\n--md-button-files-normal-bg-color, none _none_, none _none_\n--md-button-files-normal-text-color, $md-gray-100 _$mdgray100_, $md-gray-05 _$mdgray05_\n--md-button-files-hover-bg-color, $md-yellow-70 _$mdyellow70_, $md-gray-80 _$mdgray80_\n--md-button-files-hover-text-color, $md-white-100 _$mdwhite100_, $md-gray-05 _$mdgray05_\n--md-button-files-pressed-bg-color, $md-yellow-80 _$mdyellow80_, $md-yellow-50 _$mdyellow50_\n--md-button-files-pressed-text-color, $md-gray-05 _$mdgray05_, $md-gray-05 _$mdgray05_\n--md-button-whiteboards-normal-bg-color, none _none_, none _none_\n--md-button-whiteboards-normal-text-color, $md-gray-100 _$mdgray100_, $md-gray-05 _$mdgray05_\n--md-button-whiteboards-hover-bg-color, $md-purple-70 _$mdpurple70_, $md-gray-80 _$mdgray80_\n--md-button-whiteboards-hover-text-color, $md-white-100 _$mdwhite100_, $md-gray-05 _$mdgray05_\n--md-button-whiteboards-pressed-bg-color, $md-purple-80 _$mdpurple80_, $md-purple-50 _$mdpurple50_\n--md-button-whiteboards-pressed-text-color, $md-gray-05 _$mdgray05_, $md-gray-05 _$mdgray05_\n--md-input-background-color, $md-white _$mdwhite_, $md-gray-100 _$mdgray100_\n--md-input-background-hover, $md-gray-20 _$mdgray20_, $md-gray-80 _$mdgray80_\n--md-input-background-pressed, $md-gray-30 _$mdgray30_, $md-gray-70 _$mdgray70_\n--md-input-background-active, $md-gray-20 _$mdgray20_, $md-gray-80 _$mdgray80_\n--md-input-background-theme-color, $md-theme-60 _$mdtheme60_, $md-theme-40 _$mdtheme40_\n--md-input-background-theme-hover, $md-theme-70 _$mdtheme70_, $md-theme-50 _$mdtheme50_\n--md-input-background-theme-pressed, $md-theme-80 _$mdtheme80_, $md-theme-60 _$mdtheme60_\n--md-input-background-theme-active, $md-theme-80 _$mdtheme80_, $md-theme-60 _$mdtheme60_\n--md-input-background-theme-disabled, $md-theme-05 _$mdtheme05_, $md-theme-90 _$mdtheme90_\n--md-input-background-error, $md-red-05 _$mdred05_, $md-red-90 _$mdred90_\n--md-input-disabled, $md-gray-10 _$mdgray10_, $md-gray-90 _$mdgray90_\n--md-input-focusRing, $md-theme-60 _$mdtheme60_, $md-theme-40 _$mdtheme40_\n--md-input-outline-color, $md-gray-30 _$mdgray30_, $md-gray-70 _$mdgray70_\n--md-input-outline-active, $md-gray-40 _$mdgray40_, $md-gray-60 _$mdgray60_\n--md-input-outline-error, $md-red-50 _$mdred50_, $md-red-50 _$mdred50_\n--md-input-text-primary, $md-gray-100 _$mdgray100_, $md-gray-05 _$mdgray05_\n--md-input-text-secondary, $md-gray-70 _$mdgray70_, $md-gray-70 _$mdgray70_\n--md-input-text-disabled, $md-gray-40 _$mdgray40_, $md-gray-40 _$mdgray40_\n--md-input-text-error, $md-red-70 _$mdred70_, $md-red-40 _$mdred40_\n--md-textColor-primary, $md-gray-100 _$mdgray100_, $md-gray-05 _$mdgray05_\n--md-textColor-secondary, $md-gray-70 _$mdgray70_, $md-gray-40 _$mdgray40_\n--md-textColor-disabled, $md-gray-40 _$mdgray40_, $md-gray-70 _$mdgray70_\n--md-textColor-highlight, $md-gray-20 _$mdgray20_, $md-gray-80 _$mdgray80_\n--md-textColor-hyperlink-color, $md-theme-70 _$mdtheme70_, $md-theme-40 _$mdtheme40_\n--md-textColor-hyperlink-hover, $md-theme-90 _$mdtheme90_, $md-theme-20 _$mdtheme20_\n--md-textColor-hyperlink-focus, $md-theme-70 _$mdtheme70_, $md-theme-40 _$mdtheme40_\n--md-background-primary, $md-white _$mdwhite_, $md-gray-100 _$mdgray100_\n--md-background-secondary, $md-gray-05 _$mdgray05_, $md-gray-95 _$mdgray95_\n--md-background-tertiary, $md-gray-10 _$mdgray10_, $md-gray-90 _$mdgray90_\n--md-background-quaternary, $md-gray-20 _$mdgray20_, $md-gray-80 _$mdgray80_\n--md-presence-busy, $md-yellow-40 _$mdyellow40_, $md-yellow-40 _$mdyellow40_\n--md-presence-doNotDisturb, $md-red-60 _$mdred60_, $md-red-60 _$mdred60_\n--md-presence-active, $md-green-50 _$mdgreen50_, $md-green-50 _$mdgreen50_\n--md-presence-away, $md-gray-30 _$mdgray30_, $md-gray-30 _$mdgray30_\n--md-alert-background-warning, $md-yellow-10 _$mdyellow10_, $md-yellow-80 _$mdyellow80_\n--md-alert-background-error, $md-red-10 _$mdred10_, $md-red-80 _$mdred80_\n--md-alert-background-theme, $md-theme-10 _$mdtheme10_, $md-theme-80 _$mdtheme80_\n--md-alert-background-success, $md-green-10 _$mdgreen10_, $md-green-80 _$mdgreen80_\n--md-alert-text-warning, $md-yellow-70 _$mdyellow70_, $md-yellow-40 _$mdyellow40_\n--md-alert-text-error, $md-red-70 _$mdred70_, $md-red-40 _$mdred40_\n--md-alert-text-theme, $md-theme-70 _$mdtheme70_, $md-theme-40 _$mdtheme40_\n--md-alert-text-success, $md-green-70 _$mdgreen70_, $md-green-40 _$mdgreen40_\n--md-avatar-cobalt, $md-cobalt-30 _$mdcobalt30_, $md-cobalt-30 _$mdcobalt30_\n--md-avatar-cyan, $md-cyan-30 _$mdcyan30_, $md-cyan-30 _$mdcyan30_\n--md-avatar-gold, $md-gold-30 _$mdgold30_, $md-gold-30 _$mdgold30_\n--md-avatar-gray, $md-gray-30 _$mdgray30_, $md-gray-30 _$mdgray30_\n--md-avatar-lime, $md-lime-30 _$mdlime30_, $md-lime-30 _$mdlime30_\n--md-avatar-mint, $md-mint-30 _$mdmint30_, $md-mint-30 _$mdmint30_\n--md-avatar-orange, $md-orange-30 _$mdorange30_, $md-orange-30 _$mdorange30_\n--md-avatar-pink, $md-pink-30 _$mdpink30_, $md-pink-30 _$mdpink30_\n--md-avatar-purple, $md-purple-30 _$mdpurple30_, $md-purple-30 _$mdpurple30_\n--md-avatar-slate, $md-slate-30 _$mdslate30_, $md-slate-30 _$mdslate30_\n--md-avatar-violet, $md-violet-30 _$mdviolet30_, $md-violet-30 _$mdviolet30_\n--md-separator-primary, $md-gray-30 _$mdgray30_, $md-gray-70 _$mdgray70_\n--md-separator-secondary, $md-gray-40 _$mdgray40_, $md-gray-60 _$mdgray60_\n";

package/package.json

@@ -1,56 +1,11 @@
 {
   "name": "@momentum-ui/web-components",
-  "version": "2.14.13",
+  "version": "2.14.14",
   "author": "Yana Harris",
   "license": "MIT",
   "repository": "https://github.com/momentum-design/momentum-ui.git",
   "main": "./dist/index.js",
   "types": "./dist/types/index.d.ts",
-  "scripts": {
-    "start": "npm run dev",
-    "dev": "webpack-dev-server --config ./webpack.config.dev.server.ts",
-    "dev:build": "webpack --config-name=dev",
-    "dist": "cross-env NODE_OPTIONS=--openssl-legacy-provider webpack --config-name=distProd",
-    "dist:dev": "webpack --config-name=distDev",
-    "dist:watch": "webpack --config-name=distDevWatch",
-    "npm:auth": "uuip-publish-auth [momentum-ui-private]",
-    "npm:publish": "npm run npm:auth && npm run dist && uuip-publish dist momentum-ui-private",
-    "npm:publish:external": "npm run dist && npm run create-package && cp -R ./README.md ./publish/ && cd ./publish && json -I -f package.json -e 'this.publishConfig={\"registry\": \"https://registry.npmjs.org\"}' && npm publish",
-    "test": "jest",
-    "test:debug": "node --inspect-brk node_modules/.bin/jest --runInBand",
-    "test:ci": "jest --coverage --updateSnapshot --maxWorkers=4",
-    "storybook:resource": "npx web-component-analyzer src/*components/**/*.ts --outFile .storybook/custom-elements.json",
-    "storybook:dist": "npm run storybook:resource && build-storybook -c .storybook -o .out",
-    "storybook:local": "npm run storybook:resource && storybook-to-ghpages --dry-run --out=.out && npx http-server .out",
-    "storybook": "npm run storybook:resource && start-storybook -p 1234",
-    "deploy-storybook": "storybook-to-ghpages",
-    "storybook:deploy": "npm run deploy-storybook",
-    "storybook:deploy-ci": "storybook-to-ghpages --ci",
-    "snapshot": "npm run storybook:resource && build-storybook && percy-storybook --widths=1280",
-    "postinstall": "npm run build:tokens",
-    "clearVars": "node ./src/utils/clearVars.js",
-    "createTokensModule": "node ./src/utils/createTokenFilesModule.js",
-    "build:tokens": "yarn createTokensModule && node ./src/utils/generateScssFromTokens.js && node ./src/utils/generateColorTableData.js",
-    "sonar": "yarn install && yarn test && node sonar.config.js",
-    "eslint": "eslint --ext .ts,.js ./src --ignore-path .eslintignore",
-    "eslint:fix": "eslint --ext .ts,.js ./src --ignore-path .eslintignore --fix",
-    "create-package": "node -e 'require(\"./publish-conf\").createPackageJson()'",
-    "notify": "node -e 'require(\"./publish-conf\").notify()'"
-  },
-  "resolutions": {
-    "jest": "^26.4.2",
-    "jest-config": "^26.4.2",
-    "lit-element": "2.3.1",
-    "lit-html": "^1.2.1"
-  },
-  "peerDependencies": {
-    "@momentum-ui/core": "19.16.0",
-    "@momentum-ui/icons": "8.28.5",
-    "@momentum-ui/tokens": "1.7.1",
-    "@momentum-ui/utils": "6.2.15",
-    "lit-element": "2.3.1",
-    "lit-html": "^1.2.1"
-  },
   "dependencies": {
     "@interactjs/actions": "1.10.3",
     "@interactjs/auto-start": "1.10.3",
@@ -74,94 +29,15 @@
     "papaparse": "^5.4.1",
     "sortablejs": "^1.15.3"
   },
-  "devDependencies": {
-    "@babel/core": "^7.25.7",
-    "@babel/preset-env": "^7.25.7",
-    "@interactjs/types": "1.10.3",
+  "peerDependencies": {
     "@momentum-ui/core": "19.16.0",
     "@momentum-ui/icons": "8.28.5",
     "@momentum-ui/tokens": "1.7.1",
     "@momentum-ui/utils": "6.2.15",
-    "@open-wc/testing-helpers": "1.8.9",
-    "@percy/storybook": "^3.3.0",
-    "@storybook/addon-a11y": "6.4.0",
-    "@storybook/addon-docs": "6.4.0",
-    "@storybook/addon-actions": "6.4.0",
-    "@storybook/addons": "6.4.0",
-    "@storybook/addon-controls": "6.4.0",
-    "@storybook/addon-essentials": "6.4.0",
-    "@storybook/client-api": "6.4.0",
-    "@storybook/web-components": "6.4.0",
-    "@storybook/core": "6.4.0",
-    "@storybook/core-common": "6.4.0",
-    "@storybook/storybook-deployer": "^2.8.16",
-    "@types/copy-webpack-plugin": "^5.0.0",
-    "@types/dompurify": "^3.0.5",
-    "@types/highlight.js": "^10.1.0",
-    "@types/html-webpack-plugin": "^3.2.9",
-    "@types/jest": "26.0.10",
-    "@types/luxon": "^1.25.0",
-    "@types/node": "^20.15.1",
-    "@types/papaparse": "^5.3.14",
-    "@types/sortablejs": "^1.10.6",
-    "@types/webpack": "^4.41.38",
-    "@types/webpack-dev-server": "^3.10.0",
-    "@types/webpack-node-externals": "^2.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.62.0",
-    "@typescript-eslint/parser": "^5.62.0",
-    "@wxcc-desktop/eslint-plugin-no-blocked-words-plugin": "1.0.4",
-    "@types/express": "5.0.0",
-    "@types/express-serve-static-core": "5.0.0",
-    "alias-resolve-loader": "^2.0.4",
-    "babel-jest": "26.3.0",
-    "babel-loader": "^8.1.0",
-    "clean-webpack-plugin": "^4.0.0",
-    "copy-webpack-plugin": "^5.1.1",
-    "cross-env": "^7.0.3",
-    "css-loader": "^3.4.2",
-    "cssstats": "^4.0.5",
-    "eslint": "^8.56.0",
-    "eslint-plugin-prettier": "^5.2.1",
-    "extract-loader": "^4.0.3",
-    "file-loader": "^4.3.0",
-    "fs-extra": "^9.0.1",
-    "fs-path": "^0.0.24",
-    "handlebars": "^4.7.6",
-    "html-webpack-plugin": "^3.2.0",
-    "husky": "3.1.0",
-    "import-local": "^3.0.0",
-    "jest": "26.4.2",
-    "jest-config": "26.4.2",
     "lit-element": "2.3.1",
-    "lit-html": "^1.2.1",
-    "lit-scss-loader": "1.0.1",
-    "postcss": "^8.4.47",
-    "postcss-selector-parser": "^6.1.2",
-    "prettier": "^3.3.3",
-    "properties-reader": "^2.3.0",
-    "query-selector-shadow-dom": "^1.0.1",
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0",
-    "remove-files-webpack-plugin": "1.4.0",
-    "sass": "^1.79.4",
-    "sass-loader": "^10.5.2",
-    "sonarqube-scanner": "^2.8.1",
-    "string-replace-loader": "^2.3.0",
-    "strip-css-comments": "^4.1.0",
-    "stylelint": "^15.0.0",
-    "stylelint-config-sass-guidelines": "^10.0.0",
-    "stylelint-prettier": "^4.0.2",
-    "ts-jest": "26.3.0",
-    "ts-loader": "^8.4.0",
-    "ts-node": "^10.9.2",
-    "typescript": "^4.9.0",
-    "url-loader": "^4.1.1",
-    "wc-sass-render": "^1.4.0",
-    "wcag-color": "^1.1.1",
-    "webpack": "^4.47.0",
-    "webpack-cli": "^4.10.0",
-    "webpack-dev-server": "^4.15.2",
-    "webpack-merge": "^5.7.3",
-    "webpack-node-externals": "^3.0.0"
+    "lit-html": "^1.2.1"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org"
   }
 }

package/.eslintignore

@@ -1,6 +0,0 @@
-/node_modules
-/coverage
-/build
-/dist
-/publish
-publish.auth.js

package/.eslintrc.js

@@ -1,22 +0,0 @@
-module.exports = {
-  root: true,
-  parser: "@typescript-eslint/parser",
-  plugins: ["@typescript-eslint", "prettier", "@wxcc-desktop/eslint-plugin-no-blocked-words-plugin"],
-  extends: [
-    "eslint:recommended",
-    "plugin:@typescript-eslint/eslint-recommended",
-    "plugin:@typescript-eslint/recommended"
-  ],
-  rules: {
-    "prettier/prettier": "error",
-    "@typescript-eslint/explicit-function-return-type": "off",
-    "@typescript-eslint/no-non-null-assertion": "off",
-    "@typescript-eslint/no-namespace": "off",
-    "@typescript-eslint/camelcase": "off",
-    "@typescript-eslint/no-unused-vars": ["error", { argsIgnorePattern: "^_" }],
-    "@wxcc-desktop/no-blocked-words-plugin/no-blocked-words": [
-      "error",
-      ["master", "slave", "dummy", "whitelist", "blacklist"]
-    ]
-  }
-};

package/.github/CODEOWNERS

@@ -1,5 +0,0 @@
-# These owners will be the default owners for everything in
-# the repo. Unless a later match takes precedence,
-# @global-owner1 and @global-owner2 will be requested for
-# review when someone opens a pull request.
-*       @yanaha @rosts @manro @kehyde @egiere

package/.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,38 +0,0 @@
----
-name: Bug report
-about: Create a report to help us improve
-title: ''
-labels: ''
-assignees: ''
-
----
-
-**Describe the bug**
-A clear and concise description of what the bug is.
-
-**To Reproduce**
-Steps to reproduce the behavior:
-1. Go to '...'
-2. Click on '....'
-3. Scroll down to '....'
-4. See error
-
-**Expected behavior**
-A clear and concise description of what you expected to happen.
-
-**Screenshots**
-If applicable, add screenshots to help explain your problem.
-
-**Desktop (please complete the following information):**
- - OS: [e.g. iOS]
- - Browser [e.g. chrome, safari]
- - Version [e.g. 22]
-
-**Smartphone (please complete the following information):**
- - Device: [e.g. iPhone6]
- - OS: [e.g. iOS8.1]
- - Browser [e.g. stock browser, safari]
- - Version [e.g. 22]
-
-**Additional context**
-Add any other context about the problem here.

package/.github/ISSUE_TEMPLATE/feature_request.md

@@ -1,20 +0,0 @@
----
-name: Feature request
-about: Suggest an idea for this project
-title: ''
-labels: ''
-assignees: ''
-
----
-
-**Is your feature request related to a problem? Please describe.**
-A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
-
-**Describe the solution you'd like**
-A clear and concise description of what you want to happen.
-
-**Describe alternatives you've considered**
-A clear and concise description of any alternative solutions or features you've considered.
-
-**Additional context**
-Add any other context or screenshots about the feature request here.