x4js 2.2.24 → 2.2.25

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 (7) hide show
  1. package/package.json +1 -1
  2. package/src/components/checkbox/checkbox.ts +8 -0
  3. package/src/components/header/header.module.scss +1 -1
  4. package/src/components/listbox/listbox.module.scss +2 -0
  5. package/src/components/radio/radio.ts +2 -2
  6. package/src/components/checkbox/check.svg +0 -4
  7. 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.25",
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/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>