@hestia-earth/ui-components 0.27.21 → 0.27.23

package/node/node-csv-export-confirm/node-csv-export-confirm.component.d.ts

@@ -1,5 +1,5 @@
 import { SupportedExtensions } from '@hestia-earth/api';
-import { JSONLD } from '@hestia-earth/schema';
+import { JSONLD, JSON as HestiaJSON } from '@hestia-earth/schema';
 import * as i0 from "@angular/core";
 interface INodeIncluded {
     node: JSONLD<any>;
@@ -10,11 +10,11 @@ export declare class NodeCsvExportConfirmComponent {
     private readonly activeModal;
     protected readonly faDownload: import("@fortawesome/fontawesome-common-types").IconDefinition;
     protected headers: import("@angular/core").WritableSignal<string[]>;
-    protected nodes: import("@angular/core").ModelSignal<JSONLD<any>[]>;
-    protected filename: import("@angular/core").ModelSignal<string>;
-    protected headerKeys: import("@angular/core").ModelSignal<string[]>;
-    protected extension: import("@angular/core").ModelSignal<SupportedExtensions>;
-    protected isUpload: import("@angular/core").ModelSignal<boolean>;
+    nodes: import("@angular/core").ModelSignal<(JSONLD<any> | HestiaJSON<any>)[]>;
+    filename: import("@angular/core").ModelSignal<string>;
+    headerKeys: import("@angular/core").ModelSignal<string[]>;
+    extension: import("@angular/core").ModelSignal<SupportedExtensions>;
+    isUpload: import("@angular/core").ModelSignal<boolean>;
     protected closed: import("@angular/core").OutputEmitterRef<void>;
     protected showIncludeNodes: import("@angular/core").WritableSignal<boolean>;
     protected includedNodes: import("@angular/core").Signal<INodeIncluded[]>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hestia-earth/ui-components",
-  "version": "0.27.21",
+  "version": "0.27.23",
   "description": "HESTIA reusable components",
   "repository": {
     "type": "git",
@@ -30,6 +30,7 @@
     "@hestia-earth/utils": ">=0.13.0",
     "@ng-bootstrap/ng-bootstrap": "^16.0.0",
     "@ngrx/component-store": "^17.0.0",
+    "@ngrx/signals": "^17.0.0",
     "angular-svg-icon": "^17.0.0",
     "angular-svg-icon-preloader": "^7.0.0",
     "bulma": "^0.9.4",

package/styles.scss

@@ -1,6 +1,8 @@
+@use './variables' as hv;
+
+@import '@angular/cdk/overlay-prebuilt.css';
 @import '@hestia-earth/ui-framework/src/styles';
 @import './tags-input/styles.sass';
-@import '@angular/cdk/overlay-prebuilt.css';
 
 @import 'bulma-switch';
 
@@ -285,3 +287,35 @@ ngb-popover-window {
   padding-right: 0px !important;
   vertical-align: middle;
 }
+
+.content-screen-padding {
+  padding-inline: clamp(
+    hv.$content-screen-padding-min-size,
+    -22.2174rem + 37.6812%,
+    hv.$content-screen-padding-max-size
+  );
+
+  @include touch {
+    padding-inline: clamp(
+      hv.$content-screen-padding-min-size-touch,
+      0.1635rem + 2.6769%,
+      hv.$content-screen-padding-min-size
+    );
+  }
+
+  @include desktop {
+    padding-inline: clamp(
+      hv.$content-screen-padding-min-size-desktop,
+      (100vw - $desktop + $container-offset) / 2,
+      100%
+    );
+  }
+
+  @include widescreen {
+    padding-inline: clamp(
+      hv.$content-screen-padding-min-size-desktop,
+      (100vw - $widescreen + $container-offset) / 2,
+      100%
+    );
+  }
+}

package/variables.scss

@@ -5,3 +5,9 @@ $background-white-alt: #fefaef;
 // navigation-menu
 $navigation-menu-width-desktop: 14rem !default;
 $navigation-menu-collapsed-width-desktop: 2.8rem !default;
+
+// content-screen
+$content-screen-padding-max-size: 23rem;
+$content-screen-padding-min-size: 1.875rem;
+$content-screen-padding-min-size-touch: 1rem;
+$content-screen-padding-min-size-desktop: 2rem;