@paperless/angular 2.15.1 → 2.15.3

package/lib/modules/table/components/table-cell/table-cell.component.d.ts

@@ -34,11 +34,15 @@ export declare class TableCell {
      * The template ref for the content
      */
     template: TemplateRef<any> | undefined;
+    /**
+     * Wether the table is scrollable
+     */
+    scrollable: boolean;
     cn: typeof cn;
     get class(): string;
     get data(): TableDefinitionData | {
         value: string;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<TableCell, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableCell, "p-table-cell-ngx", never, { "variant": "variant"; "index": "index"; "rowIndex": "rowIndex"; "definition": "definition"; "item": "item"; "value": "value"; "checkbox": "checkbox"; "template": "template"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableCell, "p-table-cell-ngx", never, { "variant": "variant"; "index": "index"; "rowIndex": "rowIndex"; "definition": "definition"; "item": "item"; "value": "value"; "checkbox": "checkbox"; "template": "template"; "scrollable": "scrollable"; }, {}, never, ["*"], false, never>;
 }

package/lib/modules/table/components/table-column/table-column.component.d.ts

@@ -13,5 +13,5 @@ export declare class TableColumn {
     template: TemplateRef<any> | undefined;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<TableColumn, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableColumn, "p-table-column", never, { "align": "align"; "flex": "flex"; "name": "name"; "path": "path"; "sizes": "sizes"; "variant": "variant"; "useSlot": "useSlot"; "hasCheckbox": "hasCheckbox"; }, {}, ["template"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableColumn, "p-table-column", never, { "align": "align"; "flex": "flex"; "name": "name"; "path": "path"; "sizes": "sizes"; "variant": "variant"; "useSlot": "useSlot"; "hasCheckbox": "hasCheckbox"; "sticky": "sticky"; }, {}, ["template"], ["*"], false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paperless/angular",
-  "version": "2.15.1",
+  "version": "2.15.3",
   "peerDependencies": {
     "@angular/cdk": "^13.3.0 || ^14.0.0 || ^15.0.0 || ^17.0.0",
     "@angular/common": "^13.3.0 || ^14.0.0 || ^15.0.0",

package/paperless.css

@@ -26,6 +26,10 @@
   left: 0px !important
 }
 
+.left-4 {
+  left: 1rem !important
+}
+
 .right-0 {
   right: 0px !important
 }
@@ -38,6 +42,10 @@
   z-index: 0 !important
 }
 
+.z-\[2\] {
+  z-index: 2 !important
+}
+
 .z-\[3\] {
   z-index: 3 !important
 }
@@ -156,6 +164,14 @@
   flex: 1 1 0% !important
 }
 
+.flex-shrink {
+  flex-shrink: 1 !important
+}
+
+.flex-shrink-0 {
+  flex-shrink: 0 !important
+}
+
 .transform {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
 }
@@ -264,6 +280,29 @@
   border-width: 1px !important
 }
 
+.bg-white {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important
+}
+
+.bg-gradient-to-r {
+  background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important
+}
+
+.from-white {
+  --tw-gradient-from: #FFFFFF var(--tw-gradient-from-position) !important;
+  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
+}
+
+.from-80\% {
+  --tw-gradient-from-position: 80% !important
+}
+
+.to-transparent {
+  --tw-gradient-to: transparent var(--tw-gradient-to-position) !important
+}
+
 .pr-0 {
   padding-right: 0px !important
 }
@@ -383,9 +422,9 @@
   height: 100% !important
 }
 
-.before\:w-\[10\%\]::before {
+.before\:w-24::before {
   content: var(--tw-content) !important;
-  width: 10% !important
+  width: 6rem !important
 }
 
 .before\:bg-gradient-to-r::before {
@@ -453,9 +492,9 @@
   height: 100% !important
 }
 
-.after\:w-\[10\%\]::after {
+.after\:w-24::after {
   content: var(--tw-content) !important;
-  width: 10% !important
+  width: 6rem !important
 }
 
 .after\:bg-gradient-to-l::after {
@@ -934,6 +973,17 @@
   }
 }
 
+.dark\:bg-hurricane-700:where(:host([data-theme=dark]),:host([data-theme=dark]) *) {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(35 41 52 / var(--tw-bg-opacity, 1)) !important
+}
+
+.dark\:from-hurricane-700:where(:host([data-theme=dark]),:host([data-theme=dark]) *) {
+  --tw-gradient-from: #232934 var(--tw-gradient-from-position) !important;
+  --tw-gradient-to: rgb(35 41 52 / 0) var(--tw-gradient-to-position) !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
+}
+
 .dark\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *) {
   --tw-text-opacity: 1 !important;
   color: rgb(163 165 169 / var(--tw-text-opacity, 1)) !important
@@ -944,6 +994,43 @@
   color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important
 }
 
+.dark\:before\:from-hurricane-700:where(:host([data-theme=dark]),:host([data-theme=dark]) *)::before {
+  content: var(--tw-content) !important;
+  --tw-gradient-from: #232934 var(--tw-gradient-from-position) !important;
+  --tw-gradient-to: rgb(35 41 52 / 0) var(--tw-gradient-to-position) !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
+}
+
+.dark\:before\:via-hurricane-700\/90:where(:host([data-theme=dark]),:host([data-theme=dark]) *)::before {
+  content: var(--tw-content) !important;
+  --tw-gradient-to: rgb(35 41 52 / 0)  var(--tw-gradient-to-position) !important;
+  --tw-gradient-stops: var(--tw-gradient-from), rgb(35 41 52 / 0.9) var(--tw-gradient-via-position), var(--tw-gradient-to) !important
+}
+
+.after\:dark\:from-hurricane-700:where(:host([data-theme=dark]),:host([data-theme=dark]) *)::after {
+  content: var(--tw-content) !important;
+  --tw-gradient-from: #232934 var(--tw-gradient-from-position) !important;
+  --tw-gradient-to: rgb(35 41 52 / 0) var(--tw-gradient-to-position) !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
+}
+
+.dark\:after\:via-hurricane-700\/90:where(:host([data-theme=dark]),:host([data-theme=dark]) *)::after {
+  content: var(--tw-content) !important;
+  --tw-gradient-to: rgb(35 41 52 / 0)  var(--tw-gradient-to-position) !important;
+  --tw-gradient-stops: var(--tw-gradient-from), rgb(35 41 52 / 0.9) var(--tw-gradient-via-position), var(--tw-gradient-to) !important
+}
+
+.dark\:bg-hurricane-700:where([data-theme=dark],[data-theme=dark] *) {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(35 41 52 / var(--tw-bg-opacity, 1)) !important
+}
+
+.dark\:from-hurricane-700:where([data-theme=dark],[data-theme=dark] *) {
+  --tw-gradient-from: #232934 var(--tw-gradient-from-position) !important;
+  --tw-gradient-to: rgb(35 41 52 / 0) var(--tw-gradient-to-position) !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
+}
+
 .dark\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *) {
   --tw-text-opacity: 1 !important;
   color: rgb(163 165 169 / var(--tw-text-opacity, 1)) !important
@@ -953,3 +1040,29 @@
   --tw-text-opacity: 1 !important;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important
 }
+
+.dark\:before\:from-hurricane-700:where([data-theme=dark],[data-theme=dark] *)::before {
+  content: var(--tw-content) !important;
+  --tw-gradient-from: #232934 var(--tw-gradient-from-position) !important;
+  --tw-gradient-to: rgb(35 41 52 / 0) var(--tw-gradient-to-position) !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
+}
+
+.dark\:before\:via-hurricane-700\/90:where([data-theme=dark],[data-theme=dark] *)::before {
+  content: var(--tw-content) !important;
+  --tw-gradient-to: rgb(35 41 52 / 0)  var(--tw-gradient-to-position) !important;
+  --tw-gradient-stops: var(--tw-gradient-from), rgb(35 41 52 / 0.9) var(--tw-gradient-via-position), var(--tw-gradient-to) !important
+}
+
+.after\:dark\:from-hurricane-700:where([data-theme=dark],[data-theme=dark] *)::after {
+  content: var(--tw-content) !important;
+  --tw-gradient-from: #232934 var(--tw-gradient-from-position) !important;
+  --tw-gradient-to: rgb(35 41 52 / 0) var(--tw-gradient-to-position) !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
+}
+
+.dark\:after\:via-hurricane-700\/90:where([data-theme=dark],[data-theme=dark] *)::after {
+  content: var(--tw-content) !important;
+  --tw-gradient-to: rgb(35 41 52 / 0)  var(--tw-gradient-to-position) !important;
+  --tw-gradient-stops: var(--tw-gradient-from), rgb(35 41 52 / 0.9) var(--tw-gradient-via-position), var(--tw-gradient-to) !important
+}