npm - @kubex/zinc - Versions diffs - 1.0.4 → 1.0.5 - Mend

@kubex/zinc 1.0.4 → 1.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (153) hide show

package/docs/_includes/default.njk CHANGED Viewed

@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html
+  class="zn-cloak"
   lang="en"
   data-layout="{{ layout }}"
   data-zinc-version="{{ meta.version }}">

package/docs/assets/scripts/docs.js CHANGED Viewed

@@ -103,7 +103,7 @@
 {
   function getTheme()
   {
-    return 'light';
+    return localStorage.getItem('theme') || 'light';
   }
   function isDark()
@@ -125,6 +125,7 @@
     // Toggle the dark mode class
     document.documentElement.setAttribute('t', isDark() ? 'dark' : 'light');
+    window.dispatchEvent(new CustomEvent('theme-change', {detail: {theme}}));
   }
   function updateSelection()
@@ -151,14 +152,14 @@
   });
   // Listen for selections
-  document.addEventListener('zn-select', event =>
+  document.addEventListener('zn-menu-select', event =>
   {
     const menu = event.target.closest('#theme-selector zn-menu');
     if(!menu)
     {
       return;
     }
-    setTheme(event.detail.item.value);
+    setTheme(event.detail.element.value);
   });
   // Update the theme when the preference changes
@@ -370,5 +371,3 @@
     });
   });
 })();

package/docs/assets/scripts/search.js CHANGED Viewed

@@ -409,15 +409,6 @@
     }
   });
-  // Purge cache when we press CMD+CTRL+R
-  document.addEventListener('keydown', event =>
-  {
-    if((event.metaKey || event.ctrlKey) && event.shiftKey && event.key === 'r')
-    {
-      localStorage.clear();
-    }
-  });
   input.addEventListener('input', handleInput);
   clearButton.addEventListener('click', handleClear);

package/docs/assets/styles/docs.css CHANGED Viewed

@@ -1023,7 +1023,7 @@ html.sidebar-open #menu-toggle {
   top: 0;
   right: 1rem;
   z-index: 10;
-  background: var(--zn-color-neutral-800);
+  background: var(--docs-sidebar-color);
   border-bottom-left-radius: var(--docs-border-radius);
   border-bottom-right-radius: var(--docs-border-radius);
   padding: 0.125rem 0.25rem;
@@ -1040,7 +1040,7 @@ html.sidebar-open #menu-toggle {
   border: none;
   border-radius: var(--docs-border-radius);
   font-size: 1.25rem;
-  color: var(--zn-color-neutral-0);
   text-decoration: none;
   padding: 0.5rem;
   margin: 0;
@@ -1057,7 +1057,7 @@ html.sidebar-open #menu-toggle {
 }
 #theme-selector zn-button::part(base) {
-  color: var(--zn-color-neutral-0);
+  color: rgba(var(--zn-text), var(--zn-text-opacity));;
 }
 #theme-selector zn-button::part(label) {

package/docs/data/data-table.json ADDED Viewed

@@ -0,0 +1,79 @@
+{
+  "rows": [
+    {
+      "id": "row1",
+      "uri": "https://example.com/row1",
+      "target": "_blank",
+      "gaid": "row1-gaid",
+      "cells": [
+        {
+          "text": "Cell 1 Text",
+          "column": "id"
+        },
+        {
+          "text": "Cell 2 Text",
+          "column": "One"
+        },
+        {
+          "text": "Cell 3 Text",
+          "column": "Two"
+        },
+        {
+          "text": "Cell 4 Text",
+          "column": "Three"
+        },
+        {
+          "text": "Cell 5 Text",
+          "column": "Four"
+        }
+      ],
+      "actions": [
+        {
+          "text": "Action One",
+          "uri": "#"
+        },
+        {
+          "text": "Action Two",
+          "uri": "#",
+          "confirmContent": "Confirm Content"
+        }
+      ]
+    },
+    {
+      "id": "row2",
+      "cells": [
+        {
+          "text": "Cell 6 Text",
+          "heading": "Cell 6 Heading",
+          "color": "yellow",
+          "style": "normal"
+        },
+        {
+          "text": "Cell 7 Text",
+          "heading": "Cell 7 Heading",
+          "hoverContent": "This is hover content for cell 7",
+          "hoverPlacement": "left",
+          "chipColor": "pink"
+        },
+        {
+          "text": "Cell 8 Text",
+          "heading": "Cell 8 Heading",
+          "color": "gray",
+          "style": "italic"
+        },
+        {
+          "text": "Cell 9 Text",
+          "heading": "Cell 9 Heading",
+          "color": "black",
+          "style": "bold"
+        },
+        {
+          "text": "Cell 10 Text",
+          "heading": "Cell 10 Heading",
+          "color": "white",
+          "style": "normal"
+        }
+      ]
+    }
+  ]
+}

package/docs/data/products-table.json ADDED Viewed

@@ -0,0 +1,36 @@
+{
+  "rows": [
+    {
+      "id": "1",
+      "cells": [
+        {
+          "column": "name",
+          "text": "Essence Mascara Lash Princess"
+        },
+        {
+          "column": "category",
+          "text": "beauty"
+        },
+        {
+          "column": "price",
+          "text": "£9.99"
+        },
+        {
+          "column": "discountPercentage",
+          "text": "2.56"
+        },
+        {
+          "column": "rating",
+          "text": "10.48"
+        },
+        {
+          "column": "stock",
+          "text": "99"
+        }
+      ]
+    }
+  ],
+  "perPage": 10,
+  "total": 1,
+  "page": 1
+}

package/docs/eleventy.config.cjs CHANGED Viewed

@@ -247,6 +247,9 @@ module.exports = function (eleventyConfig)
     watch:   ['dist/**/*'] // additional files to watch that will trigger server updates (array of paths or globs)
   });
+  // Copy the data folder to the _site directory
+  eleventyConfig.addPassthroughCopy('data');
   //
   // 11ty config
   //

package/docs/pages/components/data-select.md CHANGED Viewed

@@ -28,6 +28,16 @@ Icon position can be set to `start` or `end`. The default is `none`.
 </div>
 ```
+### Icon Only
+Icon
+```html:preview
+<div class="form-spacing">
+  <zn-data-select provider="color" name="color" value="red" icon-only></zn-data-select>
+</div>
+```
 ### Clearable
 ```html:preview

package/docs/pages/components/data-table.md CHANGED Viewed

@@ -8,67 +8,106 @@ fullWidth: true
 ```html:preview
-<zn-data-table
-  standalone
-  data="{&quot;data&quot;:[{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;Visa&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;V+&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}}]}"
-  headers="{&quot;caption&quot;:&quot;Name&quot;,&quot;duplicate&quot;:&quot;Duplicate&quot;,&quot;type&quot;:&quot;Type&quot;,&quot;scheme&quot;:&quot;Scheme&quot;,&quot;pfp&quot;:&quot;Fingerprint&quot;,&quot;last4&quot;:&quot;Last 4&quot;,&quot;expiry&quot;:&quot;Expiry&quot;,&quot;issuer&quot;:&quot;Issuer&quot;,&quot;transactions&quot;:&quot;Transactions&quot;,&quot;actions&quot;:&quot;&quot;}">
-  <zn-data-table-sort slot="sort"></zn-data-table-sort>
-  <zn-data-table-filter
-    slot="filter"
-    filters="[{&quot;id&quot;:&quot;title&quot;,&quot;name&quot;:&quot;Title&quot;,&quot;operators&quot;:[&quot;eq&quot;]},{&quot;id&quot;:&quot;author&quot;,&quot;name&quot;:&quot;Author&quot;,&quot;operators&quot;:[&quot;eq&quot;,&quot;fuzzy&quot;]},{&quot;id&quot;:&quot;genre&quot;,&quot;name&quot;:&quot;Genre&quot;,&quot;options&quot;:{&quot;action&quot;:&quot;Action&quot;,&quot;comedy&quot;:&quot;Comedy&quot;,&quot;drama&quot;:&quot;Drama&quot;,&quot;fantasy&quot;:&quot;Fantasy&quot;,&quot;horror&quot;:&quot;Horror&quot;,&quot;mystery&quot;:&quot;Mystery&quot;,&quot;romance&quot;:&quot;Romance&quot;,&quot;thriller&quot;:&quot;Thriller&quot;,&quot;sci-fi&quot;:&quot;ScienceFiction&quot;},&quot;maxOptionsVisible&quot;:&quot;3&quot;,&quot;operators&quot;:[&quot;eq&quot;,&quot;in&quot;]},{&quot;id&quot;:&quot;rating&quot;,&quot;name&quot;:&quot;Rating&quot;,&quot;type&quot;:&quot;number&quot;,&quot;operators&quot;:[&quot;eq&quot;,&quot;gt&quot;,&quot;gte&quot;,&quot;lt&quot;,&quot;lte&quot;]},{&quot;id&quot;:&quot;created&quot;,&quot;name&quot;:&quot;Created&quot;,&quot;type&quot;:&quot;date&quot;,&quot;operators&quot;:[&quot;eq&quot;,&quot;before&quot;,&quot;after&quot;]}]">
+<zn-data-table empty-state-caption="No customers found" empty-state-icon="person_off" data-uri="/data/data-table.json"
+               method="GET"
+               headers="[{&quot;key&quot;:&quot;label&quot,&quot;label&quot;:&quot;ID&quot;, &quot;required&quot;:true, &quot;default&quot;: true},
+{&quot;key&quot;:&quot;One&quot;,&quot;label&quot;:&quot;Name&quot;, &quot;required&quot;:true, &quot;default&quot;: true, &quot;sortable&quot;:true, &quot;filterable&quot;:true},
+{&quot;key&quot;:&quot;Two&quot;,&quot;label&quot;:&quot;Name&quot;, &quot;required&quot;:true, &quot;default&quot;: true, &quot;sortable&quot;:true, &quot;filterable&quot;:true},
+{&quot;key&quot;:&quot;Three&quot;,&quot;label&quot;:&quot;Name&quot;, &quot;required&quot;:true, &quot;default&quot;: true, &quot;sortable&quot;:true, &quot;filterable&quot;:true},
+{&quot;key&quot;:&quot;Four&quot;,&quot;label&quot;:&quot;Name&quot;, &quot;required&quot;:true, &quot;default&quot;: true, &quot;sortable&quot;:true, &quot;filterable&quot;:true}]">
+  <zn-data-table-sort slot="sort">
+    <!-- Need to configure default, and available sort columns
+     Future enhancement: allow multi-column sort !-->
+  </zn-data-table-sort>
+  <zn-data-table-filter auto-submit="true" debounce="1000" slot="filter">
+    <zn-input name="search" placeholder="Search customers..." icon="search" debounce="300" clearable></zn-input>
   </zn-data-table-filter>
 </zn-data-table>
 ```
 ## Examples
-### No Data
-```html:preview
-<zn-panel>
-  <zn-data-table
-    data="{&quot;data&quot;:[]}"
-    headers="{&quot;caption&quot;:&quot;Name&quot;,&quot;duplicate&quot;:&quot;Duplicate&quot;,&quot;type&quot;:&quot;Type&quot;,&quot;scheme&quot;:&quot;Scheme&quot;,&quot;pfp&quot;:&quot;Fingerprint&quot;,&quot;last4&quot;:&quot;Last 4&quot;,&quot;expiry&quot;:&quot;Expiry&quot;,&quot;issuer&quot;:&quot;Issuer&quot;,&quot;transactions&quot;:&quot;Transactions&quot;,&quot;actions&quot;:&quot;&quot;}">
-  </zn-data-table>
-</zn-panel>
-```
+### Filter-top Slot
-### In a Panel
+Add complex filtering options to the top of the table using the `filter-top` slot.
 ```html:preview
-<zn-panel>
-  <zn-data-table
-    data="{&quot;data&quot;:[{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;Visa&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;V+&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}}]}"
-    headers="{&quot;caption&quot;:&quot;Name&quot;,&quot;duplicate&quot;:&quot;Duplicate&quot;,&quot;type&quot;:&quot;Type&quot;,&quot;scheme&quot;:&quot;Scheme&quot;,&quot;pfp&quot;:&quot;Fingerprint&quot;,&quot;last4&quot;:&quot;Last 4&quot;,&quot;expiry&quot;:&quot;Expiry&quot;,&quot;issuer&quot;:&quot;Issuer&quot;,&quot;transactions&quot;:&quot;Transactions&quot;,&quot;actions&quot;:&quot;&quot;}">
-    <zn-data-table-sort slot="sort"></zn-data-table-sort>
-    <zn-data-table-filter
-      slot="filter"
-      filters="[{&quot;id&quot;:&quot;title&quot;,&quot;name&quot;:&quot;Title&quot;,&quot;operators&quot;:[&quot;eq&quot;]},{&quot;id&quot;:&quot;author&quot;,&quot;name&quot;:&quot;Author&quot;,&quot;operators&quot;:[&quot;eq&quot;,&quot;fuzzy&quot;]},{&quot;id&quot;:&quot;genre&quot;,&quot;name&quot;:&quot;Genre&quot;,&quot;options&quot;:{&quot;action&quot;:&quot;Action&quot;,&quot;comedy&quot;:&quot;Comedy&quot;,&quot;drama&quot;:&quot;Drama&quot;,&quot;fantasy&quot;:&quot;Fantasy&quot;,&quot;horror&quot;:&quot;Horror&quot;,&quot;mystery&quot;:&quot;Mystery&quot;,&quot;romance&quot;:&quot;Romance&quot;,&quot;thriller&quot;:&quot;Thriller&quot;,&quot;sci-fi&quot;:&quot;ScienceFiction&quot;},&quot;maxOptionsVisible&quot;:&quot;3&quot;,&quot;operators&quot;:[&quot;eq&quot;,&quot;in&quot;]},{&quot;id&quot;:&quot;rating&quot;,&quot;name&quot;:&quot;Rating&quot;,&quot;type&quot;:&quot;number&quot;,&quot;operators&quot;:[&quot;eq&quot;,&quot;gt&quot;,&quot;gte&quot;,&quot;lt&quot;,&quot;lte&quot;]},{&quot;id&quot;:&quot;created&quot;,&quot;name&quot;:&quot;Created&quot;,&quot;type&quot;:&quot;date&quot;,&quot;operators&quot;:[&quot;eq&quot;,&quot;before&quot;,&quot;after&quot;]}]">
-    </zn-data-table-filter>
-  </zn-data-table>
-</zn-panel>
+<zn-data-table data-uri="/data/products-table.json" method="GET"
+               no-initial-load
+               headers="[{&quot;key&quot;:&quot;name&quot;,&quot;label&quot;:&quot;Name&quot;},
+  {&quot;key&quot;:&quot;category&quot;,&quot;label&quot;:&quot;Category&quot;},
+  {&quot;key&quot;:&quot;price&quot;,&quot;label&quot;:&quot;Price&quot;},
+  {&quot;key&quot;:&quot;discountPercentage&quot;,&quot;label&quot;:&quot;Discount %&quot;},
+  {&quot;key&quot;:&quot;stock&quot;,&quot;label&quot;:&quot;Stock&quot;},
+  {&quot;key&quot;:&quot;rating&quot;,&quot;label&quot;:&quot;Rating&quot;}]">
+  <zn-empty-state slot="empty-state" icon="inventory_2" caption="No products found">
+    <p>Use the filters to search for products</p>
+  </zn-empty-state>
+  <zn-filter-wrapper slot="filter-top" button="Submit">
+    <div class="form-spacing">
+      <zn-input type="price" name="price" label="Price" span="3"></zn-input>
+      <zn-select name="category" span="3" label="Category" clearable>
+        <zn-option value="beauty">Beauty</zn-option>
+      </zn-select>
+      <zn-button type="primary" submit>Search</zn-button>
+    </div>
+  </zn-filter-wrapper>
+</zn-data-table>
 ```
-### Lots of Data
+### Filter-top Slot with Tabs
+Add complex filtering options to the top of the table using the `filter-top` slot.
 ```html:preview
-<zn-data-table
-  standalone
-  data="{&quot;data&quot;:[{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;Visa&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;V+&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;Visa&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;V+&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;Visa&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;V+&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;Visa&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;V+&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;Visa&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;V+&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;Visa&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;V+&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;Visa&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;V+&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;Visa&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;V+&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;Visa&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;V+&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;Visa&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;V+&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;Visa&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;V+&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;Visa&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;V+&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;Visa&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;V+&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;Visa&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;V+&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;Visa&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;V+&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;Visa&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;V+&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;Visa&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;V+&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;Visa&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;V+&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;Visa&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;V+&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;Visa&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;V+&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;Visa&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}},{&quot;caption&quot;:{&quot;caption&quot;:{&quot;title&quot;:&quot;4111********1111&quot;,&quot;summary&quot;:&quot;LudwigOrtiz&quot;,&quot;uri&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;}},&quot;duplicate&quot;:&quot;&quot;,&quot;type&quot;:&quot;CreditCard&quot;,&quot;scheme&quot;:&quot;V+&quot;,&quot;pfp&quot;:&quot;A0D476-58OIGH&quot;,&quot;last4&quot;:&quot;1111&quot;,&quot;expiry&quot;:&quot;2025-12-01&quot;,&quot;issuer&quot;:&quot;CONOTOXIASP.ZO.O&quot;,&quot;transactions&quot;:&quot;4\/0&quot;,&quot;actions&quot;:{&quot;buttons&quot;:[{&quot;tooltip&quot;:&quot;Make Default&quot;,&quot;color&quot;:&quot;star&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;star&quot;,&quot;iconSize&quot;:&quot;16&quot;},{&quot;id&quot;:&quot;delete-method&quot;,&quot;tooltip&quot;:&quot;Archive&quot;,&quot;href&quot;:&quot;*&quot;,&quot;target&quot;:&quot;slide&quot;,&quot;color&quot;:&quot;error&quot;,&quot;size&quot;:&quot;small&quot;,&quot;icon&quot;:&quot;close&quot;,&quot;iconSize&quot;:&quot;16&quot;,&quot;outline&quot;:true}]}}]}"
-  headers="{&quot;caption&quot;:&quot;Name&quot;,&quot;duplicate&quot;:&quot;Duplicate&quot;,&quot;type&quot;:&quot;Type&quot;,&quot;scheme&quot;:&quot;Scheme&quot;,&quot;pfp&quot;:&quot;Fingerprint&quot;,&quot;last4&quot;:&quot;Last 4&quot;,&quot;expiry&quot;:&quot;Expiry&quot;,&quot;issuer&quot;:&quot;Issuer&quot;,&quot;transactions&quot;:&quot;Transactions&quot;,&quot;actions&quot;:&quot;&quot;}">
+<zn-data-table data-uri="/data/products-table.json" method="GET"
+               headers="[{&quot;key&quot;:&quot;name&quot;,&quot;label&quot;:&quot;Name&quot;},
+  {&quot;key&quot;:&quot;category&quot;,&quot;label&quot;:&quot;Category&quot;},
+  {&quot;key&quot;:&quot;price&quot;,&quot;label&quot;:&quot;Price&quot;},
+  {&quot;key&quot;:&quot;discountPercentage&quot;,&quot;label&quot;:&quot;Discount %&quot;},
+  {&quot;key&quot;:&quot;stock&quot;,&quot;label&quot;:&quot;Stock&quot;},
+  {&quot;key&quot;:&quot;rating&quot;,&quot;label&quot;:&quot;Rating&quot;}]">
+  <zn-panel flush-x slot="filter-top">
+    <zn-tabs>
+      <zn-navbar slot="top">
+        <li tab>Quick Search</li>
+        <li tab="product">Product Search</li>
+      </zn-navbar>
+      <zn-sp gap="sm">
+        <zn-filter-wrapper with-submit>
+          <zn-form-group
+            label="Quick Search"
+            label-tooltip="Quickly filter results in the table"
+            help-text="Use the fields to filter results in the table, then click Search">
+            <zn-input type="price" name="price" label="Price" span="3"></zn-input>
+            <zn-select name="category" span="3" label="Category" clearable>
+              <zn-option value="beauty">Beauty</zn-option>
+            </zn-select>
+          </zn-form-group>
+        </zn-filter-wrapper>
+      </zn-sp>
+      <zn-sp id="product" flush-y>
+        <zn-filter-wrapper with-submit>
+          <zn-filter-builder
+            filters="[{&quot;id&quot;:&quot;title&quot;,&quot;name&quot;:&quot;Title&quot;,&quot;operators&quot;: [&quot;eq&quot;]},
+  {&quot;id&quot;:&quot;category&quot;,&quot;name&quot;:&quot;Category&quot;,&quot;options&quot;:{&quot;beauty&quot;:&quot;Beauty&quot;},&quot;operators&quot;:[&quot;eq&quot;]}]"
+            name="query">
+          </zn-filter-builder>
+        </zn-filter-wrapper>
+      </zn-sp>
+    </zn-tabs>
+  </zn-panel>
-  <zn-data-table-sort slot="sort"></zn-data-table-sort>
-  <zn-data-table-filter
-    slot="filter"
-    filters="[{&quot;id&quot;:&quot;title&quot;,&quot;name&quot;:&quot;Title&quot;,&quot;operators&quot;:[&quot;eq&quot;]},{&quot;id&quot;:&quot;author&quot;,&quot;name&quot;:&quot;Author&quot;,&quot;operators&quot;:[&quot;eq&quot;,&quot;fuzzy&quot;]},{&quot;id&quot;:&quot;genre&quot;,&quot;name&quot;:&quot;Genre&quot;,&quot;options&quot;:{&quot;action&quot;:&quot;Action&quot;,&quot;comedy&quot;:&quot;Comedy&quot;,&quot;drama&quot;:&quot;Drama&quot;,&quot;fantasy&quot;:&quot;Fantasy&quot;,&quot;horror&quot;:&quot;Horror&quot;,&quot;mystery&quot;:&quot;Mystery&quot;,&quot;romance&quot;:&quot;Romance&quot;,&quot;thriller&quot;:&quot;Thriller&quot;,&quot;sci-fi&quot;:&quot;ScienceFiction&quot;},&quot;maxOptionsVisible&quot;:&quot;3&quot;,&quot;operators&quot;:[&quot;eq&quot;,&quot;in&quot;]},{&quot;id&quot;:&quot;rating&quot;,&quot;name&quot;:&quot;Rating&quot;,&quot;type&quot;:&quot;number&quot;,&quot;operators&quot;:[&quot;eq&quot;,&quot;gt&quot;,&quot;gte&quot;,&quot;lt&quot;,&quot;lte&quot;]},{&quot;id&quot;:&quot;created&quot;,&quot;name&quot;:&quot;Created&quot;,&quot;type&quot;:&quot;date&quot;,&quot;operators&quot;:[&quot;eq&quot;,&quot;before&quot;,&quot;after&quot;]}]">
-  </zn-data-table-filter>
 </zn-data-table>
 ```

package/docs/pages/components/dialog.md CHANGED Viewed

@@ -37,7 +37,7 @@ deleting something).
 ```html:preview
 <zn-button id="dialog-trigger">Open Default Dialog</zn-button>
-<zn-dialog class="dialog-basic" trigger="dialog-trigger" label="Dialog">
+<zn-dialog class="dialog-basic" trigger="dialog-trigger" label="Dialog" cosmic>
   <zn-icon src="info" slot="header-icon"></zn-icon>
   If you need to, you can cancel this request after submitting it. Are you sure you want to submit it now?

package/docs/pages/components/editor.md CHANGED Viewed

@@ -7,9 +7,7 @@ layout: component
 ```html:preview
-<zn-editor style="height: 400px"
-           canned-responses="[{&quot;title&quot;: &quot;Example With Data&quot;,&quot;content&quot;: &quot;Hi   \n\nThis is a message from Kyle Essex to test data. \n\n\nFrom    &quot;,&quot;labels&quot;: [&quot;test&quot;],&quot;command&quot;: &quot;example-with-data&quot;},{&quot;title&quot;: &quot;Example With Data&quot;,&quot;content&quot;: &quot;Hi   \n\nThis is a message from Kyle Essex to test data. \n\n\nFrom    &quot;,&quot;labels&quot;: [&quot;test&quot;],&quot;command&quot;: &quot;example-with-data&quot;},{&quot;title&quot;: &quot;Styled Response&quot;,&quot;content&quot;: &quot;&lt;p&gt;It&apos;s for chat,&lt;/p&gt;\n\n&lt;p&gt;Try not to use any specific styling&lt;/p&gt;\n&quot;,&quot;labels&quot;: [&quot;styled, test&quot;],&quot;command&quot;: &quot;styled-response&quot;}]">
+<zn-editor style="height: 400px">
 </zn-editor>
 ```

package/docs/pages/components/filter-wrapper.md ADDED Viewed

@@ -0,0 +1,20 @@
+---
+meta:
+  title: Query Wrapper
+  description:
+layout: component
+---
+```html:preview
+<zn-query-wrapper></zn-query-wrapper>
+```
+## Examples
+### First Example
+TODO
+### Second Example
+TODO

package/docs/pages/components/icon.md CHANGED Viewed

@@ -107,6 +107,8 @@ layout: component
 <span class=icncont><zn-icon src="trustpayments" size="32" library="brands"></zn-icon></span>
 <span class=icncont><zn-icon src="worldpay" size="32" library="brands"></zn-icon></span>
 <span class=icncont><zn-icon src="yapstone" size="32" library="brands"></zn-icon></span>
+<span class=icncont><zn-icon src="chargie" size="32" library="brands"></zn-icon></span>
+<span class=icncont><zn-icon src="chargie-head" size="32" library="brands"></zn-icon></span>
 ```
 ## Default  icons