@kubex/zinc 0.0.2 → 1.0.0

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

@@ -0,0 +1,74 @@
+---
+meta:
+  title: Data Table
+  description:
+layout: component
+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-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>
+```
+
+### In a Panel
+
+```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>
+```
+
+### Lots of Data
+
+```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-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/datepicker.md

@@ -0,0 +1,25 @@
+---
+meta:
+  title: Datepicker
+  description:
+layout: component
+---
+
+```html:preview
+<zn-datepicker></zn-datepicker>
+```
+
+## Examples
+
+### Range
+
+```html:preview
+<zn-datepicker range></zn-datepicker>
+```
+
+
+### Second Example
+
+TODO
+
+

package/docs/pages/components/defined-label.md

@@ -0,0 +1,26 @@
+---
+meta:
+  title: Defined Label
+  description:
+layout: component
+---
+
+```html:preview
+
+<zn-defined-label
+  allow-custom
+  predefined-labels="[{&quot;name&quot;:&quot;asc2&quot;,&quot;options&quot;:[]},{&quot;name&quot;:&quot;one&quot;,&quot;options&quot;:[]},{&quot;name&quot;:&quot;outbound&quot;,&quot;options&quot;:[]},{&quot;name&quot;:&quot;two&quot;,&quot;options&quot;:[]},{&quot;name&quot;:&quot;another&quot;,&quot;options&quot;:[&quot;one&quot;,&quot;two&quot;,&quot;three&quot;]},{&quot;name&quot;:&quot;awesome&quot;,&quot;options&quot;:[&quot;one&quot;,&quot;two&quot;,&quot;three&quot;,&quot;four&quot;]}]">
+</zn-defined-label>
+```
+
+## Examples
+
+### First Example
+
+TODO
+
+### Second Example
+
+TODO
+
+

package/docs/pages/components/dialog.md

@@ -0,0 +1,145 @@
+---
+meta:
+  title: Dialog
+  description: 'Dialogs, also called "modals", appear above the page and require the users immediate attention.'
+layout: component
+---
+
+## Examples
+
+### Basic Dialog
+
+This is a basic dialog. It has a trigger button that opens the dialog. The dialog has a close button and two buttons in
+the footer.
+
+```html:preview
+
+<zn-button id="dialog-trigger">Open Basic dialog</zn-button>
+<zn-dialog class="dialog-basic" trigger="dialog-trigger" label="Dialog">
+  This is the dialog’s body.
+
+  <zn-button color="default" slot="footer">Do Something</zn-button>
+  <zn-button color="secondary" slot="footer" dialog-closer>Close Dialog</zn-button>
+</zn-dialog>
+```
+
+### Dialog Variants
+
+Use the header-icon slot to display an sl-icon to the left of the dialog header (label).
+
+Use this pattern for confirmation dialogs, when asking people to confirm that they want to take an action, and for
+informational dialogs.
+
+Set the dialog variant (default or warning) to apply the right color theme to the icon: default for confirmation of
+neutral actions (like submitting a form), and warning for confirmation of destructive actions (like canceling or
+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-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?
+
+  <zn-button color="secondary" slot="footer" dialog-closer>Close Dialog</zn-button>
+  <zn-button color="default" slot="footer" type="submit">Do Something</zn-button>
+</zn-dialog>
+
+<zn-button id="dialog-trigger-2">Open Warning Dialog</zn-button>
+<zn-dialog class="dialog-basic" trigger="dialog-trigger-2" label="Dialog" variant="warning">
+  <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?
+
+  <zn-button color="secondary" slot="footer" dialog-closer>Close Dialog</zn-button>
+  <zn-button color="warning" slot="footer">Do Something</zn-button>
+</zn-dialog>
+
+<zn-button id="dialog-trigger-3" color="warning">Open Announcement Dialog</zn-button>
+<zn-dialog class="dialog-basic" trigger="dialog-trigger-3" label="Meet your new Monthly Numbers dashboard" variant="announcement">
+  <div slot="announcement-intro">Welcome!</div>
+  <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?
+
+  <zn-button color="secondary" slot="footer" dialog-closer>Close Dialog</zn-button>
+  <zn-button color="default" slot="footer">Do Something</zn-button>
+  <div slot="footer-text"><a href="#">Learn more about Monthly Numbers</a></div>
+</zn-dialog>
+```
+
+### Dialogs as Forms
+
+Use dialogs as forms when you need to collect information from users. This example shows a dialog with a form inside it.
+
+```html:preview
+
+<form method="post" action="#" style="display: inline-block">
+  <zn-button id="dialog-trigger">Open Form Dialog</zn-button>
+  <zn-dialog class="dialog-basic" trigger="dialog-trigger" label="Dialog" size="large">
+    <zn-icon src="info" slot="header-icon"></zn-icon>
+
+    <zn-form-group
+      label="Profile"
+      label-tooltip="huh"
+      help-text="This information will be displayed publicly so be careful what you share">
+
+      <div class="form-spacing">
+        <zn-input type="text" name="name" label="Name" required></zn-input>
+        <zn-select label="Favorite Animal" clearable required>
+          <zn-option value="birds">Birds</zn-option>
+          <zn-option value="cats">Cats</zn-option>
+          <zn-option value="dogs">Dogs</zn-option>
+          <zn-option value="other">Other</zn-option>
+        </zn-select>
+
+        <zn-textarea name="comment" label="Comment" required></zn-textarea>
+
+        <zn-checkbox required>Check me before submitting</zn-checkbox>
+
+        <br>
+        <zn-checkbox-group label="Checkbox group" help-text="Select at least one" label-tooltip="Do you need help?"
+                           required>
+          <zn-checkbox value="I'm option 1">Option 1</zn-checkbox>
+          <zn-checkbox value="I'm option 2">Option 2</zn-checkbox>
+          <zn-checkbox value="I'm option 3">Option 3</zn-checkbox>
+        </zn-checkbox-group>
+      </div>
+    </zn-form-group>
+
+    <zn-button color="secondary" slot="footer" dialog-closer>Close Dialog</zn-button>
+    <zn-button color="default" slot="footer" type="submit">Submit</zn-button>
+  </zn-dialog>
+```
+
+### Dialog Sizes
+
+Dialogs come in three different sizes: `small`, `medium`, and `large`. The default size is `medium`.
+
+```html:preview
+
+<zn-button id="dialog-trigger">Open Small Dialog</zn-button>
+<zn-dialog class="dialog-basic" trigger="dialog-trigger" label="Dialog" size="small">
+  <zn-icon src="info" slot="header-icon"></zn-icon>
+  This is a small dialog.
+
+  <zn-button color="secondary" slot="footer" dialog-closer>Close Dialog</zn-button>
+  <zn-button color="default" slot="footer">Do Something</zn-button>
+</zn-dialog>
+
+<zn-button id="dialog-trigger-2">Open Medium Dialog</zn-button>
+<zn-dialog class="dialog-basic" trigger="dialog-trigger-2" label="Dialog">
+  <zn-icon src="info" slot="header-icon"></zn-icon>
+  This is a medium dialog.
+
+  <zn-button color="secondary" slot="footer" dialog-closer>Close Dialog</zn-button>
+  <zn-button color="default" slot="footer">Do Something</zn-button>
+</zn-dialog>
+
+<zn-button id="dialog-trigger-3">Open Large Dialog</zn-button>
+<zn-dialog class="dialog-basic" trigger="dialog-trigger-3" label="Dialog" size="large">
+  <zn-icon src="info" slot="header-icon"></zn-icon>
+  This is a large dialog.
+
+  <zn-button color="secondary" slot="footer" dialog-closer>Close Dialog</zn-button>
+  <zn-button color="default" slot="footer">Do Something</zn-button>
+</zn-dialog>
+```

package/docs/pages/components/dropdown.md

@@ -0,0 +1,22 @@
+---
+meta:
+  title: Dropdown
+  description:
+layout: component
+---
+
+```html:preview
+<zn-dropdown></zn-dropdown>
+```
+
+## Examples
+
+### First Example
+
+TODO
+
+### Second Example
+
+TODO
+
+

package/docs/pages/components/editor.md

@@ -0,0 +1,26 @@
+---
+meta:
+  title: Editor
+  description:
+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>
+```
+
+## Examples
+
+### First Example
+
+TODO
+
+### Second Example
+
+TODO
+
+

package/docs/pages/components/empty-state.md

@@ -0,0 +1,51 @@
+---
+meta:
+  title: Empty State
+  description:
+layout: component
+---
+
+```html:preview
+<zn-empty-state
+  caption="The Caption"
+  description="The Description"
+  type="primary"
+  icon="check">
+</zn-empty-state>
+```
+
+## Examples
+
+### With Buttons
+
+```html:preview
+
+<zn-empty-state
+  caption="The Caption"
+  description="The Description"
+  icon="check">
+  <zn-button-group>
+    <zn-button>Button 1</zn-button>
+    <zn-button>Button 2</zn-button>
+  </zn-button-group>
+</zn-empty-state>
+```
+
+### Padded
+
+```html:preview
+
+<zn-empty-state
+  padded
+  type="primary"
+  caption="The Caption"
+  description="The Description"
+  icon="check">
+  <zn-button-group>
+    <zn-button>Button 1</zn-button>
+    <zn-button>Button 2</zn-button>
+  </zn-button-group>
+</zn-empty-state>
+```
+
+

package/docs/pages/components/expanding-action.md

@@ -0,0 +1,55 @@
+---
+meta:
+  title: Expanding Action
+  description:
+layout: component
+---
+
+```html:preview
+<zn-expanding-action icon="new_label" 
+                     uri=""
+                     method="fill"
+                     count-uri=""
+                     prefetch>
+  This is the content here, this will probably be loaded from one of the URIs.
+  if count uri is set, use that to retrieve the number to display as a notification
+  if prefetch is set, we need to lod the uri which should have the count with it.
+</zn-expanding-action>
+```
+
+## Multiple Examples
+
+```html:preview
+  <zn-expanding-action icon="edit_note"
+                       method="fill"
+                       count-uri="/note/count"
+                       slot="actions"
+                       prefetch>
+    Hello there
+  </zn-expanding-action>
+
+  <zn-expanding-action icon="new_label"
+                       content-uri="/test"
+                       method="drop"
+                       slot="actions">
+    <p>This is the content here, this will probably be loaded from one of the URIs.</p>
+    <p>if count uri is set, use that to retrieve the number to display as a notification
+      if prefetch is set, we need to lod the uri which should have the count with it.</p>
+  </zn-expanding-action>
+```
+
+## Header Example
+
+```html:preview
+<zn-header caption="Expanding Action Example"
+           navigation="[{&quot;path&quot;:&quot;#&quot;,&quot;title&quot;:&quot;Dashboard&quot;},{&quot;path&quot;:&quot;#&quot;,&quot;title&quot;:&quot;Another&quot;}]">
+  <zn-navbar slot="nav">
+    <zn-expanding-action icon="new_label" method="fill">
+      <zn-defined-label
+        allow-custom
+        predefined-labels="[{&quot;name&quot;:&quot;asc2&quot;,&quot;options&quot;:[]},{&quot;name&quot;:&quot;one&quot;,&quot;options&quot;:[]},{&quot;name&quot;:&quot;outbound&quot;,&quot;options&quot;:[]},{&quot;name&quot;:&quot;two&quot;,&quot;options&quot;:[]},{&quot;name&quot;:&quot;another&quot;,&quot;options&quot;:[&quot;one&quot;,&quot;two&quot;,&quot;three&quot;]},{&quot;name&quot;:&quot;awesome&quot;,&quot;options&quot;:[&quot;one&quot;,&quot;two&quot;,&quot;three&quot;,&quot;four&quot;]}]">
+      </zn-defined-label>
+    </zn-expanding-action>
+  </zn-navbar>
+</zn-header>
+```

package/docs/pages/components/file.md

@@ -0,0 +1,45 @@
+---
+meta:
+  title: File
+  description:
+layout: component
+---
+
+```html:preview
+<zn-file multiple clearable></zn-file>
+```
+
+## Examples
+
+### Label
+
+```html:preview
+<zn-file label="File Upload"></zn-file>
+```
+
+### Droparea
+
+```html:preview
+<zn-file accept="text/plain,image/*" multiple droparea></zn-file>
+```
+
+### Help Text
+
+```html:preview
+<zn-file help-text="You can drag and drop files here"></zn-file>
+```
+
+### Multiple Upload
+
+```html:preview
+
+<zn-file multiple></zn-file>
+```
+
+### Hide Value
+
+```html:preview
+
+<zn-file hide-value></zn-file>
+```
+