@c2n/details 0.0.11 → 0.0.13

package/custom-elements.json

@@ -0,0 +1 @@
+{"schemaVersion":"1.0.0","readme":"","modules":[{"kind":"javascript-module","path":"src/details.ts","declarations":[{"kind":"class","description":"Collapsible disclosure built on native `<details>` / `<summary>`, so keyboard access, screen-reader semantics and\nfind-in-page auto-expand come from the browser. Panels that share a `name` form an exclusive accordion. Open and\nclose animate the content height (plus a fade) with the Web Animations API, so the motion is identical in every\nbrowser; the native `open` attribute is only removed once the close animation has finished.","name":"Details","cssProperties":[{"type":{"text":"border"},"name":"--c2-details--border-top","default":"1px solid rgb(213, 213, 213)"},{"type":{"text":"border"},"name":"--c2-details--border-right","default":"1px solid rgb(213, 213, 213)"},{"type":{"text":"border"},"name":"--c2-details--border-bottom","default":"1px solid rgb(213, 213, 213)"},{"type":{"text":"border"},"name":"--c2-details--border-left","default":"1px solid rgb(213, 213, 213)"},{"type":{"text":"border-radius"},"name":"--c2-details--border-top-left-radius","default":"8px"},{"type":{"text":"border-radius"},"name":"--c2-details--border-top-right-radius","default":"8px"},{"type":{"text":"border-radius"},"name":"--c2-details--border-bottom-left-radius","default":"8px"},{"type":{"text":"border-radius"},"name":"--c2-details--border-bottom-right-radius","default":"8px"},{"type":{"text":"background"},"name":"--c2-details--background","default":"rgb(255, 255, 255)"},{"type":{"text":"box-shadow"},"name":"--c2-details--box-shadow"},{"type":{"text":"time"},"description":"Open and close animation length; `0ms` disables it. Respects `prefers-reduced-motion`.","name":"--c2-details--transition-duration","default":"250ms"},{"type":{"text":"padding"},"name":"--c2-details__header--padding-top","default":"12px"},{"type":{"text":"padding"},"name":"--c2-details__header--padding-right","default":"16px"},{"type":{"text":"padding"},"name":"--c2-details__header--padding-bottom","default":"12px"},{"type":{"text":"padding"},"name":"--c2-details__header--padding-left","default":"16px"},{"type":{"text":"background"},"name":"--c2-details__header--background"},{"type":{"text":"color"},"name":"--c2-details__header--color"},{"type":{"text":"font-weight"},"name":"--c2-details__header--font-weight","default":"500"},{"type":{"text":"font-size"},"name":"--c2-details__header--font-size"},{"type":{"text":"pixel"},"name":"--c2-details__header--gap","default":"12px"},{"type":{"text":"flex-direction-row"},"description":"`row-reverse` puts the icon first.","name":"--c2-details__header--flex-direction","default":"row"},{"type":{"text":"pixel"},"name":"--c2-details__header__icon--width","default":"20px"},{"type":{"text":"pixel"},"name":"--c2-details__header__icon--height","default":"20px"},{"type":{"text":"pixel"},"description":"Icon angle while open.","name":"--c2-details__header__icon--rotate","default":"180deg"},{"type":{"text":"pixel"},"description":"Icon angle while closed. `-90deg` with the default chevron gives the nav idiom: right when closed, down when open.","name":"--c2-details__header__icon--rotate-collapsed","default":"0deg"},{"type":{"text":"color"},"name":"--c2-details__header__icon--color","default":"rgb(109, 109, 109)"},{"type":{"text":"pixel"},"name":"--c2-details__header__content--margin-top","default":"4px"},{"type":{"text":"color"},"name":"--c2-details__header__content--color","default":"rgb(109, 109, 109)"},{"type":{"text":"font-size"},"name":"--c2-details__header__content--font-size","default":"13px"},{"type":{"text":"font-weight"},"name":"--c2-details__header__content--font-weight","default":"400"},{"type":{"text":"background"},"name":"--c2-details__header__hover--background","default":"rgb(248, 248, 248)"},{"type":{"text":"color"},"name":"--c2-details__header__hover--color"},{"type":{"text":"background"},"name":"--c2-details__header__open--background"},{"type":{"text":"color"},"name":"--c2-details__header__open--color"},{"type":{"text":"outline"},"name":"--c2-details__header__focus--outline","default":"2px solid rgba(2, 101, 220, 0.4)"},{"type":{"text":"pixel"},"name":"--c2-details__header__focus--outline-offset","default":"-2px"},{"type":{"text":"opacity"},"name":"--c2-details__header__disabled--opacity","default":"0.38"},{"type":{"text":"padding"},"name":"--c2-details__content--padding-top","default":"4px"},{"type":{"text":"padding"},"description":"Falls back to the header padding.","name":"--c2-details__content--padding-right"},{"type":{"text":"padding"},"description":"Falls back to the header padding.","name":"--c2-details__content--padding-bottom"},{"type":{"text":"padding"},"description":"Falls back to the header padding.","name":"--c2-details__content--padding-left"},{"type":{"text":"color"},"name":"--c2-details__content--color"},{"type":{"text":"border"},"description":"Divider between header and content.","name":"--c2-details__content--border-top"}],"slots":[{"description":"Header label. Falls back to the `label` attribute.","name":"title"},{"description":"Second header row under the title (description, badges, actions). Stays visible when collapsed; clicks inside it do not toggle the panel, so buttons and links work there.","name":"header-content"},{"description":"Chevron shown in the header; rotates when open. Defaults to an inline SVG.","name":"icon"},{"description":"Alternative icon shown only while open (replaces the rotation).","name":"expanded-icon"},{"description":"Collapsible content.","name":""}],"members":[{"kind":"field","name":"detailsElement","type":{"text":"HTMLDetailsElement"},"privacy":"protected"},{"kind":"field","name":"contentElement","type":{"text":"HTMLElement"},"privacy":"private"},{"kind":"field","name":"bodyElement","type":{"text":"HTMLElement"},"privacy":"private"},{"kind":"field","name":"expanded","type":{"text":"boolean"},"default":"false","description":"Open state, kept in sync with the native `open` attribute.","attribute":"expanded","reflects":true},{"kind":"field","name":"label","type":{"text":"string"},"default":"''","description":"Header text when the `title` slot is empty.","attribute":"label"},{"kind":"field","name":"name","type":{"text":"string | undefined"},"default":"undefined","description":"Accordion group: opening a panel closes every other `c2-details` with the same name in the same document or shadow\nroot. (The native `name` attribute cannot be used: each panel's `<details>` sits in its own shadow tree.)","attribute":"name"},{"kind":"field","name":"titleNotClickable","type":{"text":"boolean"},"default":"false","description":"Only the icon toggles the panel; clicking the title does nothing.","attribute":"title-not-clickable","reflects":true},{"kind":"field","name":"disabled","type":{"text":"boolean"},"default":"false","description":"Dims the header and blocks toggling (pointer and keyboard).","attribute":"disabled","reflects":true},{"kind":"field","name":"hasHeaderContent","type":{"text":"boolean"},"privacy":"private","default":"false"},{"kind":"field","name":"hasExpandedIcon","type":{"text":"boolean"},"privacy":"private","default":"false"},{"kind":"field","name":"closing","type":{"text":"boolean"},"privacy":"private","default":"false","description":"Keeps the native `open` attribute while the close animation plays; the content is hidden by the browser otherwise."},{"kind":"field","name":"contentAnimations","type":{"text":"Animation[]"},"privacy":"private","default":"[]"},{"kind":"field","name":"accordion","type":{"text":"AccordionContext | undefined"},"privacy":"private"},{"kind":"method","name":"cancelContentAnimations","privacy":"private"},{"kind":"method","name":"animateContent","privacy":"private","parameters":[{"name":"open","type":{"text":"boolean"}}],"description":"Slides the content between collapsed and its natural height, fading the body along the way. Duration and easing\ncome from the `transition-*` values the stylesheet puts on the content element, so `--c2-details--transition-duration`\nand `prefers-reduced-motion` both apply. Reversing mid-flight starts from the current rendered height."},{"kind":"method","name":"handleSlotChange","privacy":"private","parameters":[{"name":"event","type":{"text":"Event"}}]},{"kind":"method","name":"updateSlot","privacy":"private","parameters":[{"name":"slot","type":{"text":"HTMLSlotElement"}}]},{"kind":"method","name":"handleSummaryClick","privacy":"private","parameters":[{"name":"event","type":{"text":"MouseEvent"}}]},{"kind":"method","name":"handleSummaryKeydown","privacy":"private","parameters":[{"name":"event","type":{"text":"KeyboardEvent"}}]},{"kind":"method","name":"handleDetailsToggle","privacy":"private","parameters":[{"name":"event","type":{"text":"Event"}}]},{"kind":"method","name":"toggle","parameters":[{"name":"force","optional":true,"type":{"text":"boolean"}}],"description":"Opens or closes the panel."},{"kind":"method","name":"renderIcon","privacy":"protected"}],"events":[{"type":{"text":"ToggleEvent"},"description":"Re-dispatched from the native details after it opens or closes (`newState` is `open` or `closed`).","name":"toggle"}],"attributes":[{"name":"expanded","type":{"text":"boolean"},"default":"false","description":"Open state, kept in sync with the native `open` attribute.","fieldName":"expanded"},{"name":"label","type":{"text":"string"},"default":"''","description":"Header text when the `title` slot is empty.","fieldName":"label"},{"name":"name","type":{"text":"string | undefined"},"default":"undefined","description":"Accordion group: opening a panel closes every other `c2-details` with the same name in the same document or shadow\nroot. (The native `name` attribute cannot be used: each panel's `<details>` sits in its own shadow tree.)","fieldName":"name"},{"name":"title-not-clickable","type":{"text":"boolean"},"default":"false","description":"Only the icon toggles the panel; clicking the title does nothing.","fieldName":"titleNotClickable"},{"name":"disabled","type":{"text":"boolean"},"default":"false","description":"Dims the header and blocks toggling (pointer and keyboard).","fieldName":"disabled"}],"superclass":{"name":"LitElement","package":"lit"},"tagName":"c2-details","customElement":true}],"exports":[{"kind":"js","name":"Details","declaration":{"name":"Details","module":"src/details.ts"}},{"kind":"custom-element-definition","name":"c2-details","declaration":{"name":"Details","module":"src/details.ts"}}]}]}

package/dist/details.js

@@ -4,7 +4,7 @@ import { consume } from "@lit/context";
 import { property, query, state } from "lit/decorators.js";
 import { customElement } from "@c2n/core/element-helper.js";
 import { classMap } from "lit/directives/class-map.js";
-import { redispatchEvent } from "@c2n/core/dom-helper.js";
+import { hasSlottedContent, redispatchEvent } from "@c2n/core/dom-helper.js";
 //#region src/details.scss?inline
 var details_default = "/* ex : var((width: 24px), width, c2-checkbox)  returns var(--c2-checkbox-width, 24px) */\n:host {\n  display: flex;\n}\n\n.c2-details {\n  flex: 1;\n  align-self: stretch;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  overflow: clip;\n  background: var(--c2-details--background,rgb(255, 255, 255));\n  box-shadow: var(--c2-details--box-shadow);\n  border-top: var(--c2-details--border-top,1px solid rgb(213, 213, 213));\n  border-right: var(--c2-details--border-right,1px solid rgb(213, 213, 213));\n  border-bottom: var(--c2-details--border-bottom,1px solid rgb(213, 213, 213));\n  border-left: var(--c2-details--border-left,1px solid rgb(213, 213, 213));\n  border-top-left-radius: var(--c2-details--border-top-left-radius,8px);\n  border-top-right-radius: var(--c2-details--border-top-right-radius,8px);\n  border-bottom-left-radius: var(--c2-details--border-bottom-left-radius,8px);\n  border-bottom-right-radius: var(--c2-details--border-bottom-right-radius,8px);\n}\n\nsummary {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  cursor: pointer;\n  user-select: none;\n  padding-top: var(--c2-details__header--padding-top,12px);\n  padding-right: var(--c2-details__header--padding-right,16px);\n  padding-bottom: var(--c2-details__header--padding-bottom,12px);\n  padding-left: var(--c2-details__header--padding-left,16px);\n  background: var(--c2-details__header--background);\n  color: var(--c2-details__header--color);\n  font-weight: var(--c2-details__header--font-weight,500);\n  font-size: var(--c2-details__header--font-size);\n  transition: background var(--c2-details--transition-duration,250ms) cubic-bezier(0.2, 0, 0, 1), color var(--c2-details--transition-duration,250ms) cubic-bezier(0.2, 0, 0, 1);\n}\nsummary::-webkit-details-marker, summary::marker {\n  display: none;\n  content: \"\";\n}\nsummary:hover {\n  background: var(--c2-details__header__hover--background,var(--c2-details__header--background,rgb(248, 248, 248)));\n  color: var(--c2-details__header__hover--color,var(--c2-details__header--color));\n}\nsummary:focus-visible {\n  outline: var(--c2-details__header__focus--outline,2px solid rgba(2, 101, 220, 0.4));\n  outline-offset: var(--c2-details__header__focus--outline-offset,-2px);\n}\n\n.c2-details-summary-row {\n  display: flex;\n  align-items: center;\n  gap: var(--c2-details__header--gap,12px);\n  flex-direction: var(--c2-details__header--flex-direction,row);\n}\n\n.c2-details-summary-content {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n}\n\n.c2-details-icons {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: none;\n  color: var(--c2-details__header__icon--color,rgb(109, 109, 109));\n}\n.c2-details-icons .default-icon,\n.c2-details-icons ::slotted(*) {\n  display: block;\n  width: var(--c2-details__header__icon--width,20px);\n  height: var(--c2-details__header__icon--height,20px);\n  transform: rotate(var(--c2-details__header__icon--rotate-collapsed,0deg));\n  transition: transform var(--c2-details--transition-duration,250ms) cubic-bezier(0.2, 0, 0, 1);\n}\n.c2-details-icons slot[name=expanded-icon] {\n  display: none;\n}\n\n.c2-details-header-content {\n  margin-top: var(--c2-details__header__content--margin-top,4px);\n  color: var(--c2-details__header__content--color,rgb(109, 109, 109));\n  font-size: var(--c2-details__header__content--font-size,13px);\n  font-weight: var(--c2-details__header__content--font-weight,400);\n  cursor: auto;\n}\n.c2-details-header-content[hidden] {\n  display: none;\n}\n\n.c2-details-content {\n  flex: none;\n  min-height: 0;\n  transition-property: none;\n  transition-duration: var(--c2-details--transition-duration,250ms);\n  transition-timing-function: cubic-bezier(0.2, 0, 0, 1);\n}\n\n.c2-details:not([open]) > .c2-details-content {\n  display: none;\n}\n\n.c2-details-body {\n  padding-top: var(--c2-details__content--padding-top,4px);\n  padding-right: var(--c2-details__content--padding-right,var(--c2-details__header--padding-right,16px));\n  padding-bottom: var(--c2-details__content--padding-bottom,var(--c2-details__header--padding-bottom,12px));\n  padding-left: var(--c2-details__content--padding-left,var(--c2-details__header--padding-left,16px));\n  color: var(--c2-details__content--color);\n  border-top: var(--c2-details__content--border-top);\n}\n\n.c2-details[open] summary {\n  background: var(--c2-details__header__open--background,var(--c2-details__header--background));\n  color: var(--c2-details__header__open--color,var(--c2-details__header--color));\n}\n.c2-details[open] summary:hover {\n  background: var(--c2-details__header__hover--background,var(--c2-details__header__open--background,var(--c2-details__header--background,rgb(248, 248, 248))));\n}\n.c2-details[open] .c2-details-icons .default-icon,\n.c2-details[open] .c2-details-icons slot[name=icon]::slotted(*) {\n  transform: rotate(var(--c2-details__header__icon--rotate,180deg));\n}\n.c2-details[open] .c2-details-icons.has-expanded-icon slot[name=icon] {\n  display: none;\n}\n.c2-details[open] .c2-details-icons.has-expanded-icon slot[name=expanded-icon] {\n  display: contents;\n}\n\n:host([disabled]) summary {\n  cursor: default;\n  opacity: var(--c2-details__header__disabled--opacity,0.38);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  summary,\n  .c2-details-icons .default-icon,\n  .c2-details-icons ::slotted(*) {\n    transition: none;\n  }\n  .c2-details-content {\n    transition-duration: 0s;\n  }\n}";
 //#endregion
@@ -40,6 +40,10 @@ var Details = class Details extends LitElement {
 		this.closing = false;
 	}
 	willUpdate(changed) {
+		if (!this.hasUpdated) {
+			this.hasHeaderContent = hasSlottedContent(this, "header-content");
+			this.hasExpandedIcon = hasSlottedContent(this, "expanded-icon");
+		}
 		if (changed.has("expanded") && this.hasUpdated) {
 			if (this.expanded) this.closing = false;
 			else if (changed.get("expanded")) this.closing = true;
@@ -92,10 +96,6 @@ var Details = class Details extends LitElement {
 			if (!open) this.closing = false;
 		}).catch(() => {});
 	}
-	/** `slotchange` does not fire for server-rendered slots, so read them once after the first render. */
-	firstUpdated() {
-		for (const slot of this.renderRoot.querySelectorAll("slot")) this.updateSlot(slot);
-	}
 	handleSlotChange(event) {
 		this.updateSlot(event.target);
 	}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c2n/details",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "type": "module",
   "main": "dist/details.js",
   "exports": {
@@ -25,6 +25,7 @@
   "files": [
     "dist",
     "types",
+    "custom-elements.json",
     "react.d.ts",
     "react.js",
     "vue.d.ts",
@@ -64,7 +65,7 @@
     }
   },
   "dependencies": {
-    "@c2n/core": "0.0.11",
+    "@c2n/core": "0.0.13",
     "@lit/context": "1.1.6",
     "lit": "3.3.3"
   },
@@ -72,5 +73,5 @@
     "@c2n/config": "*"
   },
   "customElements": "custom-elements.json",
-  "gitHead": "bf962fba5e49a0ac7555a082584e262949d323a5"
+  "gitHead": "aa19b641f64fbc54c36b7649a8171d7a686abbdd"
 }

package/react.d.ts

@@ -6,17 +6,25 @@
 //
 // Register the elements at module scope before React renders, or React writes an object prop as an
 // attribute and it stringifies.
+//
+// On a server-rendered page (Next.js, React Router SSR) write a camelCase property by its kebab-case attribute
+// name ('row-key', not rowKey): the server emits props verbatim, HTML lowercases them, and hydration does not
+// set properties. Those names are listed next to the properties below.
 
 import type { DetailedHTMLProps, HTMLAttributes } from 'react'
 import type { Details } from '@c2n/details'
 
 /** Standard React host-element attributes plus the element's own public properties. */
 type C2Props<T> = DetailedHTMLProps<HTMLAttributes<T>, T> & Partial<Omit<T, keyof HTMLElement>>
+/** What React writes to a custom element's attribute: true becomes the empty string, false removes it. */
+type Attribute = string | number | boolean
 
 declare module 'react' {
   namespace JSX {
     interface IntrinsicElements {
-      'c2-details': C2Props<Details>
+      'c2-details': C2Props<Details> & {
+        'title-not-clickable'?: Attribute
+      }
     }
   }
 }

package/types/src/details.d.ts

@@ -111,8 +111,6 @@ export declare class Details extends LitElement {
      * and `prefers-reduced-motion` both apply. Reversing mid-flight starts from the current rendered height.
      */
     private animateContent;
-    /** `slotchange` does not fire for server-rendered slots, so read them once after the first render. */
-    firstUpdated(): void;
     private handleSlotChange;
     private updateSlot;
     private handleSummaryClick;

package/types/src/details.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../../src/details.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAK/E,OAAO,KAAK,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AAKhG,qEAAqE;AACrE,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,WAAW,CAAA;CACpB;AAED,MAAM,WAAW,OAAO;IACtB,gBAAgB,EAAE,qBAAqB,CAAC,OAAO,EAAE,eAAe,CAAC,CAAA;IACjE,mBAAmB,EAAE,wBAAwB,CAAC,OAAO,EAAE,eAAe,CAAC,CAAA;CACxE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoEG;AACH,qBACa,OAAQ,SAAQ,UAAU;IACrC,OAAgB,MAAM,0BAAoB;IAExB,SAAS,CAAC,cAAc,EAAG,kBAAkB,CAAA;IACjC,OAAO,CAAC,cAAc,CAAc;IACvC,OAAO,CAAC,WAAW,CAAc;IAE5D,iEAAiE;IACrB,QAAQ,UAAQ;IAE5D,kDAAkD;IACtC,KAAK,SAAK;IAEtB;;;OAGG;IACS,IAAI,EAAE,MAAM,GAAG,SAAS,CAAY;IAEhD,wEAAwE;IACM,iBAAiB,UAAQ;IAEvG,kEAAkE;IACtB,QAAQ,UAAQ;IAEnD,OAAO,CAAC,gBAAgB,CAAQ;IAChC,OAAO,CAAC,eAAe,CAAQ;IACxC,yHAAyH;IAChH,OAAO,CAAC,OAAO,CAAQ;IAEhC,OAAO,CAAC,iBAAiB,CAAkB;IAG3C,OAAO,CAAC,SAAS,CAA8B;IAEtC,oBAAoB;IAOpB,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC;IAOxC,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC;IAO9C,OAAO,CAAC,uBAAuB;IAM/B;;;;OAIG;IACH,OAAO,CAAC,cAAc;IAmCtB,sGAAsG;IAC7F,YAAY;IAIrB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,kBAAkB;IAe1B,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,mBAAmB;IAM3B,iCAAiC;IACjC,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO;IAatB,SAAS,CAAC,UAAU;IAaX,MAAM;CA0BhB;AAqBD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,OAAO,CAAA;KACtB;CACF"}
+{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../../src/details.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAK/E,OAAO,KAAK,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AAKhG,qEAAqE;AACrE,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,WAAW,CAAA;CACpB;AAED,MAAM,WAAW,OAAO;IACtB,gBAAgB,EAAE,qBAAqB,CAAC,OAAO,EAAE,eAAe,CAAC,CAAA;IACjE,mBAAmB,EAAE,wBAAwB,CAAC,OAAO,EAAE,eAAe,CAAC,CAAA;CACxE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoEG;AACH,qBACa,OAAQ,SAAQ,UAAU;IACrC,OAAgB,MAAM,0BAAoB;IAExB,SAAS,CAAC,cAAc,EAAG,kBAAkB,CAAA;IACjC,OAAO,CAAC,cAAc,CAAc;IACvC,OAAO,CAAC,WAAW,CAAc;IAE5D,iEAAiE;IACrB,QAAQ,UAAQ;IAE5D,kDAAkD;IACtC,KAAK,SAAK;IAEtB;;;OAGG;IACS,IAAI,EAAE,MAAM,GAAG,SAAS,CAAY;IAEhD,wEAAwE;IACM,iBAAiB,UAAQ;IAEvG,kEAAkE;IACtB,QAAQ,UAAQ;IAEnD,OAAO,CAAC,gBAAgB,CAAQ;IAChC,OAAO,CAAC,eAAe,CAAQ;IACxC,yHAAyH;IAChH,OAAO,CAAC,OAAO,CAAQ;IAEhC,OAAO,CAAC,iBAAiB,CAAkB;IAG3C,OAAO,CAAC,SAAS,CAA8B;IAEtC,oBAAoB;IAOpB,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC;IAaxC,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC;IAO9C,OAAO,CAAC,uBAAuB;IAM/B;;;;OAIG;IACH,OAAO,CAAC,cAAc;IAmCtB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,kBAAkB;IAe1B,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,mBAAmB;IAM3B,iCAAiC;IACjC,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO;IAatB,SAAS,CAAC,UAAU;IAaX,MAAM;CA0BhB;AAqBD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,OAAO,CAAA;KACtB;CACF"}