taon-ui 19.0.1 → 19.0.3

package/browser/package.json

@@ -1,6 +1,6 @@
 {
   "name": "taon-ui/browser",
-  "version": "19.0.1",
+  "version": "19.0.3",
   "module": "fesm2022/taon-ui.mjs",
   "typings": "index.d.ts",
   "exports": {

package/client/package.json

@@ -1,6 +1,6 @@
 {
   "name": "taon-ui/client",
-  "version": "19.0.1",
+  "version": "19.0.3",
   "module": "fesm2022/taon-ui.mjs",
   "typings": "index.d.ts",
   "exports": {

package/lib/build-info._auto-generated_.d.ts

@@ -1,3 +1,3 @@
 export declare const BUILD_FRAMEWORK_CLI_NAME = "tnp";
 export declare const PROJECT_NPM_NAME = "taon-ui";
-export declare const CURRENT_PACKAGE_VERSION = "19.0.1";
+export declare const CURRENT_PACKAGE_VERSION = "19.0.3";

package/lib/build-info._auto-generated_.js

@@ -4,6 +4,6 @@ exports.CURRENT_PACKAGE_VERSION = exports.PROJECT_NPM_NAME = exports.BUILD_FRAME
 // THIS FILE IS GENERATED - DO NOT MODIFY
 exports.BUILD_FRAMEWORK_CLI_NAME = 'tnp';
 exports.PROJECT_NPM_NAME = 'taon-ui';
-exports.CURRENT_PACKAGE_VERSION = '19.0.1';
+exports.CURRENT_PACKAGE_VERSION = '19.0.3';
 // THIS FILE IS GENERATED - DO NOT MODIFY
 //# sourceMappingURL=build-info._auto-generated_.js.map

package/lib/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1748108145011 = dummy1748108145011;
-function dummy1748108145011() { }
+exports.dummy1748398989716 = dummy1748398989716;
+function dummy1748398989716() { }
 //# sourceMappingURL=index.js.map

package/lib/layouts/taon-bootstrap-navbar/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1748108145075 = dummy1748108145075;
-function dummy1748108145075() { }
+exports.dummy1748398989760 = dummy1748398989760;
+function dummy1748398989760() { }
 //# sourceMappingURL=index.js.map

package/lib/ui/directives/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1748108145094 = dummy1748108145094;
-function dummy1748108145094() { }
+exports.dummy1748398989772 = dummy1748398989772;
+function dummy1748398989772() { }
 //# sourceMappingURL=index.js.map

package/lib/ui/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1748108145053 = dummy1748108145053;
-function dummy1748108145053() { }
+exports.dummy1748398989746 = dummy1748398989746;
+function dummy1748398989746() { }
 //# sourceMappingURL=index.js.map

package/lib/ui/taon-github-fork-me-corner/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1748108145158 = dummy1748108145158;
-function dummy1748108145158() { }
+exports.dummy1748398989815 = dummy1748398989815;
+function dummy1748398989815() { }
 //# sourceMappingURL=index.js.map

package/lib/ui/taon-github-fork-me-ribbon/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1748108145175 = dummy1748108145175;
-function dummy1748108145175() { }
+exports.dummy1748398989834 = dummy1748398989834;
+function dummy1748398989834() { }
 //# sourceMappingURL=index.js.map

package/lib/ui/taon-notifications/taon-notifications.models.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1748108145202 = dummy1748108145202;
-function dummy1748108145202() { }
+exports.dummy1748398989860 = dummy1748398989860;
+function dummy1748398989860() { }
 //# sourceMappingURL=taon-notifications.models.js.map

package/lib/ui/taon-progress-bar/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1748108145213 = dummy1748108145213;
-function dummy1748108145213() { }
+exports.dummy1748398989870 = dummy1748398989870;
+function dummy1748398989870() { }
 //# sourceMappingURL=index.js.map

package/lib/ui/taon-session-passcode/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1748108145229 = dummy1748108145229;
-function dummy1748108145229() { }
+exports.dummy1748398989887 = dummy1748398989887;
+function dummy1748398989887() { }
 //# sourceMappingURL=index.js.map

package/lib/ui/taon-table/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1748108145242 = dummy1748108145242;
-function dummy1748108145242() { }
+exports.dummy1748398989905 = dummy1748398989905;
+function dummy1748398989905() { }
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "taon-ui",
-  "version": "19.0.1",
+  "version": "19.0.3",
   "scripts": {
     "taon init": "taon init",
     "taon start": "taon start",

package/scss/global.scss

@@ -0,0 +1,43 @@
+@use './vars.scss' as vars;
+@use 'bootstrap/scss/bootstrap' as *;
+
+@import '~@angular/material/prebuilt-themes/indigo-pink.css';
+@import 'primeflex/primeflex.css';
+@import 'primeflex/themes/primeone-light.css';
+@import 'primeicons/primeicons.css';
+@import 'animate.css/animate.min.css';
+
+@font-face {
+  font-family: 'Material Icons';
+  font-style: normal;
+  font-weight: 400;
+  src: url("#{ vars.$basename }assets/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2")
+    format('woff2');
+}
+
+.material-icons {
+  font-family: 'Material Icons';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  -webkit-font-feature-settings: 'liga';
+  -webkit-font-smoothing: antialiased;
+}
+
+.ng-scroll-content {
+  // TODO QUICK_FIX for modal mode
+  display: block !important;
+}
+
+
+body, html {
+  margin: 0px !important; // TODO QUICK FIX for weird chrome padding
+  overflow: hidden; // for ngx-scrollbar to work
+}

package/scss/index.scss

@@ -0,0 +1,2 @@
+// EXPORT SCSS STYLES FOR THIS APP or LIBRARY IN THIS FILE
+@use './lib/index.scss' as *;

package/scss/lib/index.scss

@@ -0,0 +1,2 @@
+// EXPORT SCSS STYLES FOR THIS LIBRARY IN THIS FILE
+@use'./taon.scss' as *;

package/scss/lib/layouts/taon-bootstrap-navbar/taon-bootstrap-navbar.component.scss

@@ -0,0 +1,12 @@
+:host {
+  display: block;
+}
+nav {
+  // font-weight: bold;
+  font-variant-caps: all-small-caps;
+}
+.navbar-collapse.in {
+  overflow: hidden;
+  max-height: none !important;
+  height: auto !important;
+}

package/scss/lib/taon.scss

@@ -0,0 +1,15 @@
+@mixin section {
+  section {
+    display: block;
+    padding: 10px;
+
+    > * {
+      margin-top: 0px !important;
+      margin-bottom: 10px !important;
+
+      &:last-child {
+        margin-bottom: 0px !important;
+      }
+    }
+  }
+}

package/scss/lib/ui/taon-admin-mode-configuration/taon-admin-mode-configuration.component.scss

@@ -0,0 +1,132 @@
+@use '../taon.scss' as taon;
+
+@include taon.section;
+
+:host {
+  display: block;
+}
+
+$background-admin: rgba(220, 220, 220);
+$draggablezindex: 105;
+
+.draggable-column {
+  display: block !important;
+  width: 100% !important;
+}
+
+.admin-show-button {
+  position: fixed;
+  bottom: 100px;
+  left: -15px;
+  z-index: 2147483647;
+  transform: rotate(90deg);
+  border: 0px;
+  color: white;
+  background: gray;
+  opacity: 0.1;
+  cursor: pointer;
+
+  &:hover {
+    opacity: 1;
+  }
+}
+
+.taon-ui-super-admin-mode {
+  font-family: 'JosefinSans-Bold';
+  text-align: right;
+  margin-right: 10px;
+}
+
+mat-drawer {
+  margin: 0px;
+  background-color: $background-admin !important;
+}
+
+.taon-header-admin-wrapper {
+  overflow: hidden;
+  width: 100%;
+  display: block;
+}
+
+.taon-header-admin {
+  background: white;
+  // -webkit-box-shadow: 0 6px 14px -4px black;
+  // -moz-box-shadow   : 0 6px 14px -4px black;
+  box-shadow: 0 -9px 6px 6px black;
+  height: 47px;
+
+  .logo-header {
+    img {
+      height: 18px;
+      padding: 8px;
+      position: relative;
+      float: left;
+      top: 7px;
+      box-sizing: content-box;
+      transform: scale(1.5);
+      left: 49px;
+    }
+  }
+}
+
+.draggable-popup-mode-window {
+  width: 600px;
+  height: 500px;
+  border: solid 1px #ccc;
+  color: rgba(0, 0, 0, 0.87);
+  cursor: move;
+  justify-content: center;
+  align-items: center;
+  background: #fff;
+  border-radius: 4px;
+  position: fixed;
+  z-index: $draggablezindex;
+  background-color: $background-admin !important;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow:
+    0 3px 1px -2px rgba(0, 0, 0, 0.2),
+    0 2px 2px 0 rgba(0, 0, 0, 0.14),
+    0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+
+.draggable-popup-mode-window:active {
+  box-shadow:
+    0 5px 5px -3px rgba(0, 0, 0, 0.2),
+    0 8px 10px 1px rgba(0, 0, 0, 0.14),
+    0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+
+.draggable-popup-mode-window-full {
+  width: 100%;
+  height: 100%;
+  overflow: scroll;
+  color: rgba(0, 0, 0, 0.87);
+  justify-content: center;
+  align-items: center;
+  background: #fff;
+  border-radius: 4px;
+  position: fixed;
+  z-index: $draggablezindex;
+  background-color: $background-admin !important;
+}
+
+.admin-close-button {
+  float: right;
+}
+
+.fab-button {
+  position: fixed;
+  right: 110px;
+  bottom: 100px;
+  z-index: 10;
+  background-color: rgb(220, 220, 220);
+  color: rgb(143, 143, 143);
+}
+
+.full-tabs {
+  padding: 10px;
+}
+
+.mat-drawer-container-full-screen {
+  background-color: red;
+}

package/scss/lib/ui/taon-github-fork-me-corner/taon-github-fork-me-corner.component.scss

@@ -0,0 +1,38 @@
+a {
+  opacity: 0.7;
+  &:hover {
+    opacity: 1;
+  }
+}
+
+.github-corner:hover .octo-arm {
+  opacity: 1;
+  animation: octocat-wave 560ms ease-in-out;
+}
+
+@keyframes octocat-wave {
+  0%,
+  100% {
+    transform: rotate(0);
+  }
+
+  20%,
+  60% {
+    transform: rotate(-25deg);
+  }
+
+  40%,
+  80% {
+    transform: rotate(10deg);
+  }
+}
+
+@media (max-width: 500px) {
+  .github-corner:hover .octo-arm {
+    animation: none;
+  }
+
+  .github-corner .octo-arm {
+    animation: octocat-wave 560ms ease-in-out;
+  }
+}

package/scss/lib/ui/taon-github-fork-me-ribbon/taon-github-fork-me-ribbon.component.scss

@@ -0,0 +1,14 @@
+:host {
+  position: fixed;
+  top: -2px;
+  right: 0px;
+  transform: rotate(90deg);
+  z-index: 2147483647;
+}
+
+a {
+  opacity: 0.7;
+  &:hover {
+    opacity: 1;
+  }
+}

package/scss/lib/ui/taon-notifications/taon-notifications.component.scss

@@ -0,0 +1,5 @@
+:host {
+  position: absolute;
+  width: 0px;
+  height: 0px;
+}

package/scss/lib/ui/taon-progress-bar/taon-progress-bar.component.scss

@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}

package/scss/lib/ui/taon-session-passcode/taon-session-passcode.component.scss

@@ -0,0 +1,50 @@
+:host {
+  position: fixed;
+  background-color: rgb(159 159 159 / 34%);
+  z-index: 99999;
+  backdrop-filter: blur(50px);
+  width: 100%;
+  height: 100%;
+  // box-sizing      : border-box;
+  display: none;
+}
+
+// @font-face {
+//   font-family: "Geist Mono";
+//   src        : url("https://assets.codepen.io/605876/GeistMonoVariableVF.ttf") format("truetype");
+// }
+
+input {
+  // font-family      : "Geist Mono", monospace;
+  // font-size: 1.75rem;
+  // letter-spacing: 0.2ch;
+  // border-radius: 6px;
+  // color: var(--color-alpha);
+  // border-color: var(--color-alpha);
+  // border-style: solid;
+  // background: var(--input-bg);
+  // outline: none;
+  // transition: border-color 0.2s, color 0.2s
+
+  background: rgb(255, 255, 255);
+  border-radius: 6px;
+  outline: 0px;
+  border: 0px;
+  color: gray;
+  text-align: center;
+  width: 500px;
+
+  // &::placeholder {
+  //   font-style: italic;
+  //   color     : gray;
+  //   opacity   : 0.7;
+  // }
+}
+
+// div {
+//   p {
+//     background-color: rgba(247, 247, 247, 0.34);
+//     backdrop-filter : blur(10px);
+//   }
+
+// }

package/scss/lib/ui/taon-table/taon-table.component.scss

@@ -0,0 +1,15 @@
+:host {
+  min-height: 250px;
+}
+
+.search-input {
+  width: 100%;
+}
+
+.undo-button {
+  margin-left: 10px;
+}
+
+.half-opacity {
+  opacity: 0.2;
+}

package/scss/lib/ui/taon.scss

@@ -0,0 +1,15 @@
+@mixin section {
+  section {
+    display: block;
+    padding: 10px;
+
+    > * {
+      margin-top: 0px !important;
+      margin-bottom: 10px !important;
+
+      &:last-child {
+        margin-bottom: 0px !important;
+      }
+    }
+  }
+}

package/tmp-environment.json

@@ -9,9 +9,9 @@
     "only": []
   },
   "ports": {
-    "ngNormalAppPort": 4221,
-    "ngWebsqlAppPort": 4222,
-    "nodeBeAppPort": 4107
+    "ngNormalAppPort": 4263,
+    "ngWebsqlAppPort": 4264,
+    "nodeBeAppPort": 4104
   },
   "init": {},
   "build": {
@@ -30,12 +30,12 @@
     "releaseType": "manual",
     "targetArtifact": "npm-lib-and-cli-tool",
     "envName": "__",
-    "resolvedNewVersion": "19.0.1"
+    "resolvedNewVersion": "19.0.3"
   },
   "copyToManager": {},
   "buildInfo": {
-    "date": "2025-05-24T17:21:50.000Z",
-    "hash": "940005b652da84679ecd4c9c9715486f3896d137"
+    "date": "2025-05-28T01:42:51.000Z",
+    "hash": "7096aeacb73ca98d319b57f31478497c65d613ed"
   },
   "currentProjectName": "taon-ui",
   "currentProjectType": "isomorphic-lib",

package/websql/package.json

@@ -1,6 +1,6 @@
 {
   "name": "taon-ui/websql",
-  "version": "19.0.1",
+  "version": "19.0.3",
   "module": "fesm2022/taon-ui.mjs",
   "typings": "index.d.ts",
   "exports": {

package/lib/taon-admin-mode-configuration/index.d.ts

@@ -1 +0,0 @@
-export * from './taon-admin-mode-configuration.component';

package/lib/taon-admin-mode-configuration/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1748088905671 = dummy1748088905671;
-function dummy1748088905671() { }
-//# sourceMappingURL=index.js.map

package/lib/taon-admin-mode-configuration/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["c:/Users/darek/projects/npm/taon-dev/taon-ui/src/lib/taon-admin-mode-configuration/index.ts"],"names":[],"mappings":";;AAAA,gDAAwC;AAAxC,SAAgB,kBAAkB,KAAK,CAAC"}

package/lib/taon-admin-mode-configuration/taon-admin-mode-configuration.component.d.ts

@@ -1,43 +0,0 @@
-import { CdkDragEnd, Point } from '@angular/cdk/drag-drop';
-import { ChangeDetectorRef, EventEmitter, OnInit, AfterViewInit, OnDestroy } from '@angular/core';
-import { Subject } from 'rxjs';
-import { BreakpointsService } from 'static-columns';
-import { TaonAdminService } from 'taon';
-export declare class TaonAdminModeConfigurationComponent implements OnInit, AfterViewInit, OnDestroy {
-    private breakpointsService;
-    $destroy: Subject<unknown>;
-    readonly cdr: ChangeDetectorRef;
-    readonly taonAdminService: TaonAdminService;
-    readonly isDesktop: boolean;
-    isWebSQLMode: boolean;
-    hideTaonToolsInProduction: boolean;
-    isIframe: boolean;
-    height: number;
-    openedOnce: boolean;
-    reloading: boolean;
-    showPasscode: boolean;
-    passcode: string;
-    message: string;
-    dragPositionX: number;
-    dragPositionY: number;
-    dragPositionZero: Point;
-    dragPosition: Point;
-    selectedIndex: number;
-    tabGroup: any;
-    wasOpenDraggablePopup: boolean;
-    taonAdminModeConfigurationDataChanged: EventEmitter<any>;
-    taonAdminModeConfigurationData: any;
-    get opened(): boolean;
-    set opened(v: boolean);
-    constructor(breakpointsService: BreakpointsService);
-    ngOnInit(): Promise<void>;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    onResize(event: Event): void;
-    reloadTabs(): Promise<void>;
-    toogle(): Promise<void>;
-    toogleFullScreen(): Promise<void>;
-    resetDrag(): void;
-    moved(c: CdkDragEnd): void;
-    scrollTabs(event: any): void;
-}

package/lib/taon-admin-mode-configuration/taon-admin.models.d.ts

@@ -1,5 +0,0 @@
-import { TemplateRef } from '@angular/core';
-export interface TaonAdminModeTab {
-    name: string;
-    template: TemplateRef<any>;
-}

package/lib/taon-admin-mode-configuration/taon-admin.models.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=taon-admin.models.js.map

package/lib/taon-admin-mode-configuration/taon-admin.models.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"taon-admin.models.js","sourceRoot":"","sources":["c:/Users/darek/projects/npm/taon-dev/taon-ui/src/lib/taon-admin-mode-configuration/taon-admin.models.ts"],"names":[],"mappings":""}

package/lib/taon-admin-mode-configuration/taon-admin.service.d.ts

@@ -1,21 +0,0 @@
-export declare class TaonAdminService {
-    private static _instance;
-    static get Instance(): TaonAdminService;
-    scrollableEnabled: boolean;
-    private onEditMode;
-    onEditMode$: import("rxjs").Observable<unknown>;
-    adminPanelIsOpen: boolean;
-    draggablePopupMode: boolean;
-    draggablePopupModeFullScreen: boolean;
-    /**
-     * Property used in taon
-     */
-    keepWebsqlDbDataAfterReload: boolean;
-    constructor();
-    setEditMode(value: boolean): void;
-    setKeepWebsqlDbDataAfterReload(value: boolean): void;
-    enabledTabs: any[];
-    hide(): void;
-    show(): void;
-    logout(): void;
-}

package/lib/ui/taon-admin-mode-configuration/taon-admin.service.d.ts

@@ -1,21 +0,0 @@
-export declare class TaonAdminService {
-    private static _instance;
-    static get Instance(): TaonAdminService;
-    scrollableEnabled: boolean;
-    private onEditMode;
-    onEditMode$: import("rxjs").Observable<unknown>;
-    adminPanelIsOpen: boolean;
-    draggablePopupMode: boolean;
-    draggablePopupModeFullScreen: boolean;
-    /**
-     * Property used in taon
-     */
-    keepWebsqlDbDataAfterReload: boolean;
-    constructor();
-    setEditMode(value: boolean): void;
-    setKeepWebsqlDbDataAfterReload(value: boolean): void;
-    enabledTabs: any[];
-    hide(): void;
-    show(): void;
-    logout(): void;
-}