@m3e/slider 1.0.0-rc.1 → 1.0.0-rc.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/README.md +1 -2
  2. package/dist/custom-elements.json +2841 -11
  3. package/dist/html-custom-data.json +1 -1
  4. package/dist/index.js +2 -2
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.min.js +1 -1
  7. package/dist/index.min.js.map +1 -1
  8. package/dist/src/SliderElement.d.ts +1 -4
  9. package/dist/src/SliderElement.d.ts.map +1 -1
  10. package/dist/src/SliderThumbElement.d.ts +1 -0
  11. package/dist/src/SliderThumbElement.d.ts.map +1 -1
  12. package/package.json +4 -4
  13. package/cem.config.mjs +0 -16
  14. package/demo/index.html +0 -86
  15. package/eslint.config.mjs +0 -13
  16. package/rollup.config.js +0 -32
  17. package/src/SliderElement.ts +0 -723
  18. package/src/SliderSize.ts +0 -2
  19. package/src/SliderThumbElement.ts +0 -230
  20. package/src/index.ts +0 -3
  21. package/tsconfig.json +0 -9
package/dist/src/SliderElement.d.ts CHANGED
@@ -1,9 +1,7 @@
1
1
  import { CSSResultGroup, LitElement, PropertyValues } from "lit";
2
2
  import { M3eSliderThumbElement } from "./SliderThumbElement";
3
3
  import { SliderSize } from "./SliderSize";
4
- declare const M3eSliderElement_base: import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor & typeof LitElement;
5
4
  /**
6
- * @summary
7
5
  * Allows for the selection of numeric values from a range.
8
6
  *
9
7
  * @description
@@ -73,7 +71,7 @@ declare const M3eSliderElement_base: import("node_modules/@m3e/core/dist/src/sha
73
71
  * @cssprop --m3e-slider-tick-inactive-color - Color of inactive ticks when enabled.
74
72
  * @cssprop --m3e-slider-disabled-tick-inactive-color - Color of inactive ticks when disabled.
75
73
  */
76
- export declare class M3eSliderElement extends M3eSliderElement_base {
74
+ export declare class M3eSliderElement extends LitElement {
77
75
  #private;
78
76
  /** The styles of the element. */
79
77
  static styles: CSSResultGroup;
@@ -139,5 +137,4 @@ declare global {
139
137
  "m3e-slider": M3eSliderElement;
140
138
  }
141
139
  }
142
- export {};
143
140
  //# sourceMappingURL=SliderElement.d.ts.map
package/dist/src/SliderElement.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SliderElement.d.ts","sourceRoot":"","sources":["../../src/SliderElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAa,MAAM,KAAK,CAAC;AAMvF,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;;AAE1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsEG;AACH,qBACa,gBAAiB,SAAQ,qBAAwB;;IAC5D,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAwNpC;IAEF,eAAe;IACC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAc;IAErD,eAAe;IACN,OAAO,CAAC,MAAM,CAAmD;;IAa1E;;;OAGG;IAC0B,IAAI,EAAE,UAAU,CAAiB;IAE9D;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IACyB,GAAG,SAAK;IAEpC;;;OAGG;IACyB,GAAG,SAAO;IAEtC;;;OAGG;IACyB,IAAI,SAAK;IAErC;;;OAGG;IAC0B,QAAQ,UAAS;IAE9C,kDAAkD;IAClB,WAAW,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,MAAM,CAAC,GAAG,IAAI,CAAQ;IAE9F,wCAAwC;IACxC,IAAI,MAAM,IAAI,SAAS,qBAAqB,EAAE,CAE7C;IAED,4CAA4C;IAC5C,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,wCAAwC;IACxC,IAAI,KAAK,IAAI,qBAAqB,GAAG,IAAI,CAExC;IAED,kEAAkE;IAClE,IAAI,UAAU,IAAI,qBAAqB,GAAG,IAAI,CAE7C;IAED,kEAAkE;IAClE,IAAI,UAAU,IAAI,qBAAqB,GAAG,IAAI,CAE7C;IAED,kBAAkB;cACC,OAAO,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQ1E,kBAAkB;cACC,MAAM,IAAI,OAAO;CA8TrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}
1
+ {"version":3,"file":"SliderElement.d.ts","sourceRoot":"","sources":["../../src/SliderElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAa,MAAM,KAAK,CAAC;AAMvF,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqEG;AACH,qBACa,gBAAiB,SAAQ,UAAU;;IAC9C,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAwNpC;IAEF,eAAe;IACC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAc;IAErD,eAAe;IACN,OAAO,CAAC,MAAM,CAAmD;;IAa1E;;;OAGG;IAC0B,IAAI,EAAE,UAAU,CAAiB;IAE9D;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IACyB,GAAG,SAAK;IAEpC;;;OAGG;IACyB,GAAG,SAAO;IAEtC;;;OAGG;IACyB,IAAI,SAAK;IAErC;;;OAGG;IAC0B,QAAQ,UAAS;IAE9C,kDAAkD;IAClB,WAAW,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,MAAM,CAAC,GAAG,IAAI,CAAQ;IAE9F,wCAAwC;IACxC,IAAI,MAAM,IAAI,SAAS,qBAAqB,EAAE,CAE7C;IAED,4CAA4C;IAC5C,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,wCAAwC;IACxC,IAAI,KAAK,IAAI,qBAAqB,GAAG,IAAI,CAExC;IAED,kEAAkE;IAClE,IAAI,UAAU,IAAI,qBAAqB,GAAG,IAAI,CAE7C;IAED,kEAAkE;IAClE,IAAI,UAAU,IAAI,qBAAqB,GAAG,IAAI,CAE7C;IAED,kBAAkB;cACC,OAAO,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQ1E,kBAAkB;cACC,MAAM,IAAI,OAAO;CA8TrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}
package/dist/src/SliderThumbElement.d.ts CHANGED
@@ -34,6 +34,7 @@ declare const M3eSliderThumbElement_base: import("node_modules/@m3e/core/dist/sr
34
34
  *
35
35
  * @fires input - Emitted when the value changes.
36
36
  * @fires change - Emitted when the value changes.
37
+ * @fires click - Emitted when the element is clicked.
37
38
  *
38
39
  * @cssprop --m3e-slider-thumb-width - Width of the slider thumb.
39
40
  * @cssprop --m3e-slider-thumb-padding - Horizontal padding around the thumb.
package/dist/src/SliderThumbElement.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SliderThumbElement.d.ts","sourceRoot":"","sources":["../../src/SliderThumbElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAa,MAAM,KAAK,CAAC;AAGvF,OAAO,EAOL,SAAS,EAIV,MAAM,WAAW,CAAC;;AAEnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,qBACa,qBAAsB,SAAQ,0BAE1C;;IACC,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CA4GpC;IAEF,eAAe,CAAuB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAsB;IAExF;;;OAGG;IACwC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEvE,kBAAkB;IAClB,IAAa,CAAC,SAAS,CAAC,IAAI,MAAM,GAAG,IAAI,GAAG,QAAQ,GAAG,IAAI,CAE1D;IAOD,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAK/E,kBAAkB;cACC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQxE,kBAAkB;cACC,MAAM,IAAI,OAAO;CAUrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF"}
1
+ {"version":3,"file":"SliderThumbElement.d.ts","sourceRoot":"","sources":["../../src/SliderThumbElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAa,MAAM,KAAK,CAAC;AAGvF,OAAO,EAOL,SAAS,EAIV,MAAM,WAAW,CAAC;;AAEnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,qBACa,qBAAsB,SAAQ,0BAE1C;;IACC,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CA4GpC;IAEF,eAAe,CAAuB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAsB;IAExF;;;OAGG;IACwC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEvE,kBAAkB;IAClB,IAAa,CAAC,SAAS,CAAC,IAAI,MAAM,GAAG,IAAI,GAAG,QAAQ,GAAG,IAAI,CAE1D;IAOD,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAK/E,kBAAkB;cACC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQxE,kBAAkB;cACC,MAAM,IAAI,OAAO;CAUrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF"}
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@m3e/slider",
3
- "version": "1.0.0-rc.1",
3
+ "version": "1.0.0-rc.3",
4
4
  "description": "Slider for M3E",
5
5
  "author": "matraic <matraic@yahoo.com>",
6
6
  "license": "MIT",
7
- "homepage": "https://matraic.github.io/m3e/",
7
+ "homepage": "https://matraic.github.io/m3e/#/components/slider.html",
8
8
  "repository": {
9
9
  "type": "git",
10
- "url": "https://github.com/matraic/m3e.git"
10
+ "url": "git+https://github.com/matraic/m3e.git"
11
11
  },
12
12
  "keywords": [
13
13
  "material design",
@@ -28,7 +28,7 @@
28
28
  "clean": "rimraf dist"
29
29
  },
30
30
  "peerDependencies": {
31
- "@m3e/core": "1.0.0-rc.1",
31
+ "@m3e/core": "1.0.0-rc.3",
32
32
  "lit": "^3.3.0"
33
33
  },
34
34
  "devDependencies": {
package/cem.config.mjs DELETED
@@ -1,16 +0,0 @@
1
- import { customElementVsCodePlugin } from "custom-element-vs-code-integration";
2
-
3
- export default {
4
- globs: ["src/**/*.ts"],
5
- exclude: ["src/**/*.spec.ts"],
6
- packagejson: true,
7
- outdir: "dist",
8
- litelement: true,
9
- plugins: [
10
- customElementVsCodePlugin({
11
- outdir: "dist",
12
- htmlFileName: "html-custom-data.json",
13
- cssFileName: "css-custom-data.json",
14
- }),
15
- ],
16
- };
package/demo/index.html DELETED
@@ -1,86 +0,0 @@
1
- <!doctype html>
2
- <html lang="en" style="overflow-y: auto">
3
- <head>
4
- <title>Slider for M3E</title>
5
- <meta charset="utf-8" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1" />
7
- <meta name="description" content="Slider for M3E" />
8
- <base href="./" />
9
- <link rel="preconnect" href="https://fonts.googleapis.com" />
10
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
11
- <link
12
- href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"
13
- rel="stylesheet"
14
- />
15
- <link
16
- href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0..1,0"
17
- rel="stylesheet"
18
- />
19
- <script type="importmap">
20
- {
21
- "imports": {
22
- "lit": "https://cdn.jsdelivr.net/npm/lit@3.3.0/+esm",
23
- "@m3e/core": "../../core/dist/index.min.js"
24
- }
25
- }
26
- </script>
27
- <script type="module" src="../../theme/dist/index.min.js"></script>
28
- <script type="module" src="../dist/index.min.js"></script>
29
- <style>
30
- body {
31
- font-family: "Roboto";
32
- }
33
- *:not(:defined) {
34
- display: none;
35
- }
36
- </style>
37
- </head>
38
- <body>
39
- <m3e-theme strong-focus>
40
- <br /><br /><br /><br />
41
- <m3e-slider labelled>
42
- <m3e-slider-thumb aria-label="Slider thumb" value="50"></m3e-slider-thumb>
43
- </m3e-slider>
44
- <m3e-slider labelled>
45
- <m3e-slider-thumb aria-label="Slider thumb" value="50"></m3e-slider-thumb>
46
- </m3e-slider>
47
- <m3e-slider labelled>
48
- <m3e-slider-thumb aria-label="Slider thumb" value="50"></m3e-slider-thumb>
49
- <m3e-slider-thumb aria-label="Slider thumb" value="75"></m3e-slider-thumb>
50
- </m3e-slider>
51
- <m3e-slider labelled discrete step="10">
52
- <m3e-slider-thumb aria-label="Slider thumb" value="20"></m3e-slider-thumb>
53
- <m3e-slider-thumb aria-label="Slider thumb" value="70"></m3e-slider-thumb>
54
- </m3e-slider>
55
- <m3e-slider labelled min="-50">
56
- <m3e-slider-thumb aria-label="Slider thumb" value="-20"></m3e-slider-thumb>
57
- </m3e-slider>
58
- <br />
59
- <br />
60
- <m3e-slider labelled disabled>
61
- <m3e-slider-thumb aria-label="Slider thumb" value="50"></m3e-slider-thumb>
62
- </m3e-slider>
63
- <m3e-slider labelled disabled>
64
- <m3e-slider-thumb aria-label="Slider thumb" value="50"></m3e-slider-thumb>
65
- <m3e-slider-thumb aria-label="Slider thumb" value="75"></m3e-slider-thumb>
66
- </m3e-slider>
67
- <br /><br />
68
- <m3e-slider size="small" labelled>
69
- <m3e-slider-thumb aria-label="Slider thumb" value="50"></m3e-slider-thumb>
70
- <m3e-slider-thumb aria-label="Slider thumb" value="75"></m3e-slider-thumb>
71
- </m3e-slider>
72
- <m3e-slider size="medium" labelled>
73
- <m3e-slider-thumb aria-label="Slider thumb" value="50"></m3e-slider-thumb>
74
- <m3e-slider-thumb aria-label="Slider thumb" value="75"></m3e-slider-thumb>
75
- </m3e-slider>
76
- <m3e-slider size="large" labelled>
77
- <m3e-slider-thumb aria-label="Slider thumb" value="50"></m3e-slider-thumb>
78
- <m3e-slider-thumb aria-label="Slider thumb" value="75"></m3e-slider-thumb>
79
- </m3e-slider>
80
- <m3e-slider size="extra-large" labelled>
81
- <m3e-slider-thumb aria-label="Slider thumb" value="50"></m3e-slider-thumb>
82
- <m3e-slider-thumb aria-label="Slider thumb" value="75"></m3e-slider-thumb>
83
- </m3e-slider>
84
- </m3e-theme>
85
- </body>
86
- </html>
package/eslint.config.mjs DELETED
@@ -1,13 +0,0 @@
1
- import eslint from "@eslint/js";
2
- import tseslint from "typescript-eslint";
3
- import { fileURLToPath } from "url";
4
- import { dirname } from "path";
5
-
6
- export default tseslint.config(eslint.configs.recommended, tseslint.configs.recommended, {
7
- languageOptions: {
8
- parserOptions: {
9
- project: true,
10
- tsconfigRootDir: dirname(fileURLToPath(import.meta.url)),
11
- },
12
- },
13
- });
package/rollup.config.js DELETED
@@ -1,32 +0,0 @@
1
- import resolve from "@rollup/plugin-node-resolve";
2
- import terser from "@rollup/plugin-terser";
3
- import typescript from "@rollup/plugin-typescript";
4
-
5
- const banner = `/**
6
- * @license MIT
7
- * Copyright (c) 2025 matraic
8
- * See LICENSE file in the project root for full license text.
9
- */`;
10
-
11
- export default [
12
- {
13
- input: "src/index.ts",
14
- output: [
15
- {
16
- file: "dist/index.js",
17
- format: "esm",
18
- sourcemap: true,
19
- banner: banner,
20
- },
21
- {
22
- file: "dist/index.min.js",
23
- format: "esm",
24
- sourcemap: true,
25
- banner: banner,
26
- plugins: [terser({ mangle: true })],
27
- },
28
- ],
29
- external: ["@m3e/core", "lit"],
30
- plugins: [resolve(), typescript()],
31
- },
32
- ];