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

package/dist/collection/components/button/button.component.css

@@ -1,6 +0,0 @@
-:host > button {
-  outline: 0;
-  border: 0;
-  @apply font-semibold text-white rounded;
-  @apply bg-indigo;
-}

package/dist/collection/components/icon/icon.component.js

@@ -1,108 +0,0 @@
-import { Component, h, Host, Prop } from '@stencil/core';
-import icons from '../../utils/icons';
-export class Icon {
-  constructor() {
-    /**
-     * The icon the be displayed
-     */
-    this.variant = null;
-    /**
-     * The size of the icon, using tailwind sizes
-     */
-    this.size = 'auto';
-    /**
-     * Wether to rotate the icon x degrees
-     */
-    this.rotate = null;
-    /**
-     * Wether to flip the icon horizontally or vertically
-     */
-    this.flip = null;
-  }
-  render() {
-    const icon = icons[this.variant];
-    return h(Host, { class: this._getClass(), innerHTML: icon });
-  }
-  _getClass() {
-    return `p-icon inline-block text-${this.size} ${this.rotate || this.flip ? 'transform' : ''} ${this.rotate ? ` ${this.rotate < 0 ? '-' : ''}rotate-${this.rotate < 0 ? this.rotate * -1 : this.rotate}` : ''} ${this.flip === 'horizontal' ? ` -scale-x-1` : this.flip === 'vertical' ? ` -scale-y-1` : ''}`;
-  }
-  static get is() { return "p-icon"; }
-  static get properties() { return {
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "IconVariant",
-        "resolved": "\"arrow\" | \"attachment\" | \"bread\" | \"calendar\" | \"car\" | \"checkmark\" | \"chevron\" | \"clock\" | \"cogs\" | \"comment\" | \"document\" | \"download\" | \"envelope\" | \"explanation\" | \"eye\" | \"filter\" | \"grid\" | \"headset\" | \"list\" | \"location\" | \"megaphone\" | \"minus\" | \"negative\" | \"pagination\" | \"payment\" | \"pencil\" | \"person\" | \"plus\" | \"question\" | \"receipt\" | \"report\" | \"search\" | \"settings\" | \"sick\" | \"tachometer\" | \"tool\" | \"trash\" | \"turn\" | \"upload\" | \"warning\"",
-        "references": {
-          "IconVariant": {
-            "location": "local"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The icon the be displayed"
-      },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The size of the icon, using tailwind sizes"
-      },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "'auto'"
-    },
-    "rotate": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Wether to rotate the icon x degrees"
-      },
-      "attribute": "rotate",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "flip": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'horizontal' | 'vertical'",
-        "resolved": "\"horizontal\" | \"vertical\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Wether to flip the icon horizontally or vertically"
-      },
-      "attribute": "flip",
-      "reflect": false,
-      "defaultValue": "null"
-    }
-  }; }
-}

package/dist/collection/components/tooltip/tooltip.component.css

@@ -1,34 +0,0 @@
-:host {
-  @apply cursor-pointer;
-}
-:host .tooltip {
-  @apply bg-storm hidden text-xs font-medium text-white py-1 px-3 rounded drop-shadow-1;
-  max-width: 14.5rem;
-}
-:host .tooltip[data-show] {
-  @apply block;
-}
-:host .tooltip .arrow,
-:host .tooltip .arrow::before {
-  background: inherit;
-  @apply absolute w-2 h-2;
-}
-:host .tooltip .arrow {
-  visibility: hidden;
-}
-:host .tooltip .arrow::before {
-  @apply visible transform rotate-45;
-  content: "";
-}
-:host .tooltip[data-popper-placement^=top] > .arrow {
-  @apply -bottom-1;
-}
-:host .tooltip[data-popper-placement^=bottom] > .arrow {
-  @apply -top-1;
-}
-:host .tooltip[data-popper-placement^=left] > .arrow {
-  @apply -right-1;
-}
-:host .tooltip[data-popper-placement^=right] > .arrow {
-  @apply -left-1;
-}

package/dist/collection/components/tooltip/tooltip.component.js

@@ -1,174 +0,0 @@
-import { createPopper } from '@popperjs/core';
-import { Component, Element, h, Host, Listen, Prop } from '@stencil/core';
-export class Tooltip {
-  constructor() {
-    /**
-     * The content of the tooltip
-     */
-    this.content = null;
-    /**
-     * The content of the tooltip
-     */
-    this.placement = 'top';
-    /**
-     * Wether to force show the tooltip
-     */
-    this.forceShow = false;
-    this._loaded = false;
-  }
-  componentShouldUpdate() {
-    this._setOptions();
-    if (this.forceShow) {
-      this._show();
-    }
-  }
-  render() {
-    return (h(Host, null,
-      h("slot", null),
-      h("div", { class: "tooltip", role: "tooltip", ref: el => this._load(el) },
-        this.content,
-        h("div", { class: "arrow", "data-popper-arrow": true }))));
-  }
-  _show() {
-    if (!this._loaded) {
-      return;
-    }
-    // Make the tooltip visible
-    this._tooltip.setAttribute('data-show', '');
-    // Enable the event listeners
-    this._popper.setOptions(options => (Object.assign(Object.assign({}, options), { modifiers: [...options.modifiers, { name: 'eventListeners', enabled: true }] })));
-    // Update its position
-    this._popper.update();
-  }
-  _hide() {
-    if (!this._loaded && !this.forceShow) {
-      return;
-    }
-    // Hide the tooltip
-    this._tooltip.removeAttribute('data-show');
-    // Disable the event listeners
-    this._popper.setOptions(options => (Object.assign(Object.assign({}, options), { modifiers: [...options.modifiers, { name: 'eventListeners', enabled: false }] })));
-  }
-  _load(tooltip) {
-    this._tooltip = tooltip;
-    if (tooltip) {
-      this._popper = createPopper(this._el, tooltip);
-      this._setOptions();
-      this._loaded = true;
-      if (this.forceShow) {
-        this._show();
-      }
-    }
-  }
-  _setOptions() {
-    if (!this._popper) {
-      return;
-    }
-    this._popper.setOptions({
-      placement: this.placement,
-      modifiers: [
-        {
-          name: 'offset',
-          options: {
-            offset: [0, 8],
-          },
-        },
-      ],
-    });
-  }
-  static get is() { return "p-tooltip"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["tooltip.component.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["tooltip.component.css"]
-  }; }
-  static get properties() { return {
-    "content": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The content of the tooltip"
-      },
-      "attribute": "content",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "placement": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "Placement",
-        "resolved": "\"auto\" | \"auto-end\" | \"auto-start\" | \"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
-        "references": {
-          "Placement": {
-            "location": "import",
-            "path": "@popperjs/core"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The content of the tooltip"
-      },
-      "attribute": "placement",
-      "reflect": false,
-      "defaultValue": "'top'"
-    },
-    "forceShow": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Wether to force show the tooltip"
-      },
-      "attribute": "force-show",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get elementRef() { return "_el"; }
-  static get listeners() { return [{
-      "name": "mouseenter",
-      "method": "_show",
-      "target": undefined,
-      "capture": false,
-      "passive": true
-    }, {
-      "name": "focus",
-      "method": "_show",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "mouseleave",
-      "method": "_hide",
-      "target": undefined,
-      "capture": false,
-      "passive": true
-    }, {
-      "name": "blur",
-      "method": "_hide",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
-}

package/dist/collection/tailwind/grid.js

@@ -1,6 +0,0 @@
-module.exports = {
-  13: 'repeat(13, minmax(0, 1fr))',
-  14: 'repeat(14, minmax(0, 1fr))',
-  15: 'repeat(15, minmax(0, 1fr))',
-  16: 'repeat(16, minmax(0, 1fr))',
-};