@peculiar/certificates-viewer 3.10.1 → 4.0.1

package/dist/collection/components/csr-viewer/csr-viewer.js

@@ -8,13 +8,13 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { Component, Host, h, Prop, State, Watch, } from '@stencil/core';
-import { CSR } from '../../crypto';
-import { getDNSNameLink, getIPAddressLink, getLEILink } from '../../utils/third_party_links';
-import { BasicInformation, SubjectName, Signature, Thumbprints, Extensions, Miscellaneous, PublicKey, Attributes, } from '../certificate-details-parts';
+import { Host, h, Build, } from "@stencil/core";
+import { CSR } from "../../crypto";
+import { getDNSNameLink, getIPAddressLink, getLEILink } from "../../utils/third_party_links";
+import { BasicInformation, SubjectName, Signature, Thumbprints, Extensions, Miscellaneous, PublicKey, Attributes, } from "../certificate-details-parts";
+import { Typography } from "../typography";
 export class CsrViewer {
   constructor() {
-    this.isDecodeInProcess = true;
     // eslint-disable-next-line class-methods-use-this
     this.getAuthKeyIdParentLink = (value) => value;
     // eslint-disable-next-line class-methods-use-this
@@ -27,9 +27,27 @@ export class CsrViewer {
       var _a;
       return (_a = this.subjectKeyIdSiblingsLink) === null || _a === void 0 ? void 0 : _a.replace('{{subjectKeyId}}', value);
     };
+    this.certificate = undefined;
+    this.download = undefined;
+    this.subjectKeyIdChildrenLink = undefined;
+    this.subjectKeyIdSiblingsLink = undefined;
+    this.mobileMediaQueryString = '(max-width: 900px)';
+    this.mobileScreenView = false;
+    this.isDecodeInProcess = true;
+  }
+  handleMediaQueryChange(event) {
+    this.mobileScreenView = event.matches;
   }
   componentWillLoad() {
     this.decodeCertificate(this.certificate);
+    if (Build.isBrowser) {
+      this.mobileMediaQuery = window.matchMedia(this.mobileMediaQueryString);
+      this.mobileMediaQuery.addEventListener('change', this.handleMediaQueryChange.bind(this));
+      this.mobileScreenView = this.mobileMediaQuery.matches;
+    }
+  }
+  disconnectedCallback() {
+    this.mobileMediaQuery.removeEventListener('change', this.handleMediaQueryChange.bind(this));
   }
   async decodeCertificate(certificate) {
     this.isDecodeInProcess = true;
@@ -72,13 +90,11 @@ export class CsrViewer {
   }
   // eslint-disable-next-line class-methods-use-this
   renderErrorState() {
-    return (h("div", { class: "status_wrapper" },
-      h("peculiar-typography", { type: "b1", class: "interaction_text" }, "There was an error decoding this certificate request.")));
+    return (h("div", { class: "status_wrapper" }, h(Typography, null, "There was an error decoding this certificate request.")));
   }
   // eslint-disable-next-line class-methods-use-this
   renderEmptyState() {
-    return (h("div", { class: "status_wrapper" },
-      h("peculiar-typography", { type: "b1", class: "interaction_text" }, "There is no certificate request available.")));
+    return (h("div", { class: "status_wrapper" }, h(Typography, null, "There is no certificate request available.")));
   }
   getExtensionRequestAttribute() {
     if (!this.certificateDecoded) {
@@ -95,127 +111,136 @@ export class CsrViewer {
       return this.renderEmptyState();
     }
     const extensionRequestAttribute = this.getExtensionRequestAttribute();
-    return (h(Host, { "data-view": this.view },
-      h("table", null,
-        h(BasicInformation, Object.assign({}, this.certificateDecoded)),
-        h(SubjectName, { name: this.certificateDecoded.subject }),
-        h(PublicKey, { publicKey: this.certificateDecoded.publicKey }),
-        h(Signature, { signature: this.certificateDecoded.signature }),
-        h(Thumbprints, { thumbprints: this.certificateDecoded.thumbprints }),
-        h(Attributes, { attributes: this.certificateDecoded.attributes, getLEILink: getLEILink, getDNSNameLink: getDNSNameLink, getIPAddressLink: getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }),
-        h(Extensions, { extensions: extensionRequestAttribute === null || extensionRequestAttribute === void 0 ? void 0 : extensionRequestAttribute.value, title: "Extension Request", getLEILink: getLEILink, getDNSNameLink: getDNSNameLink, getIPAddressLink: getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }),
-        this.download && (h(Miscellaneous, { certificate: this.certificateDecoded })))));
+    return (h(Host, { "data-mobile-screen-view": String(this.mobileScreenView) }, h("table", null, h(BasicInformation, Object.assign({}, this.certificateDecoded)), h(SubjectName, { name: this.certificateDecoded.subject }), h(PublicKey, { publicKey: this.certificateDecoded.publicKey }), h(Signature, { signature: this.certificateDecoded.signature }), h(Thumbprints, { thumbprints: this.certificateDecoded.thumbprints }), h(Attributes, { attributes: this.certificateDecoded.attributes, getLEILink: getLEILink, getDNSNameLink: getDNSNameLink, getIPAddressLink: getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }), h(Extensions, { extensions: extensionRequestAttribute === null || extensionRequestAttribute === void 0 ? void 0 : extensionRequestAttribute.value, title: "Extension Request", getLEILink: getLEILink, getDNSNameLink: getDNSNameLink, getIPAddressLink: getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }), this.download && (h(Miscellaneous, { certificate: this.certificateDecoded })))));
   }
   static get is() { return "peculiar-csr-viewer"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["../certificate-viewer/certificate-viewer.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["../certificate-viewer/certificate-viewer.css"]
-  }; }
-  static get properties() { return {
-    "certificate": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "CsrProp",
-        "resolved": "CSR | string",
-        "references": {
-          "CsrProp": {
-            "location": "local"
+  static get originalStyleUrls() {
+    return {
+      "$": ["../certificate-viewer/certificate-viewer.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../certificate-viewer/certificate-viewer.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "certificate": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "CsrProp",
+          "resolved": "CSR | string",
+          "references": {
+            "CsrProp": {
+              "location": "local",
+              "path": "/Users/donskov/Documents/work/pv/pv-certificates-viewer/packages/webcomponents/src/components/csr-viewer/csr-viewer.tsx",
+              "id": "src/components/csr-viewer/csr-viewer.tsx::CsrProp"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The certificate value for decode and show details. Use PEM or DER."
-      },
-      "attribute": "certificate",
-      "reflect": true
-    },
-    "download": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The certificate value for decode and show details. Use PEM or DER."
+        },
+        "attribute": "certificate",
+        "reflect": true
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "If `true` - component will show split-button to download certificate as PEM or DER."
+      "download": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "If `true` - component will show split-button to download certificate as PEM or DER."
+        },
+        "attribute": "download",
+        "reflect": false
       },
-      "attribute": "download",
-      "reflect": false
-    },
-    "subjectKeyIdChildrenLink": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "subjectKeyIdChildrenLink": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [{
+              "name": "example",
+              "text": " https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{subjectKeyId}}"
+            }],
+          "text": "Subject Key Identifier extension children link.\n<br />\n**NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension."
+        },
+        "attribute": "subject-key-id-children-link",
+        "reflect": true
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "name": "example",
-            "text": " https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{subjectKeyId}}"
-          }],
-        "text": "Subject Key Identifier extension children link.\n<br />\n**NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension."
+      "subjectKeyIdSiblingsLink": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [{
+              "name": "example",
+              "text": " https://some.com/{{subjectKeyId}}"
+            }],
+          "text": "Subject Key Identifier extension siblings link.\n<br />\n**NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension."
+        },
+        "attribute": "subject-key-id-siblings-link",
+        "reflect": true
       },
-      "attribute": "subject-key-id-children-link",
-      "reflect": true
-    },
-    "subjectKeyIdSiblingsLink": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "name": "example",
-            "text": " https://some.com/{{subjectKeyId}}"
-          }],
-        "text": "Subject Key Identifier extension siblings link.\n<br />\n**NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension."
-      },
-      "attribute": "subject-key-id-siblings-link",
-      "reflect": true
-    },
-    "view": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'mobile'",
-        "resolved": "\"mobile\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Choose view type instead @media."
-      },
-      "attribute": "view",
-      "reflect": true
-    }
-  }; }
-  static get states() { return {
-    "isDecodeInProcess": {}
-  }; }
-  static get watchers() { return [{
-      "propName": "certificate",
-      "methodName": "watchCertificateAndDecode"
-    }]; }
+      "mobileMediaQueryString": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [{
+              "name": "example",
+              "text": " (max-width: 900px)"
+            }],
+          "text": "Mobile media query string to control screen view change.\n<br />\n**NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia."
+        },
+        "attribute": "mobile-media-query-string",
+        "reflect": false,
+        "defaultValue": "'(max-width: 900px)'"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "mobileScreenView": {},
+      "isDecodeInProcess": {}
+    };
+  }
+  static get watchers() {
+    return [{
+        "propName": "certificate",
+        "methodName": "watchCertificateAndDecode"
+      }];
+  }
 }
+//# sourceMappingURL=csr-viewer.js.map

package/dist/collection/components/csr-viewer/csr-viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"csr-viewer.js","sourceRoot":"","sources":["../../../src/components/csr-viewer/csr-viewer.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  State,\n  Watch,\n  Build,\n} from '@stencil/core';\n\nimport { CSR } from '../../crypto';\nimport { getDNSNameLink, getIPAddressLink, getLEILink } from '../../utils/third_party_links';\nimport {\n  BasicInformation,\n  SubjectName,\n  Signature,\n  Thumbprints,\n  Extensions,\n  Miscellaneous,\n  PublicKey,\n  Attributes,\n} from '../certificate-details-parts';\nimport { Typography } from '../typography';\n\nexport type CsrProp = string | CSR;\n\n@Component({\n  tag: 'peculiar-csr-viewer',\n  styleUrl: '../certificate-viewer/certificate-viewer.scss',\n  shadow: true,\n})\nexport class CsrViewer {\n  private certificateDecoded: CSR;\n\n  private certificateDecodeError: Error;\n\n  private mobileMediaQuery: MediaQueryList;\n\n  /**\n   * The certificate value for decode and show details. Use PEM or DER.\n   */\n  @Prop({ reflect: true }) certificate: CsrProp;\n\n  /**\n   * If `true` - component will show split-button to download certificate as PEM or DER.\n   */\n  @Prop() download?: boolean;\n\n  /**\n   * Subject Key Identifier extension children link.\n   * <br />\n   * **NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension.\n   * @example\n   *  https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{subjectKeyId}}\n   */\n  @Prop({ reflect: true }) subjectKeyIdChildrenLink?: string;\n\n  /**\n   * Subject Key Identifier extension siblings link.\n   * <br />\n   * **NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension.\n   * @example\n   *  https://some.com/{{subjectKeyId}}\n   */\n  @Prop({ reflect: true }) subjectKeyIdSiblingsLink?: string;\n\n  /**\n   * Mobile media query string to control screen view change.\n   * <br />\n   * **NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.\n   * @example\n   *  (max-width: 900px)\n   */\n  @Prop({ reflect: false }) mobileMediaQueryString?: string = '(max-width: 900px)';\n\n  @State() mobileScreenView: boolean = false;\n\n  @State() isDecodeInProcess: boolean = true;\n\n  private handleMediaQueryChange(event: MediaQueryListEvent) {\n    this.mobileScreenView = event.matches;\n  }\n\n  componentWillLoad() {\n    this.decodeCertificate(this.certificate);\n\n    if (Build.isBrowser) {\n      this.mobileMediaQuery = window.matchMedia(this.mobileMediaQueryString);\n      this.mobileMediaQuery.addEventListener('change', this.handleMediaQueryChange.bind(this));\n      this.mobileScreenView = this.mobileMediaQuery.matches;\n    }\n  }\n\n  disconnectedCallback() {\n    this.mobileMediaQuery.removeEventListener('change', this.handleMediaQueryChange.bind(this));\n  }\n\n  private async decodeCertificate(certificate: CsrProp) {\n    this.isDecodeInProcess = true;\n\n    try {\n      if (certificate instanceof CSR) {\n        this.certificateDecoded = certificate;\n      } else if (typeof certificate === 'string') {\n        this.certificateDecoded = new CSR(certificate);\n      } else {\n        return;\n      }\n\n      this.certificateDecoded.parseAttributes();\n      await this.certificateDecoded.getThumbprint('SHA-1');\n      await this.certificateDecoded.getThumbprint('SHA-256');\n    } catch (error) {\n      this.certificateDecodeError = error;\n\n      console.error('Error certificate parse:', error);\n    }\n\n    this.isDecodeInProcess = false;\n  }\n\n  /**\n   * Rerun decodeCertificate if previuos value not equal current value\n   */\n  @Watch('certificate')\n  watchCertificateAndDecode(\n    newValue: CsrProp,\n    oldValue: CsrProp,\n  ) {\n    if (typeof newValue === 'string' && typeof oldValue === 'string') {\n      if (newValue !== oldValue) {\n        this.decodeCertificate(newValue);\n      }\n\n      return;\n    }\n\n    if (\n      newValue instanceof CSR\n      && oldValue instanceof CSR\n    ) {\n      if (newValue.commonName !== oldValue.commonName) {\n        this.decodeCertificate(newValue);\n      }\n    }\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  private getAuthKeyIdParentLink = (value: string) => value;\n\n  // eslint-disable-next-line class-methods-use-this\n  private getAuthKeyIdSiblingsLink = (value: string) => value;\n\n  private getSubjectKeyIdChildrenLink = (value: string) => this.subjectKeyIdChildrenLink\n    ?.replace('{{subjectKeyId}}', value);\n\n  private getSubjectKeyIdSiblingsLink = (value: string) => this.subjectKeyIdSiblingsLink\n    ?.replace('{{subjectKeyId}}', value);\n\n  // eslint-disable-next-line class-methods-use-this\n  private renderErrorState() {\n    return (\n      <div class=\"status_wrapper\">\n        <Typography>\n          There was an error decoding this certificate request.\n        </Typography>\n      </div>\n    );\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  private renderEmptyState() {\n    return (\n      <div class=\"status_wrapper\">\n        <Typography>\n          There is no certificate request available.\n        </Typography>\n      </div>\n    );\n  }\n\n  private getExtensionRequestAttribute() {\n    if (!this.certificateDecoded) {\n      return undefined;\n    }\n\n    return this.certificateDecoded.attributes\n      .find((attribute) => attribute.asn.type === '1.2.840.113549.1.9.14');\n  }\n\n  render() {\n    if (this.certificateDecodeError) {\n      return this.renderErrorState();\n    }\n\n    if (!this.certificateDecoded) {\n      return this.renderEmptyState();\n    }\n\n    const extensionRequestAttribute = this.getExtensionRequestAttribute();\n\n    return (\n      <Host\n        data-mobile-screen-view={String(this.mobileScreenView)}\n      >\n        <table>\n          <BasicInformation\n            {...this.certificateDecoded}\n          />\n\n          <SubjectName\n            name={this.certificateDecoded.subject}\n          />\n\n          <PublicKey\n            publicKey={this.certificateDecoded.publicKey}\n          />\n\n          <Signature\n            signature={this.certificateDecoded.signature}\n          />\n\n          <Thumbprints\n            thumbprints={this.certificateDecoded.thumbprints}\n          />\n\n          <Attributes\n            attributes={this.certificateDecoded.attributes}\n            getLEILink={getLEILink}\n            getDNSNameLink={getDNSNameLink}\n            getIPAddressLink={getIPAddressLink}\n            getAuthKeyIdParentLink={this.getAuthKeyIdParentLink}\n            getAuthKeyIdSiblingsLink={this.getAuthKeyIdSiblingsLink}\n            getSubjectKeyIdChildrenLink={this.getSubjectKeyIdChildrenLink}\n            getSubjectKeyIdSiblingsLink={this.getSubjectKeyIdSiblingsLink}\n          />\n\n          <Extensions\n            extensions={extensionRequestAttribute?.value as any}\n            title=\"Extension Request\"\n            getLEILink={getLEILink}\n            getDNSNameLink={getDNSNameLink}\n            getIPAddressLink={getIPAddressLink}\n            getAuthKeyIdParentLink={this.getAuthKeyIdParentLink}\n            getAuthKeyIdSiblingsLink={this.getAuthKeyIdSiblingsLink}\n            getSubjectKeyIdChildrenLink={this.getSubjectKeyIdChildrenLink}\n            getSubjectKeyIdSiblingsLink={this.getSubjectKeyIdSiblingsLink}\n          />\n\n          {this.download && (\n            <Miscellaneous\n              certificate={this.certificateDecoded}\n            />\n          )}\n        </table>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/highlight-words/highlight-words.css

@@ -1,15 +1,7 @@
-:host {
-  box-sizing: border-box;
-}
-:host *, :host *:before, :host *:after {
-  box-sizing: inherit;
-}
-
 :host {
   display: inline;
 }
 
 ::slotted(mark) {
-  background-color: rgba(247, 168, 49, 0.4);
-  background-color: rgba(var(--pv-color-attention-rgb), 0.4);
+  background-color: var(--pv-color-attention-tint-4);
 }

package/dist/collection/components/highlight-words/highlight-words.js

@@ -8,10 +8,11 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { Component, Host, h, Element, Prop, } from '@stencil/core';
+import { Host, h, } from "@stencil/core";
 export class HighlightWords {
   constructor() {
     this.tag = 'mark';
+    this.search = undefined;
   }
   componentDidLoad() {
     this.handleHighlightSearch();
@@ -34,35 +35,41 @@ export class HighlightWords {
     return source.replace(substring, '');
   }
   render() {
-    return (h(Host, null,
-      h("slot", null)));
+    return (h(Host, null, h("slot", null)));
   }
   static get is() { return "peculiar-highlight-words"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["highlight-words.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["highlight-words.css"]
-  }; }
-  static get properties() { return {
-    "search": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "search",
-      "reflect": false
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["highlight-words.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["highlight-words.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "search": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "search",
+        "reflect": false
+      }
+    };
+  }
   static get elementRef() { return "host"; }
 }
+//# sourceMappingURL=highlight-words.js.map

package/dist/collection/components/highlight-words/highlight-words.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight-words.js","sourceRoot":"","sources":["../../../src/components/highlight-words/highlight-words.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EACL,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,GAClC,MAAM,eAAe,CAAC;AAOvB,MAAM,OAAO,cAAc;;IAKjB,QAAG,GAAW,MAAM,CAAC;;;EAE7B,gBAAgB;IACd,IAAI,CAAC,qBAAqB,EAAE,CAAC;EAC/B,CAAC;EAED,kBAAkB;IAChB,IAAI,CAAC,qBAAqB,EAAE,CAAC;EAC/B,CAAC;EAED,qBAAqB;IACnB,MAAM,WAAW,GAAG,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACnE,IAAI,MAAM,GAAG,WAAW,CAAC;IAEzB,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,MAAM,SAAS,GAAG,IAAI,MAAM,CAAC,IAAI,IAAI,CAAC,MAAM,GAAG,EAAE,IAAI,CAAC,CAAC;MAEvD,MAAM,GAAG,WAAW,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,IAAI,CAAC,GAAG,QAAQ,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC;KAC1E;IAED,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC;EAC/B,CAAC;EAED,oBAAoB,CAAC,MAAc;IACjC,6CAA6C;IAC7C,MAAM,SAAS,GAAG,IAAI,MAAM,CAAC,OAAO,IAAI,CAAC,GAAG,GAAG,EAAE,GAAG,CAAC,CAAC;IAEtD,OAAO,MAAM,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;EACvC,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,eAAQ,CACH,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component, Host, h, Element, Prop,\n} from '@stencil/core';\n\n@Component({\n  tag: 'peculiar-highlight-words',\n  styleUrl: 'highlight-words.scss',\n  shadow: true,\n})\nexport class HighlightWords {\n  @Element() host: HTMLElement;\n\n  @Prop() search: string;\n\n  private tag: string = 'mark';\n\n  componentDidLoad() {\n    this.handleHighlightSearch();\n  }\n\n  componentDidUpdate() {\n    this.handleHighlightSearch();\n  }\n\n  handleHighlightSearch() {\n    const basicString = this.resetHighlightSearch(this.host.innerHTML);\n    let result = basicString;\n\n    if (this.search) {\n      const substring = new RegExp(`(${this.search})`, 'gi');\n\n      result = basicString.replace(substring, `<${this.tag}>$1</${this.tag}>`);\n    }\n\n    this.host.innerHTML = result;\n  }\n\n  resetHighlightSearch(source: string) {\n    // eslint-disable-next-line no-useless-escape\n    const substring = new RegExp(`<\\/?${this.tag}>`, 'g');\n\n    return source.replace(substring, '');\n  }\n\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/icons/actions.js

@@ -0,0 +1,16 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+/**
+ * @license
+ * Copyright (c) Peculiar Ventures, LLC.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { h } from "@stencil/core";
+export const ActionsIcon = (props) => {
+  const { color = 'gray-10' } = props;
+  return (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "31", fill: "none" }, h("path", { fill: `var(--pv-color-${color})`, d: "M15 13.5a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm14 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z" })));
+};
+//# sourceMappingURL=actions.js.map

package/dist/collection/components/icons/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sourceRoot":"","sources":["../../../src/components/icons/actions.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAC;AAGvD,MAAM,CAAC,MAAM,WAAW,GAA+C,CAAC,KAAK,EAAE,EAAE;EAC/E,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;EAEpC,OAAO,CACL,WACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM;IAEX,YACE,IAAI,EAAE,kBAAkB,KAAK,GAAG,EAChC,CAAC,EAAC,2GAA2G,GAC7G,CACE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { FunctionalComponent, h } from '@stencil/core';\nimport type { ColorType } from '../../interface';\n\nexport const ActionsIcon: FunctionalComponent<{ color?: ColorType }> = (props) => {\n  const { color = 'gray-10' } = props;\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"30\"\n      height=\"31\"\n      fill=\"none\"\n    >\n      <path\n        fill={`var(--pv-color-${color})`}\n        d=\"M15 13.5a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm14 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z\"\n      />\n    </svg>\n  );\n};\n"]}

package/dist/collection/components/icons/arrow_bottom.js

@@ -0,0 +1,16 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+/**
+ * @license
+ * Copyright (c) Peculiar Ventures, LLC.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { h } from "@stencil/core";
+export const ArrowBottomIcon = (props) => {
+  const { color = 'gray-10' } = props;
+  return (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", fill: "none" }, h("path", { stroke: `var(--pv-color-${color})`, "stroke-linecap": "round", "stroke-width": "1.5", d: "m19.222 12.778-3.851 4.279a.2.2 0 0 1-.297 0l-3.852-4.28" })));
+};
+//# sourceMappingURL=arrow_bottom.js.map

package/dist/collection/components/icons/arrow_bottom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow_bottom.js","sourceRoot":"","sources":["../../../src/components/icons/arrow_bottom.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAC;AAGvD,MAAM,CAAC,MAAM,eAAe,GAA+C,CAAC,KAAK,EAAE,EAAE;EACnF,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;EAEpC,OAAO,CACL,WACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM;IAEX,YACE,MAAM,EAAE,kBAAkB,KAAK,GAAG,oBAEnB,OAAO,kBACT,KAAK,EAClB,CAAC,EAAC,0DAA0D,GAC5D,CACE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { FunctionalComponent, h } from '@stencil/core';\nimport type { ColorType } from '../../interface';\n\nexport const ArrowBottomIcon: FunctionalComponent<{ color?: ColorType }> = (props) => {\n  const { color = 'gray-10' } = props;\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"30\"\n      height=\"30\"\n      fill=\"none\"\n    >\n      <path\n        stroke={`var(--pv-color-${color})`}\n        // eslint-disable-next-line react/no-unknown-property\n        stroke-linecap=\"round\"\n        stroke-width=\"1.5\"\n        d=\"m19.222 12.778-3.851 4.279a.2.2 0 0 1-.297 0l-3.852-4.28\"\n      />\n    </svg>\n  );\n};\n"]}

package/dist/collection/components/icons/arrow_top.js

@@ -0,0 +1,16 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+/**
+ * @license
+ * Copyright (c) Peculiar Ventures, LLC.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { h } from "@stencil/core";
+export const ArrowTopIcon = (props) => {
+  const { color = 'gray-10' } = props;
+  return (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", fill: "none" }, h("path", { stroke: `var(--pv-color-${color})`, "stroke-linecap": "round", "stroke-width": "1.5", d: "m11.222 17.722 3.852-4.28a.2.2 0 0 1 .297 0l3.851 4.28" })));
+};
+//# sourceMappingURL=arrow_top.js.map

package/dist/collection/components/icons/arrow_top.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow_top.js","sourceRoot":"","sources":["../../../src/components/icons/arrow_top.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAC;AAGvD,MAAM,CAAC,MAAM,YAAY,GAA+C,CAAC,KAAK,EAAE,EAAE;EAChF,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;EAEpC,OAAO,CACL,WACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM;IAEX,YACE,MAAM,EAAE,kBAAkB,KAAK,GAAG,oBAEnB,OAAO,kBACT,KAAK,EAClB,CAAC,EAAC,wDAAwD,GAC1D,CACE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { FunctionalComponent, h } from '@stencil/core';\nimport type { ColorType } from '../../interface';\n\nexport const ArrowTopIcon: FunctionalComponent<{ color?: ColorType }> = (props) => {\n  const { color = 'gray-10' } = props;\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"30\"\n      height=\"30\"\n      fill=\"none\"\n    >\n      <path\n        stroke={`var(--pv-color-${color})`}\n        // eslint-disable-next-line react/no-unknown-property\n        stroke-linecap=\"round\"\n        stroke-width=\"1.5\"\n        d=\"m11.222 17.722 3.852-4.28a.2.2 0 0 1 .297 0l3.851 4.28\"\n      />\n    </svg>\n  );\n};\n"]}

package/dist/collection/components/icons/cross.js

@@ -0,0 +1,16 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+/**
+ * @license
+ * Copyright (c) Peculiar Ventures, LLC.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { h } from "@stencil/core";
+export const CrossIcon = (props) => {
+  const { color = 'gray-9' } = props;
+  return (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", fill: "none" }, h("path", { fill: `var(--pv-color-${color})`, "fill-rule": "evenodd", d: "m16.37 15 5.442 5.44c.25.252.25.663 0 .914l-.459.457a.646.646 0 0 1-.913 0L15 16.371l-5.44 5.44a.648.648 0 0 1-.915 0l-.457-.457a.649.649 0 0 1 0-.913L13.63 15 8.188 9.56a.649.649 0 0 1 0-.914l.457-.457a.648.648 0 0 1 .915 0l5.44 5.44 5.44-5.44a.646.646 0 0 1 .913 0l.46.457c.25.25.25.662 0 .913L16.37 15Z", "clip-rule": "evenodd" })));
+};
+//# sourceMappingURL=cross.js.map

package/dist/collection/components/icons/cross.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cross.js","sourceRoot":"","sources":["../../../src/components/icons/cross.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAC;AAGvD,MAAM,CAAC,MAAM,SAAS,GAA+C,CAAC,KAAK,EAAE,EAAE;EAC7E,MAAM,EAAE,KAAK,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;EAEnC,OAAO,CACL,WACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM;IAEX,YACE,IAAI,EAAE,kBAAkB,KAAK,GAAG,eACtB,SAAS,EACnB,CAAC,EAAC,mTAAmT,eAC3S,SAAS,GACnB,CACE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { FunctionalComponent, h } from '@stencil/core';\nimport type { ColorType } from '../../interface';\n\nexport const CrossIcon: FunctionalComponent<{ color?: ColorType }> = (props) => {\n  const { color = 'gray-9' } = props;\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"30\"\n      height=\"30\"\n      fill=\"none\"\n    >\n      <path\n        fill={`var(--pv-color-${color})`}\n        fill-rule=\"evenodd\"\n        d=\"m16.37 15 5.442 5.44c.25.252.25.663 0 .914l-.459.457a.646.646 0 0 1-.913 0L15 16.371l-5.44 5.44a.648.648 0 0 1-.915 0l-.457-.457a.649.649 0 0 1 0-.913L13.63 15 8.188 9.56a.649.649 0 0 1 0-.914l.457-.457a.648.648 0 0 1 .915 0l5.44 5.44 5.44-5.44a.646.646 0 0 1 .913 0l.46.457c.25.25.25.662 0 .913L16.37 15Z\"\n        clip-rule=\"evenodd\"\n      />\n    </svg>\n  );\n};\n"]}

package/dist/collection/components/icons/details.js

@@ -0,0 +1,16 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+/**
+ * @license
+ * Copyright (c) Peculiar Ventures, LLC.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { h } from "@stencil/core";
+export const DetailsIcon = (props) => {
+  const { color = 'secondary' } = props;
+  return (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "31", fill: "none" }, h("path", { fill: `var(--pv-color-${color})`, d: "M6.71 19.79a1 1 0 0 0-.33-.21 1 1 0 0 0-.76 0 1 1 0 0 0-.33.21 1 1 0 0 0-.21.33 1 1 0 0 0 .21 1.09c.097.088.209.16.33.21a.94.94 0 0 0 .76 0 1.15 1.15 0 0 0 .33-.21 1 1 0 0 0 .21-1.09 1 1 0 0 0-.21-.33ZM10 11.5h14a1 1 0 0 0 0-2H10a1 1 0 0 0 0 2Zm-3.29 3.29a1 1 0 0 0-1.09-.21 1.15 1.15 0 0 0-.33.21 1 1 0 0 0-.21.33.94.94 0 0 0 0 .76c.05.121.122.233.21.33.097.088.209.16.33.21a.94.94 0 0 0 .76 0 1.15 1.15 0 0 0 .33-.21 1.15 1.15 0 0 0 .21-.33.94.94 0 0 0 0-.76 1 1 0 0 0-.21-.33ZM24 14.5H10a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2ZM6.71 9.79a1 1 0 0 0-.33-.21 1 1 0 0 0-1.09.21 1.15 1.15 0 0 0-.21.33.94.94 0 0 0 0 .76c.05.121.122.233.21.33.097.088.209.16.33.21a1 1 0 0 0 1.09-.21 1.15 1.15 0 0 0 .21-.33.94.94 0 0 0 0-.76 1.15 1.15 0 0 0-.21-.33ZM24 19.5H10a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2Z" })));
+};
+//# sourceMappingURL=details.js.map

package/dist/collection/components/icons/details.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"details.js","sourceRoot":"","sources":["../../../src/components/icons/details.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAC;AAGvD,MAAM,CAAC,MAAM,WAAW,GAA+C,CAAC,KAAK,EAAE,EAAE;EAC/E,MAAM,EAAE,KAAK,GAAG,WAAW,EAAE,GAAG,KAAK,CAAC;EAEtC,OAAO,CACL,WACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM;IAEX,YACE,IAAI,EAAE,kBAAkB,KAAK,GAAG,EAChC,CAAC,EAAC,+wBAA+wB,GACjxB,CACE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { FunctionalComponent, h } from '@stencil/core';\nimport type { ColorType } from '../../interface';\n\nexport const DetailsIcon: FunctionalComponent<{ color?: ColorType }> = (props) => {\n  const { color = 'secondary' } = props;\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"30\"\n      height=\"31\"\n      fill=\"none\"\n    >\n      <path\n        fill={`var(--pv-color-${color})`}\n        d=\"M6.71 19.79a1 1 0 0 0-.33-.21 1 1 0 0 0-.76 0 1 1 0 0 0-.33.21 1 1 0 0 0-.21.33 1 1 0 0 0 .21 1.09c.097.088.209.16.33.21a.94.94 0 0 0 .76 0 1.15 1.15 0 0 0 .33-.21 1 1 0 0 0 .21-1.09 1 1 0 0 0-.21-.33ZM10 11.5h14a1 1 0 0 0 0-2H10a1 1 0 0 0 0 2Zm-3.29 3.29a1 1 0 0 0-1.09-.21 1.15 1.15 0 0 0-.33.21 1 1 0 0 0-.21.33.94.94 0 0 0 0 .76c.05.121.122.233.21.33.097.088.209.16.33.21a.94.94 0 0 0 .76 0 1.15 1.15 0 0 0 .33-.21 1.15 1.15 0 0 0 .21-.33.94.94 0 0 0 0-.76 1 1 0 0 0-.21-.33ZM24 14.5H10a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2ZM6.71 9.79a1 1 0 0 0-.33-.21 1 1 0 0 0-1.09.21 1.15 1.15 0 0 0-.21.33.94.94 0 0 0 0 .76c.05.121.122.233.21.33.097.088.209.16.33.21a1 1 0 0 0 1.09-.21 1.15 1.15 0 0 0 .21-.33.94.94 0 0 0 0-.76 1.15 1.15 0 0 0-.21-.33ZM24 19.5H10a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2Z\"\n      />\n    </svg>\n  );\n};\n"]}

package/dist/collection/components/icons/download.js

@@ -0,0 +1,16 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+/**
+ * @license
+ * Copyright (c) Peculiar Ventures, LLC.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { h } from "@stencil/core";
+export const DownloadIcon = (props) => {
+  const { color = 'secondary' } = props;
+  return (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", fill: "none" }, h("path", { fill: `var(--pv-color-${color})`, d: "M21 12h-2c-.6 0-1 .4-1 1s.4 1 1 1h2c.6 0 1 .4 1 1v7c0 .6-.4 1-1 1H9c-.6 0-1-.4-1-1v-7c0-.6.4-1 1-1h2c.6 0 1-.4 1-1s-.4-1-1-1H9c-1.7 0-3 1.3-3 3v7c0 1.7 1.3 3 3 3h12c1.7 0 3-1.3 3-3v-7c0-1.7-1.3-3-3-3Zm-9.7 5.7 3 3c.2.2.4.3.7.3.3 0 .5-.1.7-.3l3-3c.4-.4.4-1 0-1.4-.4-.4-1-.4-1.4 0L16 17.6V6c0-.6-.4-1-1-1s-1 .4-1 1v11.6l-1.3-1.3c-.4-.4-1-.4-1.4 0-.4.4-.4 1 0 1.4Z" })));
+};
+//# sourceMappingURL=download.js.map

package/dist/collection/components/icons/download.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"download.js","sourceRoot":"","sources":["../../../src/components/icons/download.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAC;AAGvD,MAAM,CAAC,MAAM,YAAY,GAA+C,CAAC,KAAK,EAAE,EAAE;EAChF,MAAM,EAAE,KAAK,GAAG,WAAW,EAAE,GAAG,KAAK,CAAC;EAEtC,OAAO,CACL,WACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM;IAEX,YACE,IAAI,EAAE,kBAAkB,KAAK,GAAG,EAChC,CAAC,EAAC,2WAA2W,GAC7W,CACE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { FunctionalComponent, h } from '@stencil/core';\nimport type { ColorType } from '../../interface';\n\nexport const DownloadIcon: FunctionalComponent<{ color?: ColorType }> = (props) => {\n  const { color = 'secondary' } = props;\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"30\"\n      height=\"30\"\n      fill=\"none\"\n    >\n      <path\n        fill={`var(--pv-color-${color})`}\n        d=\"M21 12h-2c-.6 0-1 .4-1 1s.4 1 1 1h2c.6 0 1 .4 1 1v7c0 .6-.4 1-1 1H9c-.6 0-1-.4-1-1v-7c0-.6.4-1 1-1h2c.6 0 1-.4 1-1s-.4-1-1-1H9c-1.7 0-3 1.3-3 3v7c0 1.7 1.3 3 3 3h12c1.7 0 3-1.3 3-3v-7c0-1.7-1.3-3-3-3Zm-9.7 5.7 3 3c.2.2.4.3.7.3.3 0 .5-.1.7-.3l3-3c.4-.4.4-1 0-1.4-.4-.4-1-.4-1.4 0L16 17.6V6c0-.6-.4-1-1-1s-1 .4-1 1v11.6l-1.3-1.3c-.4-.4-1-.4-1.4 0-.4.4-.4 1 0 1.4Z\"\n      />\n    </svg>\n  );\n};\n"]}

package/dist/collection/components/icons/index.js

@@ -0,0 +1,11 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+export { DetailsIcon } from './details';
+export { DownloadIcon } from './download';
+export { LinkIcon } from './link';
+export { ActionsIcon } from './actions';
+export { ArrowBottomIcon } from './arrow_bottom';
+export { ArrowTopIcon } from './arrow_top';
+export { CrossIcon } from './cross';
+//# sourceMappingURL=index.js.map

package/dist/collection/components/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC","sourcesContent":["export { DetailsIcon } from './details';\nexport { DownloadIcon } from './download';\nexport { LinkIcon } from './link';\nexport { ActionsIcon } from './actions';\nexport { ArrowBottomIcon } from './arrow_bottom';\nexport { ArrowTopIcon } from './arrow_top';\nexport { CrossIcon } from './cross';\n"]}