@grayscale-dev/dragon 0.1.8 → 0.1.10

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 (5) hide show
  1. package/README.md +41 -11
  2. package/dist/components/dui-input.d.ts +13 -8
  3. package/dist/index.js +3651 -2471
  4. package/dist/manifest.json +63 -21
  5. package/package.json +2 -2
package/dist/manifest.json CHANGED
@@ -17,21 +17,35 @@
17
17
  },
18
18
  {
19
19
  "name": "placeholder",
20
- "description": "Placeholder text shown when value is empty. Hidden in floating label mode unless regex-placeholder is provided while focused.",
20
+ "description": "Placeholder text shown when value is empty. Hidden in floating label mode.",
21
21
  "type": "string",
22
22
  "default": "",
23
23
  "control": "text"
24
24
  },
25
25
  {
26
- "name": "regex",
27
- "description": "JavaScript regular expression used by the IMask regex engine.",
26
+ "name": "prefix",
27
+ "description": "Visual prefix always shown before the user value.",
28
28
  "type": "string",
29
29
  "default": "",
30
30
  "control": "text"
31
31
  },
32
32
  {
33
- "name": "regex-placeholder",
34
- "description": "Explicit placeholder text for regex mode. If omitted, regex placeholder is not shown.",
33
+ "name": "suffix",
34
+ "description": "Visual suffix always shown after the user value.",
35
+ "type": "string",
36
+ "default": "",
37
+ "control": "text"
38
+ },
39
+ {
40
+ "name": "template",
41
+ "description": "Display template where each x is a value slot and literals stay visible.",
42
+ "type": "string",
43
+ "default": "",
44
+ "control": "text"
45
+ },
46
+ {
47
+ "name": "input-mask",
48
+ "description": "Inputmask mask expression used to constrain user input.",
35
49
  "type": "string",
36
50
  "default": "",
37
51
  "control": "text"
@@ -105,14 +119,26 @@
105
119
  "default": ""
106
120
  },
107
121
  {
108
- "name": "regex",
109
- "description": "Regex source pattern used for masking.",
122
+ "name": "prefix",
123
+ "description": "Visual prefix shown before the user value.",
110
124
  "type": "string",
111
125
  "default": ""
112
126
  },
113
127
  {
114
- "name": "regexPlaceholder",
115
- "description": "Explicit placeholder text used when regex-placeholder is provided.",
128
+ "name": "suffix",
129
+ "description": "Visual suffix shown after the user value.",
130
+ "type": "string",
131
+ "default": ""
132
+ },
133
+ {
134
+ "name": "template",
135
+ "description": "Template string where x characters are value slots.",
136
+ "type": "string",
137
+ "default": ""
138
+ },
139
+ {
140
+ "name": "inputMask",
141
+ "description": "Inputmask mask expression used for masking.",
116
142
  "type": "string",
117
143
  "default": ""
118
144
  },
@@ -272,7 +298,7 @@
272
298
  {
273
299
  "id": "mask",
274
300
  "label": "Mask",
275
- "description": "Regex masking controls.",
301
+ "description": "Input mask controls.",
276
302
  "order": 3
277
303
  },
278
304
  {
@@ -331,6 +357,30 @@
331
357
  "label": "Label Position",
332
358
  "order": 3
333
359
  },
360
+ {
361
+ "id": "prefix",
362
+ "kind": "attribute",
363
+ "ref": "prefix",
364
+ "group": "content",
365
+ "label": "Prefix",
366
+ "order": 4
367
+ },
368
+ {
369
+ "id": "suffix",
370
+ "kind": "attribute",
371
+ "ref": "suffix",
372
+ "group": "content",
373
+ "label": "Suffix",
374
+ "order": 5
375
+ },
376
+ {
377
+ "id": "template",
378
+ "kind": "attribute",
379
+ "ref": "template",
380
+ "group": "content",
381
+ "label": "Template",
382
+ "order": 6
383
+ },
334
384
  {
335
385
  "id": "type",
336
386
  "kind": "attribute",
@@ -364,21 +414,13 @@
364
414
  "order": 4
365
415
  },
366
416
  {
367
- "id": "regex",
417
+ "id": "input-mask",
368
418
  "kind": "attribute",
369
- "ref": "regex",
419
+ "ref": "input-mask",
370
420
  "group": "mask",
371
- "label": "Regex Mask",
421
+ "label": "Input Mask",
372
422
  "order": 1
373
423
  },
374
- {
375
- "id": "regex-placeholder",
376
- "kind": "attribute",
377
- "ref": "regex-placeholder",
378
- "group": "mask",
379
- "label": "Regex Placeholder",
380
- "order": 2
381
- },
382
424
  {
383
425
  "id": "token-font-size",
384
426
  "kind": "cssToken",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@grayscale-dev/dragon",
3
- "version": "0.1.8",
3
+ "version": "0.1.10",
4
4
  "description": "Framework-agnostic Web Components built with Lit.",
5
5
  "type": "module",
6
6
  "files": [
@@ -27,7 +27,7 @@
27
27
  "test": "npm run build:manifest && web-test-runner --config web-test-runner.config.mjs"
28
28
  },
29
29
  "dependencies": {
30
- "imask": "^7.6.1"
30
+ "inputmask": "^5.0.9"
31
31
  },
32
32
  "devDependencies": {
33
33
  "@open-wc/testing": "^4.0.0",