vira 23.1.0 → 23.1.2

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 (10) hide show
  1. package/dist/elements/index.d.ts +0 -1
  2. package/dist/elements/index.js +0 -1
  3. package/dist/elements/shared-text-input-logic.d.ts +3 -2
  4. package/dist/elements/shared-text-input-logic.js +16 -27
  5. package/dist/elements/vira-input.element.js +7 -2
  6. package/dist/icons/index.d.ts +6 -1
  7. package/dist/icons/index.js +6 -1
  8. package/dist/index.d.ts +0 -1
  9. package/dist/index.js +0 -1
  10. package/package.json +15 -15
package/dist/elements/index.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /** This file is automatically updated by update-index-exports.ts */
2
1
  export * from './define-vira-element.js';
3
2
  export * from './dropdown/vira-dropdown-item.element.js';
4
3
  export * from './dropdown/vira-dropdown-options.element.js';
package/dist/elements/index.js CHANGED
@@ -1,4 +1,3 @@
1
- /** This file is automatically updated by update-index-exports.ts */
2
1
  export * from './define-vira-element.js';
3
2
  export * from './dropdown/vira-dropdown-item.element.js';
4
3
  export * from './dropdown/vira-dropdown-options.element.js';
package/dist/elements/shared-text-input-logic.d.ts CHANGED
@@ -48,9 +48,10 @@ export declare function filterTextInputValue(inputs: IsAllowedInputs): {
48
48
  *
49
49
  * @category Internal
50
50
  */
51
- export declare function textInputListener({ inputs, filteredValue, event, inputBlockedCallback, newValueCallback, }: {
51
+ export declare function textInputListener({ inputs, previousValue, event, inputBlockedCallback, newValueCallback, }: {
52
52
  inputs: SharedTextInputElementInputs;
53
- filteredValue: string;
53
+ /** The value of the input element before this listener fired. */
54
+ previousValue: string;
54
55
  event: Event;
55
56
  inputBlockedCallback: (blockedInput: string) => void;
56
57
  newValueCallback: (newValue: string) => void;
package/dist/elements/shared-text-input-logic.js CHANGED
@@ -60,7 +60,7 @@ export function filterTextInputValue(inputs) {
60
60
  *
61
61
  * @category Internal
62
62
  */
63
- export function textInputListener({ inputs, filteredValue, event, inputBlockedCallback, newValueCallback, }) {
63
+ export function textInputListener({ inputs, previousValue, event, inputBlockedCallback, newValueCallback, }) {
64
64
  if (!(event instanceof InputEvent)) {
65
65
  throw new TypeError('Text input event was not an InputEvent.');
66
66
  }
@@ -70,41 +70,30 @@ export function textInputListener({ inputs, filteredValue, event, inputBlockedCa
70
70
  * For example, when a bunch of characters are pasted, this will be the entire pasted contents.
71
71
  */
72
72
  const changedText = event.data;
73
- const beforeChangeText = filteredValue;
74
- // this will be overwritten below if blocked characters are encountered
75
- let finalText = inputElement.value;
76
73
  /**
77
74
  * When changedText is falsy, that means an operation other than inserting characters happened.
78
75
  * Such as: deleting, cutting the text, etc.
79
76
  */
80
77
  if (changedText) {
81
- if (changedText.length === 1) {
82
- if (!isAllowed({
83
- value: changedText,
84
- allowed: inputs.allowedInputs,
85
- blocked: inputs.blockedInputs,
86
- })) {
87
- // prevent the change from happening
88
- finalText = beforeChangeText;
89
- inputBlockedCallback(changedText);
90
- }
91
- }
92
- // filters out blocked pasted letters
93
- else {
94
- const { filtered, blocked } = filterTextInputValue({
95
- value: changedText,
96
- allowed: inputs.allowedInputs,
97
- blocked: inputs.blockedInputs,
98
- });
99
- finalText = filtered;
78
+ const { blocked } = filterTextInputValue({
79
+ value: changedText,
80
+ allowed: inputs.allowedInputs,
81
+ blocked: inputs.blockedInputs,
82
+ });
83
+ if (blocked.length) {
100
84
  inputBlockedCallback(blocked);
101
85
  }
102
86
  }
103
- if (inputElement.value !== finalText) {
87
+ const finalValue = filterTextInputValue({
88
+ value: inputElement.value,
89
+ allowed: inputs.allowedInputs,
90
+ blocked: inputs.blockedInputs,
91
+ }).filtered;
92
+ if (inputElement.value !== finalValue) {
104
93
  // this prevents blocked inputs by simply overwriting them
105
- inputElement.value = finalText;
94
+ inputElement.value = finalValue;
106
95
  }
107
- if (beforeChangeText !== finalText) {
108
- newValueCallback(finalText);
96
+ if (previousValue !== finalValue) {
97
+ newValueCallback(finalValue);
109
98
  }
110
99
  }
package/dist/elements/vira-input.element.js CHANGED
@@ -267,7 +267,12 @@ export const ViraInput = defineViraElement()({
267
267
  width: ${state.forcedInputWidth}px;
268
268
  `
269
269
  : '';
270
- const shouldBlockBrowserHelps = inputs.disableBrowserHelps || inputs.type !== ViraInputType.Default;
270
+ const shouldBlockBrowserHelps = inputs.disableBrowserHelps ||
271
+ /**
272
+ * Some browsers leaks passwords with their browser helps (like Chrome with
273
+ * spellchecking).
274
+ */
275
+ inputs.type === ViraInputType.Password;
271
276
  return html `
272
277
  <label>
273
278
  ${iconTemplate}
@@ -293,7 +298,7 @@ export const ViraInput = defineViraElement()({
293
298
  ${listen('input', (event) => {
294
299
  textInputListener({
295
300
  inputs,
296
- filteredValue,
301
+ previousValue: filteredValue,
297
302
  event,
298
303
  inputBlockedCallback(blockedInput) {
299
304
  dispatch(new events.inputBlocked(blockedInput));
package/dist/icons/index.d.ts CHANGED
@@ -1,9 +1,11 @@
1
- /** This file is automatically updated by update-icon-exports.ts */
2
1
  export * from './icon-css-vars.js';
3
2
  export * from './icon-svg.js';
3
+ export * from './icon-svgs/chat-24.icon.js';
4
4
  export * from './icon-svgs/check-24.icon.js';
5
5
  export * from './icon-svgs/chevron-up-24.icon.js';
6
6
  export * from './icon-svgs/close-x-24.icon.js';
7
+ export * from './icon-svgs/commit-24.icon.js';
8
+ export * from './icon-svgs/document-24.icon.js';
7
9
  export * from './icon-svgs/element-16.icon.js';
8
10
  export * from './icon-svgs/element-24.icon.js';
9
11
  export * from './icon-svgs/eye-closed-24.icon.js';
@@ -11,6 +13,9 @@ export * from './icon-svgs/eye-open-24.icon.js';
11
13
  export * from './icon-svgs/loader-24.icon.js';
12
14
  export * from './icon-svgs/loader-animated-24.icon.js';
13
15
  export * from './icon-svgs/options-24.icon.js';
16
+ export * from './icon-svgs/pencil-24.icon.js';
17
+ export * from './icon-svgs/shield-24.icon.js';
18
+ export * from './icon-svgs/star-24.icon.js';
14
19
  export * from './icon-svgs/status-failure-24.icon.js';
15
20
  export * from './icon-svgs/status-in-progress-24.icon.js';
16
21
  export * from './icon-svgs/status-success-24.icon.js';
package/dist/icons/index.js CHANGED
@@ -1,4 +1,3 @@
1
- /** This file is automatically updated by update-icon-exports.ts */
2
1
  import { Chat24Icon } from './icon-svgs/chat-24.icon.js';
3
2
  import { Check24Icon } from './icon-svgs/check-24.icon.js';
4
3
  import { ChevronUp24Icon } from './icon-svgs/chevron-up-24.icon.js';
@@ -20,9 +19,12 @@ import { StatusInProgress24Icon } from './icon-svgs/status-in-progress-24.icon.j
20
19
  import { StatusSuccess24Icon } from './icon-svgs/status-success-24.icon.js';
21
20
  export * from './icon-css-vars.js';
22
21
  export * from './icon-svg.js';
22
+ export * from './icon-svgs/chat-24.icon.js';
23
23
  export * from './icon-svgs/check-24.icon.js';
24
24
  export * from './icon-svgs/chevron-up-24.icon.js';
25
25
  export * from './icon-svgs/close-x-24.icon.js';
26
+ export * from './icon-svgs/commit-24.icon.js';
27
+ export * from './icon-svgs/document-24.icon.js';
26
28
  export * from './icon-svgs/element-16.icon.js';
27
29
  export * from './icon-svgs/element-24.icon.js';
28
30
  export * from './icon-svgs/eye-closed-24.icon.js';
@@ -30,6 +32,9 @@ export * from './icon-svgs/eye-open-24.icon.js';
30
32
  export * from './icon-svgs/loader-24.icon.js';
31
33
  export * from './icon-svgs/loader-animated-24.icon.js';
32
34
  export * from './icon-svgs/options-24.icon.js';
35
+ export * from './icon-svgs/pencil-24.icon.js';
36
+ export * from './icon-svgs/shield-24.icon.js';
37
+ export * from './icon-svgs/star-24.icon.js';
33
38
  export * from './icon-svgs/status-failure-24.icon.js';
34
39
  export * from './icon-svgs/status-in-progress-24.icon.js';
35
40
  export * from './icon-svgs/status-success-24.icon.js';
package/dist/index.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /** This file is automatically updated by update-root-index-exports.ts */
2
1
  export * from './elements/index.js';
3
2
  export * from './icons/index.js';
4
3
  export * from './re-exports/index.js';
package/dist/index.js CHANGED
@@ -1,4 +1,3 @@
1
- /** This file is automatically updated by update-root-index-exports.ts */
2
1
  export * from './elements/index.js';
3
2
  export * from './icons/index.js';
4
3
  export * from './re-exports/index.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vira",
3
- "version": "23.1.0",
3
+ "version": "23.1.2",
4
4
  "description": "A simple and highly versatile design system using element-vir.",
5
5
  "keywords": [
6
6
  "design",
@@ -37,36 +37,36 @@
37
37
  "test:docs": "virmator docs check"
38
38
  },
39
39
  "dependencies": {
40
- "@augment-vir/assert": "^31.0.1",
41
- "@augment-vir/common": "^31.0.1",
42
- "@augment-vir/web": "^31.0.1",
40
+ "@augment-vir/assert": "^31.9.1",
41
+ "@augment-vir/common": "^31.9.1",
42
+ "@augment-vir/web": "^31.9.1",
43
43
  "colorjs.io": "^0.5.2",
44
- "date-vir": "^7.0.3",
45
- "device-navigation": "^3.0.2",
44
+ "date-vir": "^7.2.0",
45
+ "device-navigation": "^3.0.3",
46
46
  "lit-css-vars": "^3.0.11",
47
47
  "observavir": "^2.0.4",
48
- "page-active": "^1.0.0",
49
- "spa-router-vir": "^4.0.4",
50
- "type-fest": "^4.30.0",
48
+ "page-active": "^1.0.1",
49
+ "spa-router-vir": "^4.0.5",
50
+ "type-fest": "^4.33.0",
51
51
  "typed-event-target": "^4.0.2"
52
52
  },
53
53
  "devDependencies": {
54
- "@augment-vir/test": "^31.0.1",
54
+ "@augment-vir/test": "^31.9.1",
55
55
  "@web/dev-server-esbuild": "^1.0.3",
56
56
  "@web/test-runner": "^0.19.0",
57
57
  "@web/test-runner-commands": "^0.9.0",
58
58
  "@web/test-runner-playwright": "^0.11.0",
59
59
  "@web/test-runner-visual-regression": "^0.10.0",
60
- "esbuild": "^0.24.0",
60
+ "esbuild": "^0.24.2",
61
61
  "istanbul-smart-text-reporter": "^1.1.5",
62
62
  "markdown-code-example-inserter": "^3.0.3",
63
- "typedoc": "^0.27.4",
64
- "typescript": "5.7.2",
65
- "vite": "^6.0.3",
63
+ "typedoc": "^0.27.6",
64
+ "typescript": "5.7.3",
65
+ "vite": "^6.0.11",
66
66
  "vite-tsconfig-paths": "^5.1.4"
67
67
  },
68
68
  "peerDependencies": {
69
- "element-vir": "^23.1.0"
69
+ "element-vir": "^23.1.2"
70
70
  },
71
71
  "engines": {
72
72
  "node": ">=22"