@vertexvis/ui 0.1.5-testing.0 → 1.0.0-testing.0

package/dist/collection/components/card/card.js

@@ -1,80 +1,93 @@
-import { h, Host } from '@stencil/core';
+import { h, Host } from "@stencil/core";
 export class Card {
-  constructor() {
-    this.handleContentClick = (event) => {
-      this.contentClick.emit(event);
-    };
-    this.handleTextClick = (event) => {
-      if (this.mode === 'edit') {
-        event.stopImmediatePropagation();
-      }
-      else {
-        this.contentClick.emit(event);
-      }
-    };
-    this.mode = 'display';
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "content" }, h("div", { class: "header", onClick: this.handleContentClick }, h("div", { class: "avatar" }, h("slot", { name: "avatar" })), h("div", { class: "header-text" }, h("div", { class: "label" }, h("slot", { name: "label" })), h("div", { class: "timestamp" }, h("slot", { name: "timestamp" }))), h("div", { class: "action" }, h("slot", { name: "action" }))), h("div", { class: "text", onClick: this.handleTextClick }, h("slot", null)), h("div", { class: "actions" }, h("slot", { name: "actions" }))), h("slot", { name: "overlay" })));
-  }
-  static get is() { return "vertex-card"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["card.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["card.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "mode": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "CardMode",
-          "resolved": "\"display\" | \"edit\"",
-          "references": {
-            "CardMode": {
-              "location": "local"
+    constructor() {
+        /**
+         * The visual mode of this `Card`. Can be either
+         * `editing` or `display`, and defaults to `display`.
+         *
+         * Setting this to `editing` will stop propagation of
+         * clicks on on the default slotted elements to allow
+         * for clicking in an input.
+         */
+        this.mode = 'display';
+        this.handleContentClick = (event) => {
+            this.contentClick.emit(event);
+        };
+        this.handleTextClick = (event) => {
+            if (this.mode === 'edit') {
+                event.stopImmediatePropagation();
             }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The visual mode of this `Card`. Can be either\n`editing` or `display`, and defaults to `display`.\n\nSetting this to `editing` will stop propagation of\nclicks on on the default slotted elements to allow\nfor clicking in an input."
-        },
-        "attribute": "mode",
-        "reflect": false,
-        "defaultValue": "'display'"
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "contentClick",
-        "name": "contentClick",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "An event emitted whenever the \"content\" of this card\n(header, avatar, text, etc.) is clicked. This can be\nused over a top-level `click` listener to ignore clicks\non the slotted `action` or `overlay` content."
-        },
-        "complexType": {
-          "original": "MouseEvent",
-          "resolved": "MouseEvent",
-          "references": {
-            "MouseEvent": {
-              "location": "global"
+            else {
+                this.contentClick.emit(event);
             }
-          }
-        }
-      }];
-  }
+        };
+    }
+    render() {
+        return (h(Host, { key: '77d72d07638073a285caa43dfa5ddd49a572522f' }, h("div", { key: 'a0f27db2debb0efe2270cf59d615c28eb4464c41', class: "content" }, h("div", { key: '4606c543416c6aa4f2ce484ca5eb3db286854176', class: "header", onClick: this.handleContentClick }, h("div", { key: '42cc689ea537030b76215cff045563bcdc61850d', class: "avatar" }, h("slot", { key: 'cb16c257c9c25e19b597b9ae73e89349c6ba0d49', name: "avatar" })), h("div", { key: '90b204b9c2a0d256080b9b088b2fe22945f43ebb', class: "header-text" }, h("div", { key: '1b2d517bc5cbff8a616e7186c547aced00736988', class: "label" }, h("slot", { key: '181d6968220c3b7b811212a4a98060d56919b3cd', name: "label" })), h("div", { key: 'f934b03edf94eb9bda0debf2f3b222213b337021', class: "timestamp" }, h("slot", { key: '2ddb71bd9f670d58c03c5be18910de81c620d4d0', name: "timestamp" }))), h("div", { key: '559e90333ed929ed893d31abb9dff2cb75273ca7', class: "action" }, h("slot", { key: 'bcc63be9ea2dca44c1dd519688d34eee5b2463f2', name: "action" }))), h("div", { key: 'bd2f85bec784a5569d4b8c2ba356855e6f15f3d5', class: "text", onClick: this.handleTextClick }, h("slot", { key: '082646147a2e69bc16eb3df478856a305cc312e4' })), h("div", { key: 'd2b3161bf7efa3ec19345dd3b35d840b39d18a25', class: "actions" }, h("slot", { key: 'b39c1468c39c93b805bc591f8db59d8e1cdf4ab7', name: "actions" }))), h("slot", { key: '2f5c5c7e27cef6b1185017b215bb9a7222fa322a', name: "overlay" })));
+    }
+    static get is() { return "vertex-card"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["card.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["card.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "mode": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "CardMode",
+                    "resolved": "\"display\" | \"edit\"",
+                    "references": {
+                        "CardMode": {
+                            "location": "local",
+                            "path": "/home/runner/work/vertex-web-ui/vertex-web-ui/packages/ui/src/components/card/card.tsx",
+                            "id": "src/components/card/card.tsx::CardMode"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The visual mode of this `Card`. Can be either\n`editing` or `display`, and defaults to `display`.\n\nSetting this to `editing` will stop propagation of\nclicks on on the default slotted elements to allow\nfor clicking in an input."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "mode",
+                "defaultValue": "'display'"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "contentClick",
+                "name": "contentClick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "An event emitted whenever the \"content\" of this card\n(header, avatar, text, etc.) is clicked. This can be\nused over a top-level `click` listener to ignore clicks\non the slotted `action` or `overlay` content."
+                },
+                "complexType": {
+                    "original": "MouseEvent",
+                    "resolved": "MouseEvent",
+                    "references": {
+                        "MouseEvent": {
+                            "location": "global",
+                            "id": "global::MouseEvent"
+                        }
+                    }
+                }
+            }];
+    }
 }

package/dist/collection/components/card-group/card-group.js

@@ -1,91 +1,106 @@
-import { h, Host } from '@stencil/core';
-import classNames from 'classnames';
+import { h, Host } from "@stencil/core";
+import classNames from "classnames";
 export class CardGroup {
-  constructor() {
-    this.selected = false;
-    this.hovered = false;
-    this.expanded = false;
-  }
-  render() {
-    return (h(Host, null, h("div", { class: classNames('root', {
-        selected: this.selected,
-        hovered: this.hovered,
-      }) }, h("div", { class: "content" }, h("slot", { name: "primary" })), h("div", { class: classNames({
-        hidden: !this.selected,
-      }) }, h("slot", null), h("div", { "data-testid": "expanded-content-wrapper", class: classNames({
-        hidden: !this.expanded,
-      }) }, h("slot", { name: "expanded-content" })), h("div", { "data-testid": "expanded-target-wrapper", class: classNames({
-        hidden: this.expanded,
-      }) }, h("div", { class: "expand-target" }, h("slot", { name: "expand-target" })))), h("div", { class: "action" }, h("slot", { name: "action" }))), h("slot", { name: "overlay" })));
-  }
-  static get is() { return "vertex-card-group"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["card-group.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["card-group.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "selected": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Whether this card should be displayed with a selected state."
-        },
-        "attribute": "selected",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "hovered": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Whether this card should be displayed with a hovered state."
-        },
-        "attribute": "hovered",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "expanded": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Whether this card's expandable content is expanded or not."
-        },
-        "attribute": "expanded",
-        "reflect": true,
-        "defaultValue": "false"
-      }
-    };
-  }
+    constructor() {
+        /**
+         * Whether this card should be displayed with a selected state.
+         */
+        this.selected = false;
+        /**
+         * Whether this card should be displayed with a hovered state.
+         */
+        this.hovered = false;
+        /**
+         * Whether this card's expandable content is expanded or not.
+         */
+        this.expanded = false;
+    }
+    render() {
+        return (h(Host, { key: '206793620f315b52d8122c6adfcb4c5e3e122231' }, h("div", { key: '0e79478fadbb97af5376e36a8308ef32b5e4792f', class: classNames('root', {
+                selected: this.selected,
+                hovered: this.hovered,
+            }) }, h("div", { key: '56e1849a8c868107f5e93b9f95a0fd7819026138', class: "content" }, h("slot", { key: '9506a02f059ce4505f7c1159fbf38bbc036e572d', name: "primary" })), h("div", { key: '6edee8403999b2903ce9d2de00fe4ec1776eda70', class: classNames({
+                hidden: !this.selected,
+            }) }, h("slot", { key: 'f7af3fe0c7939575463c56848e68ff06b871b2b5' }), h("div", { key: 'f2bdfb20f44b66e9e426986408c924b703049bed', "data-testid": "expanded-content-wrapper", class: classNames({
+                hidden: !this.expanded,
+            }) }, h("slot", { key: '8c7103c364a6d41206522dbb376767958025fb06', name: "expanded-content" })), h("div", { key: 'a45d1ec67212f7b5f382264088d17dcff8f3ce4a', "data-testid": "expanded-target-wrapper", class: classNames({
+                hidden: this.expanded,
+            }) }, h("div", { key: 'fc62882c03b86b42b991b9f2c9e85ae70aa149c8', class: "expand-target" }, h("slot", { key: 'def517e4fcdb8a4a84c33fa5b238d6fc69e011c3', name: "expand-target" })))), h("div", { key: 'babf3752d2bcd2577d42d235775fc184aa6a3076', class: "action" }, h("slot", { key: '7c60ccb1dc60b1f9ccd0eaf9135b357dd44b63d1', name: "action" }))), h("slot", { key: 'e69a3f530388e947968ae1541a0c4a18d12dc0c1', name: "overlay" })));
+    }
+    static get is() { return "vertex-card-group"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["card-group.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["card-group.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "selected": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether this card should be displayed with a selected state."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "selected",
+                "defaultValue": "false"
+            },
+            "hovered": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether this card should be displayed with a hovered state."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "hovered",
+                "defaultValue": "false"
+            },
+            "expanded": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether this card's expandable content is expanded or not."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "expanded",
+                "defaultValue": "false"
+            }
+        };
+    }
 }

package/dist/collection/components/chip/chip.js

@@ -1,76 +1,92 @@
-import { h } from '@stencil/core';
-import classNames from 'classnames';
+import { h } from "@stencil/core";
+import classNames from "classnames";
 export class Chip {
-  constructor() {
-    this.variant = 'filled';
-    this.color = 'secondary';
-  }
-  render() {
-    return (h("div", { class: classNames('root', {
-        filled: this.variant === 'filled',
-        outlined: this.variant === 'outlined',
-        'chip-primary': this.color === 'primary',
-        'chip-secondary': this.color === 'secondary',
-      }) }, h("div", { class: "avatar" }, h("slot", { name: "avatar" })), h("slot", null), h("slot", { name: "icon" })));
-  }
-  static get is() { return "vertex-chip"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["chip.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["chip.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "variant": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "ChipVariant",
-          "resolved": "\"filled\" | \"outlined\"",
-          "references": {
-            "ChipVariant": {
-              "location": "local"
+    constructor() {
+        /**
+         * The variant of this <vertex-chip>.
+         * Can be "filled" or "outlined" and defaults to "filled".
+         */
+        this.variant = 'filled';
+        /**
+         * The color of this <vertex-chip>.
+         * Can be "primary" or "secondary" and defaults to "secondary".
+         */
+        this.color = 'secondary';
+    }
+    render() {
+        return (h("div", { key: 'c9df2d4b15261a1b255ff37f793065a184d65dfb', class: classNames('root', {
+                filled: this.variant === 'filled',
+                outlined: this.variant === 'outlined',
+                'chip-primary': this.color === 'primary',
+                'chip-secondary': this.color === 'secondary',
+            }) }, h("div", { key: '76c6cd5615f9da5d97acba55dba7b9fc774a1ed5', class: "avatar" }, h("slot", { key: '05aa9d08d135196b04af88d04f6860d1b223415d', name: "avatar" })), h("slot", { key: '8b50b524c6c18cbffc40b0a223fb97b6ff558fab' }), h("slot", { key: '1359aecc0da014c58f5ed2bc6095b2d34f99e5e2', name: "icon" })));
+    }
+    static get is() { return "vertex-chip"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chip.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chip.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ChipVariant",
+                    "resolved": "\"filled\" | \"outlined\"",
+                    "references": {
+                        "ChipVariant": {
+                            "location": "local",
+                            "path": "/home/runner/work/vertex-web-ui/vertex-web-ui/packages/ui/src/components/chip/chip.tsx",
+                            "id": "src/components/chip/chip.tsx::ChipVariant"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The variant of this <vertex-chip>.\nCan be \"filled\" or \"outlined\" and defaults to \"filled\"."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "variant",
+                "defaultValue": "'filled'"
+            },
+            "color": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ChipColor",
+                    "resolved": "\"primary\" | \"secondary\"",
+                    "references": {
+                        "ChipColor": {
+                            "location": "local",
+                            "path": "/home/runner/work/vertex-web-ui/vertex-web-ui/packages/ui/src/components/chip/chip.tsx",
+                            "id": "src/components/chip/chip.tsx::ChipColor"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The color of this <vertex-chip>.\nCan be \"primary\" or \"secondary\" and defaults to \"secondary\"."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "color",
+                "defaultValue": "'secondary'"
             }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The variant of this <vertex-chip>.\nCan be \"filled\" or \"outlined\" and defaults to \"filled\"."
-        },
-        "attribute": "variant",
-        "reflect": false,
-        "defaultValue": "'filled'"
-      },
-      "color": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "ChipColor",
-          "resolved": "\"primary\" | \"secondary\"",
-          "references": {
-            "ChipColor": {
-              "location": "local"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The color of this <vertex-chip>.\nCan be \"primary\" or \"secondary\" and defaults to \"secondary\"."
-        },
-        "attribute": "color",
-        "reflect": false,
-        "defaultValue": "'secondary'"
-      }
-    };
-  }
+        };
+    }
 }