@paperless/core 0.1.0-alpha.0 → 0.1.0-alpha.4

package/dist/paperless/paperless.esm.js

@@ -1 +1 @@
-import{p as o,b as t}from"./p-6f9229a6.js";(()=>{const t=import.meta.url,e={};return""!==t&&(e.resourcesUrl=new URL(".",t).href),o(e)})().then((o=>t([["p-711630fb",[[1,"p-button",{variant:[1]}]]],["p-3318b73b",[[0,"p-icon",{variant:[1],size:[1],rotate:[2],flip:[1]}]]],["p-98d636b6",[[0,"p-illustration",{variant:[1]}]]],["p-c3d80205",[[1,"p-tooltip",{content:[8],placement:[1],forceShow:[4,"force-show"]},[[1,"mouseenter","_show"],[0,"focus","_show"],[1,"mouseleave","_hide"],[0,"blur","_hide"]]]]]],o)));
+import{p as o,b as i}from"./p-f33e1285.js";(()=>{const i=import.meta.url,t={};return""!==i&&(t.resourcesUrl=new URL(".",i).href),o(t)})().then((o=>i([["p-f04c4de0",[[0,"p-illustration",{variant:[1]}]]],["p-4144f8a0",[[1,"p-tooltip",{content:[8],placement:[1],forceShow:[4,"force-show"]},[[1,"mouseenter","_show"],[0,"focus","_show"],[1,"mouseleave","_hide"],[0,"blur","_hide"]]]]],["p-31acefc4",[[4,"p-button",{variant:[1],href:[1],target:[1],size:[1],loading:[4],disabled:[4],icon:[1],iconPosition:[1,"icon-position"],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"]},[[2,"click","handleClick"]]],[0,"p-icon",{variant:[1],size:[1],rotate:[2],flip:[1]}],[1,"p-loader",{show:[4],variant:[1],color:[1],modalTitle:[1,"modal-title"],modalDescription:[1,"modal-description"]}]]]],o)));

package/dist/sw.js

@@ -27,30 +27,27 @@ self.addEventListener('message', (event) => {
 self.__precacheManifest = [
   {
     "url": "index.html",
-    "revision": "5eb75d027add016ecebb943b1a73afb4"
+    "revision": "b1a471c41640a8aebc24f88a9c36597c"
   },
   {
     "url": "build/index.esm.js",
     "revision": "d41d8cd98f00b204e9800998ecf8427e"
   },
   {
-    "url": "build/p-3318b73b.entry.js"
+    "url": "build/p-31acefc4.entry.js"
   },
   {
-    "url": "build/p-6f9229a6.js"
+    "url": "build/p-4144f8a0.entry.js"
   },
   {
-    "url": "build/p-711630fb.entry.js"
+    "url": "build/p-f04c4de0.entry.js"
   },
   {
-    "url": "build/p-98d636b6.entry.js"
+    "url": "build/p-f33e1285.js"
   },
   {
-    "url": "build/p-c3d80205.entry.js"
-  },
-  {
-    "url": "cjs/index-6758a39e.js",
-    "revision": "af6d997d161c98736fa3b74da48a43b3"
+    "url": "cjs/index-a2da05ae.js",
+    "revision": "86392d41f79c3187879bc79878cfcfc0"
   },
   {
     "url": "cjs/index.cjs.js",
@@ -58,54 +55,57 @@ self.__precacheManifest = [
   },
   {
     "url": "cjs/loader.cjs.js",
-    "revision": "f1b10d6b89b98f4d89dbf078676900b7"
-  },
-  {
-    "url": "cjs/p-button.cjs.entry.js",
-    "revision": "a6fc78ccb968bf14301c1c068a594834"
+    "revision": "e2619a8d45daf8b58d263594d79b26cb"
   },
   {
-    "url": "cjs/p-icon.cjs.entry.js",
-    "revision": "30eb72e46de820d7f4b114c76affbd28"
+    "url": "cjs/p-button_3.cjs.entry.js"
   },
   {
     "url": "cjs/p-illustration.cjs.entry.js"
   },
   {
     "url": "cjs/p-tooltip.cjs.entry.js",
-    "revision": "3370e22d2f92b66d4ec204a31b74dea4"
+    "revision": "bb26894313d91f23f2c0fc141b22f7aa"
   },
   {
     "url": "cjs/paperless.cjs.js",
-    "revision": "82a4f2e0dc205eef73f1629f387cc7ff"
+    "revision": "b2535eba7fdbdc0ce0bba36960964c49"
   },
   {
     "url": "collection/collection-manifest.json",
-    "revision": "55e82bf57df0419273ddb8de09c5d478"
+    "revision": "69abfd94310e01f720a7c81a6c0f6c3e"
+  },
+  {
+    "url": "collection/components/atoms/button/button.component.css",
+    "revision": "170a89ffed517b7ed3b01b77e01510e5"
   },
   {
-    "url": "collection/components/button/button.component.css",
-    "revision": "466c53f1a00432686bc94302851afa4c"
+    "url": "collection/components/atoms/button/button.component.js",
+    "revision": "5b46b7fb9cf669ada19aa9aa1b3ec05d"
   },
   {
-    "url": "collection/components/button/button.component.js",
-    "revision": "bb87cf170753e7cc9083f9f172000469"
+    "url": "collection/components/atoms/icon/icon.component.js",
+    "revision": "9cc3323a777fb568699d10f3c1008618"
   },
   {
-    "url": "collection/components/icon/icon.component.js",
-    "revision": "2ff80f54824184a52a6bae6441ad457a"
+    "url": "collection/components/atoms/illustration/illustration.component.js",
+    "revision": "c7d9878fa926e60baca9005710323683"
   },
   {
-    "url": "collection/components/illustration/illustration.component.js",
-    "revision": "c6dc3500ec209bc7d4ac9891968e297e"
+    "url": "collection/components/atoms/loader/loader.component.css",
+    "revision": "aa556581969d7c61d430a0f022bb02a1"
   },
   {
-    "url": "collection/components/tooltip/tooltip.component.css",
+    "url": "collection/components/atoms/loader/loader.component.js",
+    "revision": "d1f630e8255de08b90c5697347183cb4"
+  },
+  {
+    "url": "collection/components/atoms/tooltip/tooltip.component.css",
     "revision": "f80a0a5022b3d0dd068cedbba1c2e707"
   },
   {
-    "url": "collection/components/tooltip/tooltip.component.js",
-    "revision": "e1d5c10217b7bf25360a13ddc4a6ae13"
+    "url": "collection/components/atoms/tooltip/tooltip.component.js",
+    "revision": "a39fb80cbbd78315e90da33db405551c"
   },
   {
     "url": "collection/index.js",
@@ -113,7 +113,7 @@ self.__precacheManifest = [
   },
   {
     "url": "collection/tailwind.config.js",
-    "revision": "164cbed49fedb48015b4c21006802f87"
+    "revision": "b6809e92405d6e378aa1798a0af3dbee"
   },
   {
     "url": "collection/tailwind/border-radius.js",
@@ -127,6 +127,14 @@ self.__precacheManifest = [
     "url": "collection/tailwind/grid.js",
     "revision": "c10b15ec73ad6b89c0f24b667886b357"
   },
+  {
+    "url": "collection/tailwind/rotate.js",
+    "revision": "6e10d60cb01221e64cf027d729886b6d"
+  },
+  {
+    "url": "collection/tailwind/scale.js",
+    "revision": "a839cb541613e836dc315f26e3e9a396"
+  },
   {
     "url": "collection/tailwind/shadows.js",
     "revision": "90a3cc6f1c4f6714180ddbb3a0e40a53"
@@ -143,28 +151,40 @@ self.__precacheManifest = [
     "url": "collection/utils/utils.js",
     "revision": "4beb8ca8a76230f44db73b6109a0043d"
   },
+  {
+    "url": "components/icon.component.js",
+    "revision": "873a64ed9ab191318d9b8735bf287e73"
+  },
   {
     "url": "components/index.js",
-    "revision": "31ca90a73d65b3aaf82779e687a5d5ba"
+    "revision": "575ad0ea8d16b9dffb1d08e3a2f3a69c"
+  },
+  {
+    "url": "components/loader.component.js",
+    "revision": "a0af339e6c9ad114c1f01bcb927559b4"
   },
   {
     "url": "components/p-button.js",
-    "revision": "3cb5e4e7f92265cde7b39c1045403f48"
+    "revision": "151517968fbd9bdccdc63b8939506467"
   },
   {
     "url": "components/p-icon.js",
-    "revision": "56b3dffb5840a6b9fc11370dcdf3bf79"
+    "revision": "89ede38633ef7c3b9ed45a67a2ffe2c8"
   },
   {
     "url": "components/p-illustration.js"
   },
+  {
+    "url": "components/p-loader.js",
+    "revision": "850d0015b16c8a34f62568d99ccdd388"
+  },
   {
     "url": "components/p-tooltip.js",
-    "revision": "f572f34b82a39036fb11a6c9f2f2f656"
+    "revision": "d1a4deb2abca1de0f64e36a280cc1edf"
   },
   {
-    "url": "esm/index-e4d80e41.js",
-    "revision": "653c187864c171a614b8c562afdb97e8"
+    "url": "esm/index-d08bfe75.js",
+    "revision": "7ae0c35a1ae5a2679bc5320131e19d5c"
   },
   {
     "url": "esm/index.js",
@@ -172,22 +192,17 @@ self.__precacheManifest = [
   },
   {
     "url": "esm/loader.js",
-    "revision": "2949da7fe9f52c2bdb03fa1227f8197b"
-  },
-  {
-    "url": "esm/p-button.entry.js",
-    "revision": "87304cfa413873e4ddef417a8accba49"
+    "revision": "1b0f1d5ae1352bc23c6cc3a691f1f06b"
   },
   {
-    "url": "esm/p-icon.entry.js",
-    "revision": "3c877f15e9c3956f39404f391a175689"
+    "url": "esm/p-button_3.entry.js"
   },
   {
     "url": "esm/p-illustration.entry.js"
   },
   {
     "url": "esm/p-tooltip.entry.js",
-    "revision": "bc6190169e0a896eeb303f776da10da7"
+    "revision": "6d244b355c8662063569772ed5a1b721"
   },
   {
     "url": "esm/polyfills/core-js.js",
@@ -226,23 +241,20 @@ self.__precacheManifest = [
     "revision": "d41d8cd98f00b204e9800998ecf8427e"
   },
   {
-    "url": "paperless/p-3318b73b.entry.js"
-  },
-  {
-    "url": "paperless/p-6f9229a6.js"
+    "url": "paperless/p-31acefc4.entry.js"
   },
   {
-    "url": "paperless/p-711630fb.entry.js"
+    "url": "paperless/p-4144f8a0.entry.js"
   },
   {
-    "url": "paperless/p-98d636b6.entry.js"
+    "url": "paperless/p-f04c4de0.entry.js"
   },
   {
-    "url": "paperless/p-c3d80205.entry.js"
+    "url": "paperless/p-f33e1285.js"
   },
   {
     "url": "tailwind.config.js",
-    "revision": "164cbed49fedb48015b4c21006802f87"
+    "revision": "b6809e92405d6e378aa1798a0af3dbee"
   }
 ].concat(self.__precacheManifest || []);
 workbox.precaching.precacheAndRoute(self.__precacheManifest, {});

package/dist/tailwind.config.js

@@ -2,21 +2,20 @@ const colors = require('./tailwind/colors');
 const shadows = require('./tailwind/shadows');
 const borderRadius = require('./tailwind/border-radius');
 const grid = require('./tailwind/grid');
+const scale = require('./tailwind/scale');
+const rotate = require('./tailwind/rotate');
 
 module.exports = {
   important: true,
-  safelist: [
-    {
-      pattern: /./,
-    },
-  ],
   theme: {
     colors,
     boxShadow: shadows,
     dropShadow: shadows,
     borderRadius,
-    extends: {
+    extend: {
       grid,
+      scale,
+      rotate,
     },
   },
   variants: {},

package/dist/types/components/atoms/button/button.component.d.ts

@@ -0,0 +1,51 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { IconFlipOptions, IconVariant } from '../icon/icon.component';
+export declare class Button {
+  /**
+   * The variant of the button
+   */
+  variant: 'primary' | 'secondary' | 'text';
+  /**
+   * Href in case of "text" version
+   */
+  href: string;
+  /**
+   * Target in case of "text" version
+   */
+  target: string;
+  /**
+   * The size of the button
+   */
+  size: 'small' | 'medium';
+  /**
+   * Wether to show a loader or not
+   */
+  loading: boolean;
+  /**
+   * Wether the button is disabled
+   */
+  disabled: boolean;
+  /**
+   * Icon to show on the button
+   */
+  icon: IconVariant;
+  /**
+   * Icon position
+   */
+  iconPosition: 'start' | 'end';
+  /**
+   * Icon flip
+   */
+  iconFlip: IconFlipOptions;
+  /**
+   * Icon rotate
+   */
+  iconRotate: number;
+  /**
+   * Button press event
+   */
+  click: EventEmitter<MouseEvent>;
+  render(): any;
+  handleClick(ev: MouseEvent): void;
+  private _getIcon;
+}

package/dist/types/components/{icon → atoms/icon}/icon.component.d.ts

@@ -1,5 +1,6 @@
-import icons from '../../utils/icons';
+import icons from '../../../utils/icons';
 export declare type IconVariant = keyof typeof icons;
+export declare type IconFlipOptions = 'horizontal' | 'vertical';
 export declare class Icon {
   /**
    * The icon the be displayed
@@ -16,7 +17,7 @@ export declare class Icon {
   /**
    * Wether to flip the icon horizontally or vertically
    */
-  flip: 'horizontal' | 'vertical';
+  flip: IconFlipOptions;
   render(): any;
   private _getClass;
 }

package/dist/types/components/{illustration → atoms/illustration}/illustration.component.d.ts

@@ -1,6 +1,6 @@
-import illustrations from '../../utils/illustrations';
+import illustrations from '../../../utils/illustrations';
 export declare type IllustrationVariant = keyof typeof illustrations;
-export declare class Icon {
+export declare class Illustration {
   /**
    * The icon the be displayed
    */

package/dist/types/components/atoms/loader/loader.component.d.ts

@@ -0,0 +1,30 @@
+import { Observable } from 'rxjs';
+export declare class Loader {
+  /**
+   * Wether to show or hide the loader
+   */
+  show: boolean | Observable<boolean>;
+  /**
+   * Variant of loader
+   */
+  variant: 'inline' | 'full-width' | 'full-screen' | 'modal';
+  /**
+   * Color of the loader
+   */
+  color: 'indigo' | 'white' | 'storm';
+  /**
+   * !NOT IMPLEMENTED! Modal title for modal variant
+   */
+  modalTitle: string;
+  /**
+   * !NOT IMPLEMENTED! Modal description for modal variant
+   */
+  modalDescription: string;
+  private _show;
+  private _showSubscriber;
+  private _loader;
+  componentWillRender(): void;
+  componentShouldUpdate(): void;
+  render(): any;
+  private _checkShow;
+}

package/dist/types/components.d.ts

@@ -5,21 +5,59 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { IconVariant } from "./components/icon/icon.component";
-import { IllustrationVariant } from "./components/illustration/illustration.component";
+import { IconFlipOptions, IconVariant } from "./components/atoms/icon/icon.component";
+import { IconFlipOptions as IconFlipOptions1, IconVariant as IconVariant1 } from "./components/atoms/icon/icon.component";
+import { IllustrationVariant } from "./components/atoms/illustration/illustration.component";
+import { Observable } from "rxjs";
 import { Placement } from "@popperjs/core";
 export namespace Components {
     interface PButton {
+        /**
+          * Wether the button is disabled
+         */
+        "disabled": boolean;
+        /**
+          * Href in case of "text" version
+         */
+        "href": string;
+        /**
+          * Icon to show on the button
+         */
+        "icon": IconVariant;
+        /**
+          * Icon flip
+         */
+        "iconFlip": IconFlipOptions;
+        /**
+          * Icon position
+         */
+        "iconPosition": 'start' | 'end';
+        /**
+          * Icon rotate
+         */
+        "iconRotate": number;
+        /**
+          * Wether to show a loader or not
+         */
+        "loading": boolean;
+        /**
+          * The size of the button
+         */
+        "size": 'small' | 'medium';
+        /**
+          * Target in case of "text" version
+         */
+        "target": string;
         /**
           * The variant of the button
          */
-        "variant": 'primary' | 'secondary';
+        "variant": 'primary' | 'secondary' | 'text';
     }
     interface PIcon {
         /**
           * Wether to flip the icon horizontally or vertically
          */
-        "flip": 'horizontal' | 'vertical';
+        "flip": IconFlipOptions;
         /**
           * Wether to rotate the icon x degrees
          */
@@ -39,6 +77,28 @@ export namespace Components {
          */
         "variant": IllustrationVariant;
     }
+    interface PLoader {
+        /**
+          * Color of the loader
+         */
+        "color": 'indigo' | 'white' | 'storm';
+        /**
+          * !NOT IMPLEMENTED! Modal description for modal variant
+         */
+        "modalDescription": string;
+        /**
+          * !NOT IMPLEMENTED! Modal title for modal variant
+         */
+        "modalTitle": string;
+        /**
+          * Wether to show or hide the loader
+         */
+        "show": boolean | Observable<boolean>;
+        /**
+          * Variant of loader
+         */
+        "variant": 'inline' | 'full-width' | 'full-screen' | 'modal';
+    }
     interface PTooltip {
         /**
           * The content of the tooltip
@@ -54,6 +114,10 @@ export namespace Components {
         "placement": Placement;
     }
 }
+export interface PButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPButtonElement;
+}
 declare global {
     interface HTMLPButtonElement extends Components.PButton, HTMLStencilElement {
     }
@@ -73,6 +137,12 @@ declare global {
         prototype: HTMLPIllustrationElement;
         new (): HTMLPIllustrationElement;
     };
+    interface HTMLPLoaderElement extends Components.PLoader, HTMLStencilElement {
+    }
+    var HTMLPLoaderElement: {
+        prototype: HTMLPLoaderElement;
+        new (): HTMLPLoaderElement;
+    };
     interface HTMLPTooltipElement extends Components.PTooltip, HTMLStencilElement {
     }
     var HTMLPTooltipElement: {
@@ -83,21 +153,62 @@ declare global {
         "p-button": HTMLPButtonElement;
         "p-icon": HTMLPIconElement;
         "p-illustration": HTMLPIllustrationElement;
+        "p-loader": HTMLPLoaderElement;
         "p-tooltip": HTMLPTooltipElement;
     }
 }
 declare namespace LocalJSX {
     interface PButton {
+        /**
+          * Wether the button is disabled
+         */
+        "disabled"?: boolean;
+        /**
+          * Href in case of "text" version
+         */
+        "href"?: string;
+        /**
+          * Icon to show on the button
+         */
+        "icon"?: IconVariant;
+        /**
+          * Icon flip
+         */
+        "iconFlip"?: IconFlipOptions;
+        /**
+          * Icon position
+         */
+        "iconPosition"?: 'start' | 'end';
+        /**
+          * Icon rotate
+         */
+        "iconRotate"?: number;
+        /**
+          * Wether to show a loader or not
+         */
+        "loading"?: boolean;
+        /**
+          * Button press event
+         */
+        "onClick"?: (event: PButtonCustomEvent<MouseEvent>) => void;
+        /**
+          * The size of the button
+         */
+        "size"?: 'small' | 'medium';
+        /**
+          * Target in case of "text" version
+         */
+        "target"?: string;
         /**
           * The variant of the button
          */
-        "variant"?: 'primary' | 'secondary';
+        "variant"?: 'primary' | 'secondary' | 'text';
     }
     interface PIcon {
         /**
           * Wether to flip the icon horizontally or vertically
          */
-        "flip"?: 'horizontal' | 'vertical';
+        "flip"?: IconFlipOptions;
         /**
           * Wether to rotate the icon x degrees
          */
@@ -117,6 +228,28 @@ declare namespace LocalJSX {
          */
         "variant"?: IllustrationVariant;
     }
+    interface PLoader {
+        /**
+          * Color of the loader
+         */
+        "color"?: 'indigo' | 'white' | 'storm';
+        /**
+          * !NOT IMPLEMENTED! Modal description for modal variant
+         */
+        "modalDescription"?: string;
+        /**
+          * !NOT IMPLEMENTED! Modal title for modal variant
+         */
+        "modalTitle"?: string;
+        /**
+          * Wether to show or hide the loader
+         */
+        "show"?: boolean | Observable<boolean>;
+        /**
+          * Variant of loader
+         */
+        "variant"?: 'inline' | 'full-width' | 'full-screen' | 'modal';
+    }
     interface PTooltip {
         /**
           * The content of the tooltip
@@ -135,6 +268,7 @@ declare namespace LocalJSX {
         "p-button": PButton;
         "p-icon": PIcon;
         "p-illustration": PIllustration;
+        "p-loader": PLoader;
         "p-tooltip": PTooltip;
     }
 }
@@ -145,6 +279,7 @@ declare module "@stencil/core" {
             "p-button": LocalJSX.PButton & JSXBase.HTMLAttributes<HTMLPButtonElement>;
             "p-icon": LocalJSX.PIcon & JSXBase.HTMLAttributes<HTMLPIconElement>;
             "p-illustration": LocalJSX.PIllustration & JSXBase.HTMLAttributes<HTMLPIllustrationElement>;
+            "p-loader": LocalJSX.PLoader & JSXBase.HTMLAttributes<HTMLPLoaderElement>;
             "p-tooltip": LocalJSX.PTooltip & JSXBase.HTMLAttributes<HTMLPTooltipElement>;
         }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paperless/core",
-  "version": "0.1.0-alpha.0",
+  "version": "0.1.0-alpha.4",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -38,7 +38,8 @@
   },
   "dependencies": {
     "@popperjs/core": "^2.11.5",
-    "@stencil/core": "^2.13.0"
+    "@stencil/core": "^2.13.0",
+    "rxjs": "^7.5.5"
   },
   "devDependencies": {
     "@stencil/angular-output-target": "^0.4.0",