x4js 2.2.24 → 2.2.26

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 (8) hide show
  1. package/package.json +1 -1
  2. package/src/components/checkbox/checkbox.ts +8 -0
  3. package/src/components/gridview/gridview.ts +2 -2
  4. package/src/components/header/header.module.scss +1 -1
  5. package/src/components/listbox/listbox.module.scss +2 -0
  6. package/src/components/radio/radio.ts +2 -2
  7. package/src/components/checkbox/check.svg +0 -4
  8. package/src/components/radio/radio.svg +0 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "x4js",
3
- "version": "2.2.24",
3
+ "version": "2.2.26",
4
4
  "type": "module",
5
5
  "main": "src/x4.ts",
6
6
  "module": "src/x4.ts",
package/src/components/checkbox/checkbox.ts CHANGED
@@ -76,10 +76,18 @@ export class Checkbox extends Component<CheckboxProps,CheckBoxEvents> {
76
76
  } ),
77
77
  ])
78
78
 
79
+
80
+ const svg = `<svg viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M4 4.586L1.707 2.293A1 1 0 1 0 .293 3.707l3 3a.997.997 0 0 0 1.414 0l5-5A1 1 0 1 0 8.293.293L4 4.586z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd">
81
+ </path></svg>`
82
+
83
+ this.query<Label>( '.inner' ).dom.insertAdjacentHTML( "beforeend", svg );
84
+
85
+ /*
79
86
  svgLoader.load( icon ).then( svg => {
80
87
  this.query<Label>( '.inner' ).dom.insertAdjacentHTML( "beforeend", svg );
81
88
  // no error because intenral data image
82
89
  });
90
+ */
83
91
 
84
92
  this.addDOMEvent('click', (e) => this._on_click(e)); // for outside click
85
93
  }
package/src/components/gridview/gridview.ts CHANGED
@@ -30,8 +30,8 @@ import { Label, SimpleText } from '../label/label';
30
30
 
31
31
  import { _tr } from '../../core/core_i18n';
32
32
 
33
- import check_icon from "../checkbox/check.svg";
34
- import empty_icon from "./folder-open.svg";
33
+ const check_icon = `<svg viewBox="0 0 10 7" fill="none" aria-hidden="true"><path d="M4 4.586L1.707 2.293A1 1 0 1 0 .293 3.707l3 3a.997.997 0 0 0 1.414 0l5-5A1 1 0 1 0 8.293.293L4 4.586z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg>`;
34
+ const empty_icon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path opacity=".4" d="M32 96l0 200.6 21.7-54.3C65.9 211.9 95.3 192 128 192l320 0 0-32c0-17.7-14.3-32-32-32l-117.5 0c-25.5 0-49.9-10.1-67.9-28.1L204.1 73.4c-6-6-14.1-9.4-22.6-9.4L64 64C46.3 64 32 78.3 32 96zM49.1 426.1c-2 4.9-1.4 10.5 1.6 14.9s7.9 7 13.2 7l320 0 80 0c6.5 0 12.4-4 14.9-10.1l64-160c2-4.9 1.4-10.5-1.6-14.9s-7.9-7-13.2-7l-400 0c-6.5 0-12.4 4-14.9 10.1l-64 160z"/><path d="M448 160l0 32 32 0 0-32c0-35.3-28.7-64-64-64L298.5 96c-17 0-33.3-6.7-45.3-18.7L226.7 50.7c-12-12-28.3-18.7-45.3-18.7L64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0 80 0c19.6 0 37.3-11.9 44.6-30.2l64-160c5.9-14.8 4.1-31.5-4.8-44.7S543.9 224 528 224l-400 0c-19.6 0-37.3 11.9-44.6 30.2L32 382.8 32 96c0-17.7 14.3-32 32-32l117.5 0c8.5 0 16.6 3.4 22.6 9.4l22.6-22.6L204.1 73.4l26.5 26.5c18 18 42.4 28.1 67.9 28.1L416 128c17.7 0 32 14.3 32 32zM384 448L64 448c-5.3 0-10.3-2.6-13.2-7s-3.6-10-1.6-14.9l64-160c2.4-6.1 8.3-10.1 14.9-10.1l400 0c5.3 0 10.3 2.6 13.2 7s3.6 10 1.6 14.9l-64 160C476.4 444 470.5 448 464 448l-80 0z"/></svg>`;
35
35
 
36
36
  import "./gridview.module.scss"
37
37
 
package/src/components/header/header.module.scss CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
  .x4header {
10
10
  width: 100%;
11
-
11
+ display: block;
12
12
  overflow: hidden;
13
13
  min-height: 2em;
14
14
  border-bottom: 1px solid var( --border );
package/src/components/listbox/listbox.module.scss CHANGED
@@ -106,6 +106,8 @@
106
106
  }
107
107
  }
108
108
 
109
+ .column { background-color: var(--listbox-background); overflow: hidden; }
110
+
109
111
  .ref-c1 { width: var( --ref-c1-width); }
110
112
  .ref-c2 { width: var( --ref-c2-width); }
111
113
  .ref-c3 { width: var( --ref-c3-width); }
package/src/components/radio/radio.ts CHANGED
@@ -84,8 +84,8 @@ export class Radio extends Component<RadioProps,RadioEvents> {
84
84
  } ),
85
85
  ])
86
86
 
87
- const drawing = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 5 5" aria-hidden="true"><circle class="fa-primary" cx="2.5" cy="2.5" r="2.5" ></circle><circle class="fa-secondary" cx="2.5" cy="2.5" r="1.25"></circle></svg>`
88
- this._check.dom.insertAdjacentHTML( "beforeend", drawing );
87
+ const svg = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 5 5" aria-hidden="true"><circle class="fa-primary" cx="2.5" cy="2.5" r="2.5" ></circle><circle class="fa-secondary" cx="2.5" cy="2.5" r="1.25"></circle></svg>`
88
+ this._check.dom.insertAdjacentHTML( "beforeend", svg );
89
89
 
90
90
  //svgLoader.load( icon ).then( svg => {
91
91
  // this._check.dom.insertAdjacentHTML( "beforeend", svg );
package/src/components/checkbox/check.svg DELETED
@@ -1,4 +0,0 @@
1
- <svg viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
2
- <path d="M4 4.586L1.707 2.293A1 1 0 1 0 .293 3.707l3 3a.997.997 0 0 0 1.414 0l5-5A1 1 0 1 0 8.293.293L4 4.586z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd">
3
- </path>
4
- </svg>
package/src/components/radio/radio.svg DELETED
@@ -1,4 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 5 5" aria-hidden="true">
2
- <circle class="fa-primary" cx="2.5" cy="2.5" r="2.5" ></circle>
3
- <circle class="fa-secondary" cx="2.5" cy="2.5" r="1.25"></circle>
4
- </svg>