@getflip/swirl-components 0.85.1 → 0.87.0

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-08-17T06:47:19",
+  "timestamp": "2023-08-22T13:59:57",
   "compiler": {
     "name": "@stencil/core",
     "version": "3.3.1",
@@ -1120,7 +1120,7 @@
         },
         {
           "name": "generateSuggestions",
-          "type": "(currentValue: string) => Promise<SwirlAutocompleteSuggestion[]>",
+          "type": "(term: string) => Promise<SwirlAutocompleteSuggestion[]>",
           "mutable": true,
           "reflectToAttr": false,
           "docs": "",
@@ -1128,7 +1128,7 @@
           "default": "async () => []",
           "values": [
             {
-              "type": "(currentValue: string) => Promise<SwirlAutocompleteSuggestion[]>"
+              "type": "(term: string) => Promise<SwirlAutocompleteSuggestion[]>"
             }
           ],
           "optional": true,
@@ -1240,6 +1240,38 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "multiSelect",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "multi-select",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "mutable": false,
+          "attr": "placeholder",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "required",
           "type": "boolean",
@@ -1290,15 +1322,17 @@
         },
         {
           "name": "value",
-          "type": "string",
+          "type": "SwirlAutocompleteSuggestion[] | { disabled?: boolean; id: string; label: string; }",
           "mutable": true,
-          "attr": "value",
-          "reflectToAttr": true,
+          "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
           "values": [
             {
-              "type": "string"
+              "type": "SwirlAutocompleteSuggestion[]"
+            },
+            {
+              "type": "{ disabled?: boolean; id: string; label: string; }"
             }
           ],
           "optional": true,
@@ -1309,7 +1343,7 @@
       "events": [
         {
           "event": "valueChange",
-          "detail": "string",
+          "detail": "SwirlAutocompleteSuggestion[] | { disabled?: boolean; id: string; label: string; }",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -1330,6 +1364,8 @@
       "parts": [],
       "dependents": [],
       "dependencies": [
+        "swirl-stack",
+        "swirl-tag",
         "swirl-text-input",
         "swirl-spinner",
         "swirl-option-list",
@@ -1337,11 +1373,16 @@
       ],
       "dependencyGraph": {
         "swirl-autocomplete": [
+          "swirl-stack",
+          "swirl-tag",
           "swirl-text-input",
           "swirl-spinner",
           "swirl-option-list",
           "swirl-option-list-item"
         ],
+        "swirl-tag": [
+          "swirl-icon-close"
+        ],
         "swirl-text-input": [
           "swirl-icon-cancel",
           "swirl-icon-visibility-off",
@@ -5134,88 +5175,638 @@
           "docsTags": [],
           "values": [
             {
-              "type": "string"
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "slot",
+          "docs": "The description"
+        }
+      ],
+      "parts": [
+        {
+          "name": "description-list-item",
+          "docs": ""
+        },
+        {
+          "name": "description-list-item__term",
+          "docs": ""
+        }
+      ],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "./src/components/swirl-dialog/swirl-dialog.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-dialog",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "slot - The dialog content"
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "hideLabel",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "hide-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "intent",
+          "type": "\"critical\" | \"primary\"",
+          "mutable": false,
+          "attr": "intent",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"primary\"",
+          "values": [
+            {
+              "value": "critical",
+              "type": "string"
+            },
+            {
+              "value": "primary",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true
+        },
+        {
+          "name": "primaryActionLabel",
+          "type": "string",
+          "mutable": false,
+          "attr": "primary-action-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "secondaryActionLabel",
+          "type": "string",
+          "mutable": false,
+          "attr": "secondary-action-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "close",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "signature": "close() => Promise<void>",
+          "parameters": [],
+          "docs": "Close the dialog.",
+          "docsTags": []
+        },
+        {
+          "name": "open",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "signature": "open() => Promise<void>",
+          "parameters": [],
+          "docs": "Open the dialog.",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "primaryAction",
+          "detail": "MouseEvent",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "secondaryAction",
+          "detail": "MouseEvent",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "slot",
+          "docs": "The dialog content"
+        }
+      ],
+      "parts": [
+        {
+          "name": "dialog__body",
+          "docs": ""
+        },
+        {
+          "name": "dialog__content",
+          "docs": ""
+        },
+        {
+          "name": "dialog__heading",
+          "docs": ""
+        }
+      ],
+      "dependents": [],
+      "dependencies": [
+        "swirl-button-group",
+        "swirl-button"
+      ],
+      "dependencyGraph": {
+        "swirl-dialog": [
+          "swirl-button-group",
+          "swirl-button"
+        ],
+        "swirl-button-group": [
+          "swirl-stack"
+        ]
+      }
+    },
+    {
+      "filePath": "./src/components/swirl-emoji/swirl-emoji.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-emoji",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "mutable": false,
+          "attr": "name",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true
+        },
+        {
+          "name": "size",
+          "type": "16 | 20 | 24 | 32",
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "24",
+          "values": [
+            {
+              "value": "16",
+              "type": "number"
+            },
+            {
+              "value": "20",
+              "type": "number"
+            },
+            {
+              "value": "24",
+              "type": "number"
+            },
+            {
+              "value": "32",
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "./src/components/swirl-emoji/emojis/swirl-emoji-clap.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-emoji-clap",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "16 | 20 | 24 | 32",
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "24",
+          "values": [
+            {
+              "value": "16",
+              "type": "number"
+            },
+            {
+              "value": "20",
+              "type": "number"
+            },
+            {
+              "value": "24",
+              "type": "number"
+            },
+            {
+              "value": "32",
+              "type": "number"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "./src/components/swirl-emoji/emojis/swirl-emoji-happy.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-emoji-happy",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "16 | 20 | 24 | 32",
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "24",
+          "values": [
+            {
+              "value": "16",
+              "type": "number"
+            },
+            {
+              "value": "20",
+              "type": "number"
+            },
+            {
+              "value": "24",
+              "type": "number"
+            },
+            {
+              "value": "32",
+              "type": "number"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "./src/components/swirl-emoji/emojis/swirl-emoji-idea.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-emoji-idea",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "16 | 20 | 24 | 32",
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "24",
+          "values": [
+            {
+              "value": "16",
+              "type": "number"
+            },
+            {
+              "value": "20",
+              "type": "number"
+            },
+            {
+              "value": "24",
+              "type": "number"
+            },
+            {
+              "value": "32",
+              "type": "number"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "./src/components/swirl-emoji/emojis/swirl-emoji-love.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-emoji-love",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "16 | 20 | 24 | 32",
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "24",
+          "values": [
+            {
+              "value": "16",
+              "type": "number"
+            },
+            {
+              "value": "20",
+              "type": "number"
+            },
+            {
+              "value": "24",
+              "type": "number"
+            },
+            {
+              "value": "32",
+              "type": "number"
             }
           ],
-          "optional": false,
-          "required": true
+          "optional": true,
+          "required": false
         }
       ],
       "methods": [],
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [
-        {
-          "name": "slot",
-          "docs": "The description"
-        }
-      ],
-      "parts": [
-        {
-          "name": "description-list-item",
-          "docs": ""
-        },
-        {
-          "name": "description-list-item__term",
-          "docs": ""
-        }
-      ],
+      "slots": [],
+      "parts": [],
       "dependents": [],
       "dependencies": [],
       "dependencyGraph": {}
     },
     {
-      "filePath": "./src/components/swirl-dialog/swirl-dialog.tsx",
+      "filePath": "./src/components/swirl-emoji/emojis/swirl-emoji-sad.tsx",
       "encapsulation": "shadow",
-      "tag": "swirl-dialog",
+      "tag": "swirl-emoji-sad",
       "docs": "",
-      "docsTags": [
-        {
-          "name": "slot",
-          "text": "slot - The dialog content"
-        }
-      ],
+      "docsTags": [],
       "usage": {},
       "props": [
         {
-          "name": "hideLabel",
-          "type": "boolean",
+          "name": "label",
+          "type": "string",
           "mutable": false,
-          "attr": "hide-label",
+          "attr": "label",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "\"\"",
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
           "optional": true,
           "required": false
         },
         {
-          "name": "intent",
-          "type": "\"critical\" | \"primary\"",
+          "name": "size",
+          "type": "16 | 20 | 24 | 32",
           "mutable": false,
-          "attr": "intent",
+          "attr": "size",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "\"primary\"",
+          "default": "24",
           "values": [
             {
-              "value": "critical",
-              "type": "string"
+              "value": "16",
+              "type": "number"
             },
             {
-              "value": "primary",
-              "type": "string"
+              "value": "20",
+              "type": "number"
+            },
+            {
+              "value": "24",
+              "type": "number"
+            },
+            {
+              "value": "32",
+              "type": "number"
             }
           ],
           "optional": true,
           "required": false
-        },
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "./src/components/swirl-emoji/emojis/swirl-emoji-thumbs-up.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-emoji-thumbs-up",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
         {
           "name": "label",
           "type": "string",
@@ -5224,22 +5815,7 @@
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": true
-        },
-        {
-          "name": "primaryActionLabel",
-          "type": "string",
-          "mutable": false,
-          "attr": "primary-action-label",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "default": "\"\"",
           "values": [
             {
               "type": "string"
@@ -5249,102 +5825,45 @@
           "required": false
         },
         {
-          "name": "secondaryActionLabel",
-          "type": "string",
+          "name": "size",
+          "type": "16 | 20 | 24 | 32",
           "mutable": false,
-          "attr": "secondary-action-label",
+          "attr": "size",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "24",
           "values": [
             {
-              "type": "string"
+              "value": "16",
+              "type": "number"
+            },
+            {
+              "value": "20",
+              "type": "number"
+            },
+            {
+              "value": "24",
+              "type": "number"
+            },
+            {
+              "value": "32",
+              "type": "number"
             }
           ],
           "optional": true,
           "required": false
         }
       ],
-      "methods": [
-        {
-          "name": "close",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "close() => Promise<void>",
-          "parameters": [],
-          "docs": "Close the dialog.",
-          "docsTags": []
-        },
-        {
-          "name": "open",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "open() => Promise<void>",
-          "parameters": [],
-          "docs": "Open the dialog.",
-          "docsTags": []
-        }
-      ],
-      "events": [
-        {
-          "event": "primaryAction",
-          "detail": "MouseEvent",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "",
-          "docsTags": []
-        },
-        {
-          "event": "secondaryAction",
-          "detail": "MouseEvent",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "",
-          "docsTags": []
-        }
-      ],
+      "methods": [],
+      "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [
-        {
-          "name": "slot",
-          "docs": "The dialog content"
-        }
-      ],
-      "parts": [
-        {
-          "name": "dialog__body",
-          "docs": ""
-        },
-        {
-          "name": "dialog__content",
-          "docs": ""
-        },
-        {
-          "name": "dialog__heading",
-          "docs": ""
-        }
-      ],
+      "slots": [],
+      "parts": [],
       "dependents": [],
-      "dependencies": [
-        "swirl-button-group",
-        "swirl-button"
-      ],
-      "dependencyGraph": {
-        "swirl-dialog": [
-          "swirl-button-group",
-          "swirl-button"
-        ],
-        "swirl-button-group": [
-          "swirl-stack"
-        ]
-      }
+      "dependencies": [],
+      "dependencyGraph": {}
     },
     {
       "filePath": "./src/components/swirl-empty-state/swirl-empty-state.tsx",
@@ -18334,6 +18853,10 @@
           "name": "slot",
           "text": "control - Used to add a menu button to the item"
         },
+        {
+          "name": "slot",
+          "text": "badges - Badges displayed inside the item"
+        },
         {
           "name": "slot",
           "text": "media - Media displayed inside the item (e.g. swirl-avatar)"
@@ -18341,6 +18864,22 @@
       ],
       "usage": {},
       "props": [
+        {
+          "name": "active",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "active",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "allowDrag",
           "type": "boolean",
@@ -18649,6 +19188,10 @@
       "listeners": [],
       "styles": [],
       "slots": [
+        {
+          "name": "badges",
+          "docs": "Badges displayed inside the item"
+        },
         {
           "name": "control",
           "docs": "Used to add a menu button to the item"
@@ -19963,6 +20506,7 @@
       "parts": [],
       "dependents": [
         "file-manager",
+        "swirl-autocomplete",
         "swirl-button-group",
         "swirl-lightbox",
         "swirl-pagination",
@@ -19975,6 +20519,9 @@
         "file-manager": [
           "swirl-stack"
         ],
+        "swirl-autocomplete": [
+          "swirl-stack"
+        ],
         "swirl-button-group": [
           "swirl-stack"
         ],
@@ -23016,6 +23563,22 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "icon",
+          "type": "string",
+          "mutable": false,
+          "attr": "icon",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "label",
           "type": "string",
@@ -23744,6 +24307,7 @@
         }
       ],
       "dependents": [
+        "swirl-autocomplete",
         "swirl-select"
       ],
       "dependencies": [
@@ -23753,6 +24317,9 @@
         "swirl-tag": [
           "swirl-icon-close"
         ],
+        "swirl-autocomplete": [
+          "swirl-tag"
+        ],
         "swirl-select": [
           "swirl-tag"
         ]