@jsekulowicz/ds-components 0.8.0 → 0.9.0

package/custom-elements.json

@@ -77,6 +77,22 @@
             "module": "./atoms/badge/index.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "DsSkeleton",
+          "declaration": {
+            "name": "DsSkeleton",
+            "module": "./atoms/skeleton/index.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SkeletonVariant",
+          "declaration": {
+            "name": "SkeletonVariant",
+            "module": "./atoms/skeleton/index.js"
+          }
+        },
         {
           "kind": "js",
           "name": "DsDivider",
@@ -2457,7 +2473,7 @@
         {
           "kind": "variable",
           "name": "iconStyles",
-          "default": "css` :host { display: inline-flex; width: 1em; height: 1em; color: currentColor; vertical-align: middle; flex-shrink: 0; } :host([size='sm']) { width: 0.875em; height: 0.875em; } :host([size='lg']) { width: 1.25em; height: 1.25em; } :host([size='xl']) { width: 1.25rem; height: 1.25rem; } :host([size='2xl']) { width: 1.5rem; height: 1.5rem; } :host([size='3xl']) { width: 1.75rem; height: 1.75rem; } svg { width: 100%; height: 100%; display: block; } `"
+          "default": "css` :host { display: inline-flex; width: 1.125rem; height: 1.125rem; color: currentColor; vertical-align: middle; flex-shrink: 0; } :host([size='sm']) { width: 0.875rem; height: 0.875rem; } :host([size='md']) { width: 1rem; height: 1rem; } :host([size='lg']) { width: 1.125rem; height: 1.125rem; } :host([size='xl']) { width: 1.25rem; height: 1.25rem; } :host([size='2xl']) { width: 1.5rem; height: 1.5rem; } :host([size='3xl']) { width: 1.75rem; height: 1.75rem; } svg { width: 100%; height: 100%; display: block; } `"
         }
       ],
       "exports": [
@@ -2548,7 +2564,7 @@
               "type": {
                 "text": "IconSize"
               },
-              "default": "'md'",
+              "default": "'lg'",
               "attribute": "size",
               "reflects": true
             },
@@ -2582,7 +2598,7 @@
               "type": {
                 "text": "IconSize"
               },
-              "default": "'md'",
+              "default": "'lg'",
               "fieldName": "size"
             }
           ],
@@ -6164,6 +6180,245 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/atoms/skeleton/define.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "ds-skeleton",
+          "declaration": {
+            "name": "DsSkeleton",
+            "module": "/src/atoms/skeleton/skeleton.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/atoms/skeleton/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DsSkeleton",
+          "declaration": {
+            "name": "DsSkeleton",
+            "module": "./skeleton.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SkeletonVariant",
+          "declaration": {
+            "name": "SkeletonVariant",
+            "module": "./skeleton.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/atoms/skeleton/skeleton.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "skeletonStyles",
+          "default": "css` :host { display: block; width: var(--ds-skeleton-width, 100%); } .stack { display: grid; gap: var(--ds-skeleton-gap, var(--ds-space-2)); } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .item { display: block; width: var(--ds-skeleton-item-width, 100%); height: var(--ds-skeleton-height, 1em); border-radius: var(--ds-skeleton-radius, var(--ds-radius-xs)); background: linear-gradient( 90deg, var(--ds-color-bg-muted) 0%, var(--ds-color-bg-muted) 34%, var(--ds-color-bg-subtle) 50%, var(--ds-color-bg-muted) 66%, var(--ds-color-bg-muted) 100% ); background-size: 200% 100%; animation: ds-skeleton-shimmer var(--ds-skeleton-duration, 4s) linear infinite; } :host([variant='text']) .item { transform: translateY(0.12em); } :host([variant='rectangle']) .item { height: var(--ds-skeleton-height, 6rem); border-radius: var(--ds-skeleton-radius, var(--ds-radius-sm)); } :host([variant='circle']) { width: var(--ds-skeleton-width, 2.5rem); } :host([variant='circle']) .item { width: var(--ds-skeleton-item-width, var(--ds-skeleton-width, 2.5rem)); height: var(--ds-skeleton-height, var(--ds-skeleton-width, 2.5rem)); border-radius: 999px; } @keyframes ds-skeleton-shimmer { from { background-position: 200% 0; } to { background-position: 0 0; } } @media (prefers-reduced-motion: reduce) { .item { animation: none; background-size: 100% 100%; } } `"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "skeletonStyles",
+          "declaration": {
+            "name": "skeletonStyles",
+            "module": "src/atoms/skeleton/skeleton.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/atoms/skeleton/skeleton.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DsSkeleton",
+          "cssParts": [
+            {
+              "description": "Each generated skeleton item.",
+              "name": "item"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Optional accessible loading text for assistive technology.",
+              "name": "default"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "SkeletonVariant"
+              },
+              "default": "'text'",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "lines",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "attribute": "lines"
+            },
+            {
+              "kind": "field",
+              "name": "width",
+              "type": {
+                "text": "string | undefined"
+              },
+              "attribute": "width"
+            },
+            {
+              "kind": "field",
+              "name": "height",
+              "type": {
+                "text": "string | undefined"
+              },
+              "attribute": "height"
+            },
+            {
+              "kind": "method",
+              "name": "#count",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#syncHostProperty",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "value",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#lineWidth",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#style",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "SkeletonVariant"
+              },
+              "default": "'text'",
+              "fieldName": "variant"
+            },
+            {
+              "name": "lines",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "fieldName": "lines"
+            },
+            {
+              "name": "width",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "width"
+            },
+            {
+              "name": "height",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "height"
+            }
+          ],
+          "superclass": {
+            "name": "DsElement",
+            "package": "@jsekulowicz/ds-core"
+          },
+          "tagName": "ds-skeleton",
+          "customElement": true,
+          "summary": "Decorative placeholder for content that is still loading."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DsSkeleton",
+          "declaration": {
+            "name": "DsSkeleton",
+            "module": "src/atoms/skeleton/skeleton.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/atoms/table/define.ts",
@@ -6770,6 +7025,45 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/atoms/table/table-skeleton.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "renderTableSkeleton",
+          "return": {
+            "type": {
+              "text": "TemplateResult"
+            }
+          },
+          "parameters": [
+            {
+              "name": "rowCount",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "columnCount",
+              "type": {
+                "text": "number"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "renderTableSkeleton",
+          "declaration": {
+            "name": "renderTableSkeleton",
+            "module": "src/atoms/table/table-skeleton.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/atoms/table/table-sort-button.styles.ts",
@@ -6910,7 +7204,7 @@
         {
           "kind": "variable",
           "name": "tableStyles",
-          "default": "css` :host { display: block; width: 100%; color: var(--ds-color-fg); font-family: var(--ds-font-body); font-size: var(--ds-font-size-sm); } .toolbar { padding: var(--ds-space-3) 0; } .toolbar:empty { display: none; } .scroll { width: 100%; overflow-x: auto; border: 1px solid var(--ds-color-border-subtle); border-radius: var(--ds-radius-md); background: var(--ds-color-bg); } table { width: 100%; border-collapse: collapse; text-align: left; } caption { caption-side: top; padding: var(--ds-space-3); color: var(--ds-color-fg-muted); text-align: left; } caption:empty { display: none; padding: 0; } thead th { background: var(--ds-color-bg-subtle); color: var(--ds-color-fg); font-weight: var(--ds-font-weight-medium); padding: var(--ds-space-3); border-bottom: 1px solid var(--ds-color-border); white-space: nowrap; } tbody td { padding: var(--ds-space-3); border-bottom: 1px solid var(--ds-color-border-subtle); vertical-align: middle; } tbody tr:last-child td { border-bottom: 0; } tbody tr:nth-child(even) td { background: var(--ds-color-bg-subtle); } .align-left { text-align: left; } .align-right { text-align: right; } .align-center { text-align: center; } tbody tr.clickable { cursor: pointer; outline: none; } tbody tr.clickable:hover td { background: var(--ds-color-bg-muted); } tbody tr.clickable:focus-visible { box-shadow: inset 0 0 0 2px var(--ds-color-focus); } .empty { padding: var(--ds-space-6); text-align: center; color: var(--ds-color-fg-muted); } .footer { padding: var(--ds-space-3) 0; } .footer:empty { display: none; } `"
+          "default": "css` :host { display: block; width: 100%; color: var(--ds-color-fg); font-family: var(--ds-font-body); font-size: var(--ds-font-size-sm); } .toolbar { padding: var(--ds-space-3) 0; } .toolbar:empty { display: none; } .scroll { position: relative; width: 100%; overflow-x: auto; border: 1px solid var(--ds-color-border-subtle); border-radius: var(--ds-radius-md); background: var(--ds-color-bg); } table { width: 100%; border-collapse: collapse; text-align: left; } caption { caption-side: top; padding: var(--ds-space-3); color: var(--ds-color-fg-muted); text-align: left; } caption:empty { display: none; padding: 0; } thead th { background: var(--ds-color-bg-subtle); color: var(--ds-color-fg); font-weight: var(--ds-font-weight-medium); padding: var(--ds-space-3); border-bottom: 1px solid var(--ds-color-border); white-space: nowrap; } tbody td { padding: var(--ds-space-3); border-bottom: 1px solid var(--ds-color-border-subtle); vertical-align: middle; } tbody tr:last-child td { border-bottom: 0; } tbody tr:nth-child(even) td { background: var(--ds-color-bg-subtle); } .align-left { text-align: left; } .align-right { text-align: right; } .align-center { text-align: center; } tbody tr.clickable { cursor: pointer; outline: none; } tbody tr.clickable:hover td { background: var(--ds-color-bg-muted); } tbody tr.clickable:focus-visible { box-shadow: inset 0 0 0 2px var(--ds-color-focus); } .skeleton-table { min-width: 32rem; } .loading { position: absolute; inset: 0; display: grid; place-items: center; min-height: 100%; background: color-mix(in srgb, var(--ds-color-bg) 78%, transparent); color: var(--ds-color-fg); pointer-events: auto; } .loading span { padding: var(--ds-space-2) var(--ds-space-3); border: 1px solid var(--ds-color-border); border-radius: var(--ds-radius-sm); background: var(--ds-color-bg); box-shadow: var(--ds-shadow-sm, 0 1px 2px rgba(15, 23, 42, 0.12)); font-weight: var(--ds-font-weight-medium); } .empty { padding: var(--ds-space-6); text-align: center; color: var(--ds-color-fg-muted); } .footer { padding: var(--ds-space-3) 0; } .footer:empty { display: none; } `"
         }
       ],
       "exports": [
@@ -6976,6 +7270,10 @@
             {
               "description": "The empty-state wrapper.",
               "name": "empty"
+            },
+            {
+              "description": "Loading overlay rendered when `loading` is true.",
+              "name": "loading"
             }
           ],
           "slots": [
@@ -6995,6 +7293,10 @@
               "description": "Shown when `rows` is empty.",
               "name": "empty"
             },
+            {
+              "description": "Shown inside the loading overlay when `loading` is true.",
+              "name": "loading"
+            },
             {
               "description": "Per-column header override (e.g. inject a ds-table-sort-button).",
               "name": "header-{columnName}"
@@ -7035,6 +7337,34 @@
               "attribute": "clickable-rows",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "loading",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "skeletonRows",
+              "type": {
+                "text": "number"
+              },
+              "default": "5",
+              "attribute": "skeleton-rows"
+            },
+            {
+              "kind": "field",
+              "name": "skeletonColumns",
+              "type": {
+                "text": "number"
+              },
+              "default": "4",
+              "attribute": "skeleton-columns"
+            },
             {
               "kind": "field",
               "name": "rowKey",
@@ -7137,6 +7467,30 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "#renderClickableRow",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "row",
+                  "type": {
+                    "text": "T"
+                  }
+                },
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "#renderRow",
@@ -7161,6 +7515,30 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "#renderCells",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult[]"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "row",
+                  "type": {
+                    "text": "T"
+                  }
+                },
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "#renderBody",
@@ -7170,6 +7548,26 @@
                   "text": "TemplateResult"
                 }
               }
+            },
+            {
+              "kind": "method",
+              "name": "#renderLoading",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult | null"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#renderTable",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              }
             }
           ],
           "events": [
@@ -7187,6 +7585,30 @@
               "default": "false",
               "fieldName": "clickableRows"
             },
+            {
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "loading"
+            },
+            {
+              "name": "skeleton-rows",
+              "type": {
+                "text": "number"
+              },
+              "default": "5",
+              "fieldName": "skeletonRows"
+            },
+            {
+              "name": "skeleton-columns",
+              "type": {
+                "text": "number"
+              },
+              "default": "4",
+              "fieldName": "skeletonColumns"
+            },
             {
               "name": "row-key",
               "type": {

package/dist/atoms/icon/icon.js

@@ -25,7 +25,7 @@ export function getIcon(name) {
 export class DsIcon extends DsElement {
     constructor() {
         super(...arguments);
-        this.size = 'md';
+        this.size = 'lg';
         this.svg = null;
     }
     static { this.styles = [...DsElement.styles, iconStyles]; }

package/dist/atoms/icon/icon.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/icon/icon.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBAkCtB,CAAC"}
+{"version":3,"file":"icon.styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/icon/icon.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBAsCtB,CAAC"}

package/dist/atoms/icon/icon.styles.js

@@ -2,19 +2,23 @@ import { css } from 'lit';
 export const iconStyles = css `
   :host {
     display: inline-flex;
-    width: 1em;
-    height: 1em;
+    width: 1.125rem;
+    height: 1.125rem;
     color: currentColor;
     vertical-align: middle;
     flex-shrink: 0;
   }
   :host([size='sm']) {
-    width: 0.875em;
-    height: 0.875em;
+    width: 0.875rem;
+    height: 0.875rem;
+  }
+  :host([size='md']) {
+    width: 1rem;
+    height: 1rem;
   }
   :host([size='lg']) {
-    width: 1.25em;
-    height: 1.25em;
+    width: 1.125rem;
+    height: 1.125rem;
   }
   :host([size='xl']) {
     width: 1.25rem;

package/dist/atoms/icon/icon.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.styles.js","sourceRoot":"","sources":["../../../src/atoms/icon/icon.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkC5B,CAAC"}
+{"version":3,"file":"icon.styles.js","sourceRoot":"","sources":["../../../src/atoms/icon/icon.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsC5B,CAAC"}

package/dist/atoms/skeleton/define.d.ts

@@ -0,0 +1,7 @@
+import { DsSkeleton } from './skeleton.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-skeleton': DsSkeleton;
+    }
+}
+//# sourceMappingURL=define.d.ts.map

package/dist/atoms/skeleton/define.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../src/atoms/skeleton/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAM3C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

package/dist/atoms/skeleton/define.js

@@ -0,0 +1,5 @@
+import { DsSkeleton } from './skeleton.js';
+if (!customElements.get('ds-skeleton')) {
+    customElements.define('ds-skeleton', DsSkeleton);
+}
+//# sourceMappingURL=define.js.map

package/dist/atoms/skeleton/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/atoms/skeleton/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CAAC;IACvC,cAAc,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;AACnD,CAAC"}

package/dist/atoms/skeleton/index.d.ts

@@ -0,0 +1,2 @@
+export { DsSkeleton, type SkeletonVariant } from './skeleton.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/atoms/skeleton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC"}

package/dist/atoms/skeleton/index.js

@@ -0,0 +1,2 @@
+export { DsSkeleton } from './skeleton.js';
+//# sourceMappingURL=index.js.map

package/dist/atoms/skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/atoms/skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwB,MAAM,eAAe,CAAC"}

package/dist/atoms/skeleton/skeleton.d.ts

@@ -0,0 +1,20 @@
+import { type TemplateResult } from 'lit';
+import { DsElement } from '@jsekulowicz/ds-core';
+export type SkeletonVariant = 'text' | 'rectangle' | 'circle';
+/**
+ * @tag ds-skeleton
+ * @summary Decorative placeholder for content that is still loading.
+ * @slot default - Optional accessible loading text for assistive technology.
+ * @csspart item - Each generated skeleton item.
+ */
+export declare class DsSkeleton extends DsElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    variant: SkeletonVariant;
+    lines: number;
+    width?: string;
+    height?: string;
+    updated(): void;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/atoms/skeleton/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/atoms/skeleton/skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;AAE9D;;;;;GAKG;AACH,qBAAa,UAAW,SAAQ,SAAS;;IACvC,OAAgB,MAAM,4BAAyC;IAElC,OAAO,EAAE,eAAe,CAAU;IACnC,KAAK,SAAK;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAEnB,OAAO,IAAI,IAAI;IAoCf,MAAM,IAAI,cAAc;CAUlC"}