x4js 2.0.18 → 2.0.21

package/lib/src/components/normalize.scss

@@ -1,391 +0,0 @@
-/** 
- *  ___  ___ __
- *  \  \/  /  / _
- *   \    /  /_| |_
- *   /    \____   _|  
- *  /__/\__\   |_|
- * 
- * @file normalize.scss
- * @author Etienne Cochard 
- * 
- * @copyright (c) 2024 R-libre ingenierie
- *
- * Use of this source code is governed by an MIT-style license 
- * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
- **/
-
-/* from normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
-
-/* Document
-   ========================================================================== */
-
-/**
- * 1. Correct the line height in all browsers.
- * 2. Prevent adjustments of font size after orientation changes in iOS.
- */
-
- html {
-	line-height: 1.15; /* 1 */
-	-webkit-text-size-adjust: 100%; /* 2 */
-  }
-  
-  /* Sections
-	 ========================================================================== */
-  
-  /**
-   * Remove the margin in all browsers.
-   */
-  
-  body {
-	margin: 0;
-  }
-  
-  /**
-   * Render the `main` element consistently in IE.
-   */
-  
-  main {
-	display: block;
-  }
-  
-  /**
-   * Correct the font size and margin on `h1` elements within `section` and
-   * `article` contexts in Chrome, Firefox, and Safari.
-   */
-  
-  h1 {
-	font-size: 2em;
-	margin: 0.67em 0;
-  }
-  
-  /* Grouping content
-	 ========================================================================== */
-  
-  /**
-   * 1. Add the correct box sizing in Firefox.
-   * 2. Show the overflow in Edge and IE.
-   */
-  
-  hr {
-	box-sizing: content-box; /* 1 */
-	height: 0; /* 1 */
-	overflow: visible; /* 2 */
-  }
-  
-  /**
-   * 1. Correct the inheritance and scaling of font size in all browsers.
-   * 2. Correct the odd `em` font sizing in all browsers.
-   */
-  
-  pre {
-	font-family: monospace, monospace; /* 1 */
-	font-size: 1em; /* 2 */
-  }
-  
-  /* Text-level semantics
-	 ========================================================================== */
-  
-  /**
-   * Remove the gray background on active links in IE 10.
-   */
-  
-  a {
-	background-color: transparent;
-  }
-  
-  /**
-   * 1. Remove the bottom border in Chrome 57-
-   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
-   */
-  
-  abbr[title] {
-	border-bottom: none; /* 1 */
-	text-decoration: underline; /* 2 */
-	text-decoration: underline dotted; /* 2 */
-  }
-  
-  /**
-   * Add the correct font weight in Chrome, Edge, and Safari.
-   */
-  
-  b,
-  strong {
-	font-weight: bolder;
-  }
-  
-  /**
-   * 1. Correct the inheritance and scaling of font size in all browsers.
-   * 2. Correct the odd `em` font sizing in all browsers.
-   */
-  
-  code,
-  kbd,
-  samp {
-	font-family: monospace, monospace; /* 1 */
-	font-size: 1em; /* 2 */
-  }
-  
-  /**
-   * Add the correct font size in all browsers.
-   */
-  
-  small {
-	font-size: 80%;
-  }
-  
-  /**
-   * Prevent `sub` and `sup` elements from affecting the line height in
-   * all browsers.
-   */
-  
-  sub,
-  sup {
-	font-size: 75%;
-	line-height: 0;
-	position: relative;
-	vertical-align: baseline;
-  }
-  
-  sub {
-	bottom: -0.25em;
-  }
-  
-  sup {
-	top: -0.5em;
-  }
-  
-  /* Embedded content
-	 ========================================================================== */
-  
-  /**
-   * Remove the border on images inside links in IE 10.
-   */
-  
-  img {
-	border-style: none;
-  }
-  
-  /* Forms
-	 ========================================================================== */
-  
-  /**
-   * 1. Change the font styles in all browsers.
-   * 2. Remove the margin in Firefox and Safari.
-   */
-  
-  button,
-  input,
-  optgroup,
-  select,
-  textarea {
-	font-family: inherit; /* 1 */
-	font-size: 100%; /* 1 */
-	line-height: 1.15; /* 1 */
-	margin: 0; /* 2 */
-  }
-  
-  /**
-   * Show the overflow in IE.
-   * 1. Show the overflow in Edge.
-   */
-  
-  button,
-  input { /* 1 */
-	overflow: visible;
-  }
-  
-  /**
-   * Remove the inheritance of text transform in Edge, Firefox, and IE.
-   * 1. Remove the inheritance of text transform in Firefox.
-   */
-  
-  button,
-  select { /* 1 */
-	text-transform: none;
-  }
-  
-  /**
-   * Correct the inability to style clickable types in iOS and Safari.
-   */
-  
-  button,
-  [type="button"],
-  [type="reset"],
-  [type="submit"] {
-	-webkit-appearance: button;
-  }
-  
-  /**
-   * Remove the inner border and padding in Firefox.
-   */
-  
-  button::-moz-focus-inner,
-  [type="button"]::-moz-focus-inner,
-  [type="reset"]::-moz-focus-inner,
-  [type="submit"]::-moz-focus-inner {
-	border-style: none;
-	padding: 0;
-  }
-  
-  /**
-   * Restore the focus styles unset by the previous rule.
-   */
-  
-  button:-moz-focusring,
-  [type="button"]:-moz-focusring,
-  [type="reset"]:-moz-focusring,
-  [type="submit"]:-moz-focusring {
-	outline: 1px dotted ButtonText;
-  }
-  
-  /**
-   * Correct the padding in Firefox.
-   */
-  
-  fieldset {
-	padding: 0.35em 0.75em 0.625em;
-  }
-  
-  /**
-   * 1. Correct the text wrapping in Edge and IE.
-   * 2. Correct the color inheritance from `fieldset` elements in IE.
-   * 3. Remove the padding so developers are not caught out when they zero out
-   *    `fieldset` elements in all browsers.
-   */
-  
-  legend {
-	box-sizing: border-box; /* 1 */
-	color: inherit; /* 2 */
-	display: table; /* 1 */
-	max-width: 100%; /* 1 */
-	padding: 0; /* 3 */
-	white-space: normal; /* 1 */
-  }
-  
-  /**
-   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
-   */
-  
-  progress {
-	vertical-align: baseline;
-  }
-  
-  /**
-   * Remove the default vertical scrollbar in IE 10+.
-   */
-  
-  textarea {
-	overflow: auto;
-  }
-  
-  /**
-   * 1. Add the correct box sizing in IE 10.
-   * 2. Remove the padding in IE 10.
-   */
-  
-  [type="checkbox"],
-  [type="radio"] {
-	box-sizing: border-box; /* 1 */
-	padding: 0; /* 2 */
-  }
-  
-  /**
-   * Correct the cursor style of increment and decrement buttons in Chrome.
-   */
-  
-  [type="number"]::-webkit-inner-spin-button,
-  [type="number"]::-webkit-outer-spin-button {
-	height: auto;
-  }
-  
-  /**
-   * 1. Correct the odd appearance in Chrome and Safari.
-   * 2. Correct the outline style in Safari.
-   */
-  
-  [type="search"] {
-	-webkit-appearance: textfield; /* 1 */
-	outline-offset: -2px; /* 2 */
-  }
-  
-  /**
-   * Remove the inner padding in Chrome and Safari on macOS.
-   */
-  
-  [type="search"]::-webkit-search-decoration {
-	-webkit-appearance: none;
-  }
-  
-  /**
-   * 1. Correct the inability to style clickable types in iOS and Safari.
-   * 2. Change font properties to `inherit` in Safari.
-   */
-  
-  ::-webkit-file-upload-button {
-	-webkit-appearance: button; /* 1 */
-	font: inherit; /* 2 */
-  }
-  
-  /* Interactive
-	 ========================================================================== */
-  
-  /*
-   * Add the correct display in Edge, IE 10+, and Firefox.
-   */
-  
-  details {
-	display: block;
-  }
-  
-  /*
-   * Add the correct display in all browsers.
-   */
-  
-  summary {
-	display: list-item;
-  }
-  
-  /* Misc
-	 ========================================================================== */
-  
-  /**
-   * Add the correct display in IE 10+.
-   */
-  
-  template {
-	display: none;
-  }
-  
-  /**
-   * Add the correct display in IE 10.
-   */
-  
-  [hidden] {
-	display: none;
-  }
-  
- 
- :root {
-	--font-name: "montserrat";
-	--font-size: 14px;
-}
-
-* {
-	user-select: none;
-	box-sizing: border-box;
-}
-
-body {
-	font-family: var( --font-name );
-	font-size: var( --font-size );
-}
-
-dialog {
-	margin: 0;
-	padding: 0;
-}
-
-.x4hidden {
-	display: none !important;
-}
-

package/lib/src/components/notification/circle-check-solid.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>

package/lib/src/components/notification/circle-exclamation-solid.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>

package/lib/src/components/notification/circle-notch-light.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M207.4 20.4c2.4 8.5-2.6 17.3-11.2 19.7C101.5 66.2 32 153 32 256c0 123.7 100.3 224 224 224s224-100.3 224-224c0-103-69.5-189.8-164.3-215.9c-8.5-2.4-13.5-11.2-11.2-19.7s11.2-13.5 19.7-11.2C432.5 39.1 512 138.2 512 256c0 141.4-114.6 256-256 256S0 397.4 0 256C0 138.2 79.5 39.1 187.7 9.2c8.5-2.4 17.3 2.6 19.7 11.2z"/></svg>

package/lib/src/components/notification/notification.module.scss

@@ -1,84 +0,0 @@
-/** 
- *  ___  ___ __
- *  \  \/  /  / _
- *   \    /  /_| |_
- *   /    \____   _|  
- *  /__/\__\   |_|
- * 
- * @file notification.module.scss
- * @author Etienne Cochard 
- * 
- * @copyright (c) 2024 R-libre ingenierie
- *
- * Use of this source code is governed by an MIT-style license 
- * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
- **/
-
-@use "../shared.scss";
-
-:root {
-	--notification-border: var( --border );
-	--notification-background: white;
-
-	--notification-icon-default: var( --accent-background );
-	--notification-icon-success: var( --success-background );
-	--notification-icon-danger: var( --alert-background );
-}
-
-.x4notification {
-	@extend .shadow-xl;
-
-	padding: 8px;
-	border: 1px solid var(--notification-border);
-	border-left: 3px solid var( --accent-background );
-	background-color: var( --notification-background );
-		
-	&> .x4hbox {
-		gap: 8px;
-	}
-	
-	.x4icon {
-		width: 2em;
-		height: 2em;
-		color: var( --notification-icon-default );
-	}
-	
-	.body {
-		.title {
-			font-weight: bold;
-			padding: 6px 6px 3px 6px;
-		}
-
-		.text {
-			padding: 3px 6px 6px 6px;
-			color: var( --color-gray-7 );
-		}
-	}
-
-	
-	&.success {
-		border-left-color: var( --notification-icon-success );
-
-		.x4icon {	
-			color: var( --notification-icon-success );
-		}
-	}
-
-	&.danger {
-		border-left-color: var( --notification-icon-danger );;
-
-		.x4icon {	
-			color: var( --notification-icon-danger );
-		}
-	}
-
-	.x4button {
-		height: 24px;
-		color: var( --color-gray-7 );
-		border: none;
-
-		&:hover {
-			//background-color: var( -- );;
-		}
-	}
-}

package/lib/src/components/notification/notification.ts

@@ -1,107 +0,0 @@
-/** 
- *  ___  ___ __
- *  \  \/  /  / _
- *   \    /  /_| |_
- *   /    \____   _|  
- *  /__/\__\   |_|
- * 
- * @file notification.ts
- * @author Etienne Cochard 
- * 
- * @copyright (c) 2024 R-libre ingenierie
- *
- * Use of this source code is governed by an MIT-style license 
- * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
- **/
-
-import { ComponentProps } from '../../core/component.js';
-import { class_ns, Rect, UnsafeHtml } from '../../core/core_tools.js';
-
-import { Popup } from '../popup/popup.js';
-import { HBox, VBox } from '../boxes/boxes.js';
-import { Icon } from '../icon/icon.js';
-import { Label } from '../label/label.js';
-import { Button } from '../button/button.js';
-
-import "./notification.module.scss";
-
-import def_icon from "./circle-check-solid.svg";
-import danger_icon from "./circle-exclamation-solid.svg"
-import spin_icon from "./circle-notch-light.svg";
-import close_icon from "./xmark-sharp-light.svg";
-
-/**
- * 
- */
-
-interface NotificationProps extends ComponentProps {
-	loading?: boolean;
-	iconId?: string;
-	closable?: boolean;
-	mode?: "success" | "danger";
-
-	title: string;
-	text: string | UnsafeHtml;
-}
-
-/**
- * 
- */
-
-@class_ns( "x4" )
-export class Notification extends Popup {
-	constructor( props: NotificationProps ) {
-		super( { } );
-
-		let icon = props.iconId;
-		if( !icon ) {
-			if( props.loading ) {
-				icon = spin_icon;
-				this.addClass( "")
-			}
-			else if( props.mode=="danger" ) {
-				icon = danger_icon;
-			}
-			else {
-				icon = def_icon;
-			}
-		}
-
-		this.addClass( props.mode );
-
-		const _icon = new Icon( { iconId: icon } );
-		if( props.loading ) {
-			_icon.addClass( "rotate" );
-			this.props.modal = true;
-		}
-
-		this.setContent( new HBox( { 
-			content: [
-				_icon,
-				new VBox( { cls: "body", content: [ 
-					props.title ? new Label( { cls: "title", text: props.title } ) : null,
-					new Label( { cls: "text", text: props.text } ),
-				] }),
-				props.closable ? new Button( { cls: "outline", icon: close_icon, click: ( ) => {this.close( );} } ) : null
-			]
-		}) );
-	}
-
-	close( ) {
-		this.clearTimeout( "close" );
-		super.close( );
-	}
-
-	display( time_in_s = 0 ) {
-		const r = new Rect( 0, 0, window.innerWidth, window.innerHeight );
-		this.displayNear( r, "bottom right", "bottom right", { x: -20, y: -10 } );
-
-		if( time_in_s ) {
-			this.setTimeout( "close", time_in_s*1000, ( ) => { 
-				this.close() 
-			} );
-		}
-	}
-}
-
-

package/lib/src/components/notification/xmark-sharp-light.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="currentColor"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M192 233.4L59.5 100.9 36.9 123.5 169.4 256 36.9 388.5l22.6 22.6L192 278.6 324.5 411.1l22.6-22.6L214.6 256 347.1 123.5l-22.6-22.6L192 233.4z"/></svg>

package/lib/src/components/panel/panel.module.scss

@@ -1,60 +0,0 @@
-/** 
- *  ___  ___ __
- *  \  \/  /  / _
- *   \    /  /_| |_
- *   /    \____   _|  
- *  /__/\__\   |_|
- * 
- * @file panel.module.scss
- * @author Etienne Cochard 
- * 
- * @copyright (c) 2024 R-libre ingenierie
- *
- * Use of this source code is governed by an MIT-style license 
- * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
- **/
-
-@use "../shared.scss";
-
-:root {
-	--panel-border: var( --border );
-	--panel-title-color: var( --border );
-}
-
-
-.x4panel {
-	border: 1px solid var( --panel-border );
-	border-radius: 4px;
-	margin: 5px;
-	padding: 8px;
-	position: relative;
-
-	& > legend {
-		padding: 0 5px;
-		position: absolute;
-		left: 4px;
-		top: -0.7em;
-		background-color: white;
-		font-weight: bold;
-		color: var(--color-gray-9);
-	}
-
-	& > .body {
-		@extend .rel-fit;
-		overflow: hidden;
-		justify-content: start;
-		padding: 8px;
-	}
-}
-
-.x4panel.inline {
-	border: none;
-	border-top: 1px solid var( --border );
-	margin-top: 1.5em;
-
-	legend {
-		background: none;
-		top: -1.4em;
-		left: 0;
-	}
-}

package/lib/src/components/panel/panel.ts

@@ -1,58 +0,0 @@
-/** 
- *  ___  ___ __
- *  \  \/  /  / _
- *   \    /  /_| |_
- *   /    \____   _|  
- *  /__/\__\   |_|
- * 
- * @file panel.ts
- * @author Etienne Cochard 
- * 
- * @copyright (c) 2024 R-libre ingenierie
- *
- * Use of this source code is governed by an MIT-style license 
- * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
- **/
-
-import { Component, ComponentContent, ComponentProps } from '../../core/component';
-import { UnsafeHtml, Constructor, class_ns } from '../../core/core_tools';
-
-import { VBox } from '../boxes/boxes';
-import { Label } from '../label/label';
-
-import "./panel.module.scss";
-
-interface PanelProps extends ComponentProps {
-	title: string;
-	icon?: string;
-	bodyModel?: Constructor<Component>;
-}
-
-/**
- * 
- */
-
-@class_ns( "x4" )
-export class Panel extends VBox<PanelProps> {
-
-	private _title: Component;
-	private _body: Component;
-
-	constructor( props: PanelProps ) {
-		super( { ...props, content: undefined } );
-
-		const model = props.bodyModel ?? VBox;
-		super.setContent( [
-			this._title = new Label( { tag: "legend", text: props.title, icon: props.icon } ),
-			this._body  = new model( { cls: "body", content: props.content } )
-		] );
-	}
-
-	setContent( content: ComponentContent ) {
-		this._body.setContent( content );
-	}
-
-	setTitle( title: string | UnsafeHtml ) {
-		this._title.setContent( title )
-	}
-}