layerpro 0.9.74 → 0.9.80

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "layerpro",
-  "version": "0.9.74",
+  "version": "0.9.80",
   "description": "Custom popups, alert, confirmn, prompt... by Dario Passariello",
   "copyright": "Dario Passariello",
   "license": "MIT",
@@ -155,21 +155,21 @@
     "node": ">=18"
   },
   "devDependencies": {
-    "@types/webpack-env": "1.18.5",
+    "@types/webpack-env": "1.18.8",
     "copy-webpack-plugin": "^12.0.2",
     "css-loader": "7.1.2",
     "file-loader": "6.2.0",
     "jquery": "3.7.1",
     "react": "19.0.0",
     "react-dom": "19.0.0",
-    "sass": "^1.83.1",
-    "sass-loader": "^16.0.4",
+    "sass": "^1.85.0",
+    "sass-loader": "^16.0.5",
     "style-loader": "^4.0.0",
     "terser-webpack-plugin": "^5.3.11",
-    "ts-loader": "^9.5.1",
+    "ts-loader": "^9.5.2",
     "ts-node": "10.9.2",
-    "typescript": "5.7.2",
-    "webpack": "^5.97.1",
+    "typescript": "5.7.3",
+    "webpack": "^5.98.0",
     "webpack-cli": "6.0.1",
     "webpack-dev-server": "^5.2.0"
   }

package/types/jquery.d.ts

@@ -1,8 +1,11 @@
-/*
-Copyright: © 2019 Dario Passariello <dariopassariello@gmail.com>
-License: MIT
+/*!
+	layerpro
+	Copyright (c) 2019 Dario Passariello <dariopassariello@gmail.com>
+	Licensed under MIT License, see
+	https://dario.passariello.ca
 */
 
+
 declare module 'jquery'
 
 declare var $: any
@@ -11,8 +14,8 @@ declare var jQuery: any
 // ////////////////////////////////////////////////////////////////
 
 interface window {
-  $: any
-  jQuery: any
+	$: any
+	jQuery: any
 }
 
 type $ = {}

package/types/layerpro.d.ts

@@ -1,8 +1,11 @@
-/*
-Copyright: © 2019 Dario Passariello <dariopassariello@gmail.com>
-License: MIT
+/*!
+	layerpro
+	Copyright (c) 2019 Dario Passariello <dariopassariello@gmail.com>
+	Licensed under MIT License, see
+	https://dario.passariello.ca
 */
 
+
 /** Generate custom alert using alert([text]) */
 declare function alert(f1?: string): any
 
@@ -19,54 +22,54 @@ declare function prompt(f1?: string, func1?: Function): any
 
 interface GenLayerProps {
 
-  id: string
-  body?: any
-  name?: string
-  style?: any
-  class?: string
-  icon?: string
-
-  buttons?: {
-    confirm?: {
-      text: string
-      cb?: () => void
-    }
-    cancel?: {
-      text: string
-      cb?: () => void
-    }
-  }
-
-
-  top?: number | string
-  left?: number | string
-  right?: number | string
-  bottom?: number | string
-
-  width?: number | string
-  height?: number | string
-
-  minWidth?: number
-  minHeight?: number
-  maxWidth?: number
-  maxHeight?: number
-
-  fadeIn?: number
-  fadeOut?: number
-  timer?: number
-
-  maximize?: boolean
-  isMaximize?: boolean
-  dockable?: boolean
-  movable?: boolean
-
-  resizable?: boolean
-  close?: boolean
-  raised?: boolean
-  iconize?: boolean
-
-  source?: string
-  store?: any
+	id: string
+	body?: any
+	name?: string
+	style?: any
+	class?: string
+	icon?: string
+
+	buttons?: {
+		confirm?: {
+			text: string
+			cb?: () => void
+		}
+		cancel?: {
+			text: string
+			cb?: () => void
+		}
+	}
+
+
+	top?: number | string
+	left?: number | string
+	right?: number | string
+	bottom?: number | string
+
+	width?: number | string
+	height?: number | string
+
+	minWidth?: number
+	minHeight?: number
+	maxWidth?: number
+	maxHeight?: number
+
+	fadeIn?: number
+	fadeOut?: number
+	timer?: number
+
+	maximize?: boolean
+	isMaximize?: boolean
+	dockable?: boolean
+	movable?: boolean
+
+	resizable?: boolean
+	close?: boolean
+	raised?: boolean
+	iconize?: boolean
+
+	source?: string
+	store?: any
 
 }
 
@@ -75,27 +78,27 @@ interface GenLayerProps {
  */
 interface _layerpro {
 
-  readonly alert: (txt: string) => void
-  readonly prompt: (txt: string, callback: (input: string) => void, event: Event) => void
-  readonly message: (txt: string, callback: () => void) => void
-  readonly confirm: (txt: string, yesCallback: () => void, noCallback: () => void) => void
-  readonly purge: (document: Document) => void
-  readonly credits: (txt: string) => void
-
-  readonly popup: {
-    readonly open: (props: GenLayerProps) => GenLayerProps
-    readonly center: (props: any) => void
-    readonly maximize: (props: any) => void
-    readonly iconize: (props: any) => void
-    readonly raised: (props: any) => void
-    readonly movable: (props: any) => void
-    readonly resizable: (props: any) => void
-    readonly dockable: (props: any) => void
-    readonly store: (props: any) => void
-    readonly index: (props: any) => void
-    readonly zIndex: (props: any) => number
-    readonly close: (props: any) => any
-  }
+	readonly alert: (txt: string) => void
+	readonly prompt: (txt: string, callback: (input: string) => void, event: Event) => void
+	readonly message: (txt: string, callback: () => void) => void
+	readonly confirm: (txt: string, yesCallback: () => void, noCallback: () => void) => void
+	readonly purge: (document: Document) => void
+	readonly credits: (txt: string) => void
+
+	readonly popup: {
+		readonly open: (props: GenLayerProps) => GenLayerProps
+		readonly center: (props: any) => void
+		readonly maximize: (props: any) => void
+		readonly iconize: (props: any) => void
+		readonly raised: (props: any) => void
+		readonly movable: (props: any) => void
+		readonly resizable: (props: any) => void
+		readonly dockable: (props: any) => void
+		readonly store: (props: any) => void
+		readonly index: (props: any) => void
+		readonly zIndex: (props: any) => number
+		readonly close: (props: any) => any
+	}
 }
 
 declare var layerpro: _layerpro

package/examples/index.tsx

@@ -1,62 +0,0 @@
-// Example using React Component
-
-import React from "react"
-import 'layerpro'
-
-export default () => {
-
-  const TestApp = () => {
-    return (
-      <div>
-        Hello
-        <label>
-          Alert: <input type="button" value="Alert" onClick={() => alert("Hello")} />
-        </label>
-      </div>
-    )
-  }
-
-  layerpro.popup.open(
-    {
-      id: 'examplePopup',
-      body: TestApp(),
-      buttons: {
-        confirm: {
-          text: "accept",
-          cb: () => {
-            message("confirmed")
-          }
-        },
-        cancel: {
-          text: "cancel",
-          cb: () => {
-            alert("cancelled")
-          }
-        }
-      },
-      width: 350,
-      height: 300,
-      name: 'example',
-      icon: '&#9888;',
-      iconize: true,
-      maximize: true,
-      close: true,
-      isMaximize: false,
-      dockable: false,
-      raised: true,
-      movable: true,
-      resizable: false,
-      store: false,
-      top: '10%',
-      left: '10%',
-      right: 'auto',
-      bottom: 'auto',
-      minWidth: 200,
-      minHeight: 150,
-      fadeIn: 500,
-      fadeOut: 500,
-      timer: 0
-    }
-  )
-
-}

package/examples/layerpro.scss

@@ -1,108 +0,0 @@
-// created by Dario Passariello
-
-:root {
-  --lp-000: hsl(0, 0%, 5%);
-  --lp-001: hsl(0, 0%, 100%);
-  --lp-011: rgb(80, 170, 250);
-}
-
-//////////////////////////////////////
-
-@mixin popup-hover-styles {
-  background: var(--lp-011) !important;
-  color: var(--lp-001) !important;
-  box-shadow: none !important;
-
-  &:before {
-    filter: invert(1) !important;
-  }
-
-  &:after {
-    background: var(--lp-011) !important;
-    color: var(--lp-000) !important;
-  }
-}
-
-#popup {
-  z-index: 10000 !important;
-
-  * {
-    box-sizing: border-box;
-    box-shadow: none;
-  }
-
-  [class^=popup_internal_] {
-    top: 36px;
-    background: var(--lp-001);
-  }
-
-  [class^=popup_body_] {
-    color: var(--lp-000);
-  }
-
-  [class^=popup_bar_] {
-    border-bottom: 0;
-    box-shadow: none;
-  }
-
-  [class^=popup_] input,
-  [class^=popup_] button {
-    border: 0;
-  }
-
-  [class^=popup_message_] ul {
-    padding: 0 10px !important;
-    margin: 0 !important;
-    text-align: left;
-  }
-
-  [class^=button_] {
-    &:hover {
-      @include popup-hover-styles;
-    }
-  }
-
-  .iconize:before,
-  .maximize:before,
-  .close:before {
-    filter: invert(1);
-  }
-
-  .buttons {
-    button {
-      background: var(--lp-011) !important;
-      border: none;
-      margin: 0;
-
-      &:hover {
-        @include popup-hover-styles;
-      }
-    }
-  }
-
-  .popup_alert,
-  .popup_message,
-  .popup_prompt,
-  .popup_confirm {
-    word-break: normal !important;
-
-    input[type=text] {
-      position: relative;
-      width: 90%;
-      height: 40px;
-      padding: 15px;
-      margin-top: 10px;
-      border: 2px solid rgba(0, 0, 0, 0.3);
-      background: var(--lp-001) !important;
-      color: var(--lp-000) !important;
-      text-align: center;
-    }
-  }
-
-  .zHigh {
-    border-top-color: var(--lp-011) !important;
-    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.5) !important;
-    outline: 1px solid rgba(0, 0, 0, 0.1) !important;
-    border: 0;
-  }
-}