x4js 2.2.23 → 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 (8) 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/propgrid/propgrid.ts +1 -1
  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.23",
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/propgrid/propgrid.ts CHANGED
@@ -211,7 +211,7 @@ export class PropertyGrid extends VBox {
211
211
  type: 'number',
212
212
  id: item.name,
213
213
  name: item.name,
214
- value: value as string,
214
+ value: String(value),
215
215
  step: item.step,
216
216
  focus: ( e: EvFocus ) => {
217
217
  if( e.focus_out ) {
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>