@grayscale-dev/dragon 0.1.7 → 0.1.9

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.
@@ -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 explicit regex placeholder mode is enabled 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": "Regex-like mask definition. Supported patterns include escaped literals and quantified slots such as ^\\(\\d{3}\\)\\s\\d{3}-\\d{4}$.",
26
+ "name": "prefix",
27
+ "description": "Visual prefix always shown before the user value.",
28
+ "type": "string",
29
+ "default": "",
30
+ "control": "text"
31
+ },
32
+ {
33
+ "name": "suffix",
34
+ "description": "Visual suffix always shown after the user value.",
28
35
  "type": "string",
29
36
  "default": "",
30
37
  "control": "text"
31
38
  },
32
39
  {
33
- "name": "regex-placeholder",
34
- "description": "Explicit placeholder text for regex mode. If omitted, regex placeholder is not shown.",
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": "regex",
48
+ "description": "JavaScript regular expression used by the IMask regex engine.",
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": "Mask source pattern used to constrain input formatting.",
122
+ "name": "prefix",
123
+ "description": "Visual prefix shown before the user value.",
124
+ "type": "string",
125
+ "default": ""
126
+ },
127
+ {
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.",
110
136
  "type": "string",
111
137
  "default": ""
112
138
  },
113
139
  {
114
- "name": "regexPlaceholder",
115
- "description": "Explicit placeholder text used when regex-placeholder is provided.",
140
+ "name": "regex",
141
+ "description": "Regex source pattern used for masking.",
116
142
  "type": "string",
117
143
  "default": ""
118
144
  },
@@ -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",
@@ -371,14 +421,6 @@
371
421
  "label": "Regex 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.7",
3
+ "version": "0.1.9",
4
4
  "description": "Framework-agnostic Web Components built with Lit.",
5
5
  "type": "module",
6
6
  "files": [
@@ -26,6 +26,9 @@
26
26
  "preview": "vite preview",
27
27
  "test": "npm run build:manifest && web-test-runner --config web-test-runner.config.mjs"
28
28
  },
29
+ "dependencies": {
30
+ "imask": "^7.6.1"
31
+ },
29
32
  "devDependencies": {
30
33
  "@open-wc/testing": "^4.0.0",
31
34
  "@types/node": "^22.10.0",