x4js 1.5.32 → 1.5.33

package/lib/src/icon.ts

@@ -36,6 +36,14 @@ import { BasicEvent, EvChange, EventMap, EventSource } from './x4events';
 // [ICON]
 // ============================================================================
 
+/**
+ * iconID can be:
+ * - "url( <path to image> )" ex: "url(my/path/to/my/image.svg)"
+ * - "var( <css variable> )"
+ * - "cls( <font class> )"
+ * - "char( <character> )" ex: "font-char( \uf00d )"
+ */
+
 export type IconID = string | number;
 
 export interface IconProps extends CProps {
@@ -245,6 +253,17 @@ export class Icon extends Component<IconProps>
 				this._setSVG( url );
 				return;
 			}
+
+			//	url( "www.google.com" )
+			//
+			const reChar = /\s*font-char\s*\(\s*(.+)\s*\)\s*/gi;
+			let match_char = reChar.exec( icon );
+			if( match_char ) {
+				this.removeClass( '@svg-icon' );
+				this.setContent( match_char[1], false );
+				return;
+			}
+			
 			else {
 				// todo: deprecated
 				console.error( "deprecation error: invalid icon name" );	

package/lib/src/svgcomponent.ts

@@ -68,7 +68,7 @@ function clean( a, ...b ) {
  * 
  */
 
-abstract class SVGItem {
+export abstract class SVGItem {
 	private m_tag: string
 	private m_attrs: Map<string,string>;
 	private m_style: Map<string,string>;
@@ -242,7 +242,7 @@ abstract class SVGItem {
  * 
  */
 
-class SVGPath extends SVGItem {
+export class SVGPath extends SVGItem {
 	private m_path: string;
 
 	constructor( ) {
@@ -314,7 +314,7 @@ class SVGPath extends SVGItem {
  * 
  */
 
-class SVGText extends SVGItem {
+export class SVGText extends SVGItem {
 
 	private m_text;
 
@@ -377,7 +377,7 @@ class SVGText extends SVGItem {
  * 
  */
 
-class SVGShape extends SVGItem {
+export class SVGShape extends SVGItem {
 	constructor( tag: string ) {
 		super( tag );
 	}
@@ -389,7 +389,7 @@ class SVGShape extends SVGItem {
 
 type number_or_perc = number | `${string}%`
 
-class SVGGradient extends SVGItem {
+export class SVGGradient extends SVGItem {
 
 	private static g_id = 1;
 
@@ -434,7 +434,7 @@ class SVGGradient extends SVGItem {
  * 
  */
 
-class SVGGroup extends SVGItem {
+export class SVGGroup extends SVGItem {
 	protected m_items: SVGItem[];
 
 	constructor( tag = "g" ) {

package/lib/src/version.ts

@@ -27,4 +27,4 @@
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 **/
 
-export const x4js_version = "1.5.32";
+export const x4js_version = "1.5.33";

package/lib/types/icon.d.ts

@@ -28,6 +28,13 @@
 **/
 import { Component, CProps } from './component';
 import { BasicEvent } from './x4events';
+/**
+ * iconID can be:
+ * - "url( <path to image> )" ex: "url(my/path/to/my/image.svg)"
+ * - "var( <css variable> )"
+ * - "cls( <font class> )"
+ * - "char( <character> )" ex: "font-char( \uf00d )"
+ */
 export type IconID = string | number;
 export interface IconProps extends CProps {
     icon: IconID;

package/lib/types/svgcomponent.d.ts

@@ -30,7 +30,7 @@ import { Component, CProps } from './component';
 /**
  *
  */
-declare abstract class SVGItem {
+export declare abstract class SVGItem {
     private m_tag;
     private m_attrs;
     private m_style;
@@ -98,7 +98,7 @@ declare abstract class SVGItem {
 /**
  *
  */
-declare class SVGPath extends SVGItem {
+export declare class SVGPath extends SVGItem {
     private m_path;
     constructor();
     renderAttrs(): string;
@@ -134,7 +134,7 @@ declare class SVGPath extends SVGItem {
 /**
  *
  */
-declare class SVGText extends SVGItem {
+export declare class SVGText extends SVGItem {
     private m_text;
     constructor(x: number, y: number, txt: string);
     font(font: string): this;
@@ -147,14 +147,14 @@ declare class SVGText extends SVGItem {
 /**
  *
  */
-declare class SVGShape extends SVGItem {
+export declare class SVGShape extends SVGItem {
     constructor(tag: string);
 }
 /**
  *
  */
 type number_or_perc = number | `${string}%`;
-declare class SVGGradient extends SVGItem {
+export declare class SVGGradient extends SVGItem {
     private static g_id;
     private m_id;
     private m_stops;
@@ -166,7 +166,7 @@ declare class SVGGradient extends SVGItem {
 /**
  *
  */
-declare class SVGGroup extends SVGItem {
+export declare class SVGGroup extends SVGItem {
     protected m_items: SVGItem[];
     constructor(tag?: string);
     path(): SVGPath;

package/lib/types/version.d.ts

@@ -26,4 +26,4 @@
 * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 **/
-export declare const x4js_version = "1.5.32";
+export declare const x4js_version = "1.5.33";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "x4js",
-	"version": "1.5.32",
+	"version": "1.5.33",
 	"description": "X4js core files",
 	"main": "lib/cjs/index.js",
 	"types": "lib/types/index.d.ts",