@hanzogui/config 3.0.6 → 4.4.0

package/dist/esm/v5-media.mjs

@@ -1,149 +1,153 @@
 const breakpoints = {
-    // for container queries its really helpful to have small sizes
-    100: 100,
-    200: 200,
-    xxxs: 260,
-    xxs: 340,
-    xs: 460,
-    sm: 640,
-    md: 768,
-    lg: 1024,
-    xl: 1280,
-    xxl: 1536
-  },
-  mediaQueryForceNonOverlap = 0.02,
-  media = {
-    // always true on native
-    touchable: {
-      pointer: "coarse"
-    },
-    // always false on native (can't hover on touch)
-    hoverable: {
-      hover: "hover"
-    },
-    // Max-width queries (desktop-first, ordered large-to-small so smaller wins)
-    "max-xxl": {
-      maxWidth: breakpoints.xxl - mediaQueryForceNonOverlap
-    },
-    "max-xl": {
-      maxWidth: breakpoints.xl - mediaQueryForceNonOverlap
-    },
-    "max-lg": {
-      maxWidth: breakpoints.lg - mediaQueryForceNonOverlap
-    },
-    "max-md": {
-      maxWidth: breakpoints.md - mediaQueryForceNonOverlap
-    },
-    "max-sm": {
-      maxWidth: breakpoints.sm - mediaQueryForceNonOverlap
-    },
-    "max-xs": {
-      maxWidth: breakpoints.xs - mediaQueryForceNonOverlap
-    },
-    "max-xxs": {
-      maxWidth: breakpoints.xxs - mediaQueryForceNonOverlap
-    },
-    "max-xxxs": {
-      maxWidth: breakpoints.xxxs - mediaQueryForceNonOverlap
-    },
-    // for container queries its really helpful to have small sizes
-    "max-200": {
-      maxWidth: breakpoints[200] - mediaQueryForceNonOverlap
-    },
-    "max-100": {
-      maxWidth: breakpoints[100] - mediaQueryForceNonOverlap
-    },
-    // Min-width queries (mobile-first)
-    // non-max wins over max though tbh it could go either way
-    xxxs: {
-      minWidth: breakpoints.xxxs
-    },
-    xxs: {
-      minWidth: breakpoints.xxs
-    },
-    xs: {
-      minWidth: breakpoints.xs
-    },
-    sm: {
-      minWidth: breakpoints.sm
-    },
-    md: {
-      minWidth: breakpoints.md
-    },
-    lg: {
-      minWidth: breakpoints.lg
-    },
-    xl: {
-      minWidth: breakpoints.xl
-    },
-    xxl: {
-      minWidth: breakpoints.xxl
-    },
-    // Height-based queries LAST so they override width queries when both match
-    // (later in object = higher CSS specificity)
-    // max-height ordered large-to-small so smaller wins (like max-width)
-    "max-height-lg": {
-      maxHeight: breakpoints.lg - mediaQueryForceNonOverlap
-    },
-    "max-height-md": {
-      maxHeight: breakpoints.md - mediaQueryForceNonOverlap
-    },
-    "max-height-sm": {
-      maxHeight: breakpoints.sm - mediaQueryForceNonOverlap
-    },
-    "max-height-xs": {
-      maxHeight: breakpoints.xs - mediaQueryForceNonOverlap
-    },
-    "max-height-xxs": {
-      maxHeight: breakpoints.xxs - mediaQueryForceNonOverlap
-    },
-    "max-height-xxxs": {
-      maxHeight: breakpoints.xxxs - mediaQueryForceNonOverlap
-    },
-    "max-height-200": {
-      maxHeight: breakpoints[200] - mediaQueryForceNonOverlap
-    },
-    "max-height-100": {
-      maxHeight: breakpoints[100] - mediaQueryForceNonOverlap
-    },
-    "height-sm": {
-      minHeight: breakpoints.sm
-    },
-    "height-md": {
-      minHeight: breakpoints.md
-    },
-    "height-lg": {
-      minHeight: breakpoints.lg
-    }
-  },
-  mediaQueryDefaultActive = {
-    touchable: !1,
-    hoverable: !0,
-    // Max queries
-    "max-xxl": !0,
-    "max-xl": !0,
-    "max-lg": !0,
-    "max-md": !0,
-    "max-sm": !0,
-    "max-xs": !0,
-    "max-xxs": !1,
-    "max-xxxs": !1,
-    // Min queries
-    xxxs: !0,
-    xxs: !0,
-    xs: !0,
-    sm: !1,
-    md: !1,
-    lg: !1,
-    xl: !1,
-    xxl: !1,
-    // Height queries (default: iPhone non-max ~844pt)
-    "max-height-sm": !1,
-    "max-height-md": !1,
-    "max-height-lg": !0,
-    "height-sm": !0,
-    "height-md": !0,
-    "height-lg": !1
-  };
+  // for container queries its really helpful to have small sizes
+  100: 100,
+  200: 200,
+  xxxs: 260,
+  xxs: 340,
+  xs: 460,
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  xxl: 1536
+};
+const mediaQueryForceNonOverlap = false ? 1 : 0.02;
+const media = {
+  // always true on native
+  touchable: false ? {
+    minWidth: 0
+  } : {
+    pointer: "coarse"
+  },
+  // always false on native (can't hover on touch)
+  hoverable: false ? {
+    maxWidth: 0
+  } : {
+    hover: "hover"
+  },
+  // Max-width queries (desktop-first, ordered large-to-small so smaller wins)
+  "max-xxl": {
+    maxWidth: breakpoints.xxl - mediaQueryForceNonOverlap
+  },
+  "max-xl": {
+    maxWidth: breakpoints.xl - mediaQueryForceNonOverlap
+  },
+  "max-lg": {
+    maxWidth: breakpoints.lg - mediaQueryForceNonOverlap
+  },
+  "max-md": {
+    maxWidth: breakpoints.md - mediaQueryForceNonOverlap
+  },
+  "max-sm": {
+    maxWidth: breakpoints.sm - mediaQueryForceNonOverlap
+  },
+  "max-xs": {
+    maxWidth: breakpoints.xs - mediaQueryForceNonOverlap
+  },
+  "max-xxs": {
+    maxWidth: breakpoints.xxs - mediaQueryForceNonOverlap
+  },
+  "max-xxxs": {
+    maxWidth: breakpoints.xxxs - mediaQueryForceNonOverlap
+  },
+  // for container queries its really helpful to have small sizes
+  "max-200": {
+    maxWidth: breakpoints["200"] - mediaQueryForceNonOverlap
+  },
+  "max-100": {
+    maxWidth: breakpoints["100"] - mediaQueryForceNonOverlap
+  },
+  // Min-width queries (mobile-first)
+  // non-max wins over max though tbh it could go either way
+  xxxs: {
+    minWidth: breakpoints.xxxs
+  },
+  xxs: {
+    minWidth: breakpoints.xxs
+  },
+  xs: {
+    minWidth: breakpoints.xs
+  },
+  sm: {
+    minWidth: breakpoints.sm
+  },
+  md: {
+    minWidth: breakpoints.md
+  },
+  lg: {
+    minWidth: breakpoints.lg
+  },
+  xl: {
+    minWidth: breakpoints.xl
+  },
+  xxl: {
+    minWidth: breakpoints.xxl
+  },
+  // Height-based queries LAST so they override width queries when both match
+  // (later in object = higher CSS specificity)
+  // max-height ordered large-to-small so smaller wins (like max-width)
+  "max-height-lg": {
+    maxHeight: breakpoints.lg - mediaQueryForceNonOverlap
+  },
+  "max-height-md": {
+    maxHeight: breakpoints.md - mediaQueryForceNonOverlap
+  },
+  "max-height-sm": {
+    maxHeight: breakpoints.sm - mediaQueryForceNonOverlap
+  },
+  "max-height-xs": {
+    maxHeight: breakpoints.xs - mediaQueryForceNonOverlap
+  },
+  "max-height-xxs": {
+    maxHeight: breakpoints.xxs - mediaQueryForceNonOverlap
+  },
+  "max-height-xxxs": {
+    maxHeight: breakpoints.xxxs - mediaQueryForceNonOverlap
+  },
+  "max-height-200": {
+    maxHeight: breakpoints["200"] - mediaQueryForceNonOverlap
+  },
+  "max-height-100": {
+    maxHeight: breakpoints["100"] - mediaQueryForceNonOverlap
+  },
+  "height-sm": {
+    minHeight: breakpoints.sm
+  },
+  "height-md": {
+    minHeight: breakpoints.md
+  },
+  "height-lg": {
+    minHeight: breakpoints.lg
+  }
+};
+const mediaQueryDefaultActive = {
+  touchable: false,
+  hoverable: true,
+  // Max queries
+  "max-xxl": true,
+  "max-xl": true,
+  "max-lg": true,
+  "max-md": true,
+  "max-sm": true,
+  "max-xs": true,
+  "max-xxs": false,
+  "max-xxxs": false,
+  // Min queries
+  xxxs: true,
+  xxs: true,
+  xs: true,
+  sm: false,
+  md: false,
+  lg: false,
+  xl: false,
+  xxl: false,
+  // Height queries (default: iPhone non-max ~844pt)
+  "max-height-sm": false,
+  "max-height-md": false,
+  "max-height-lg": true,
+  "height-sm": true,
+  "height-md": true,
+  "height-lg": false
+};
 export { breakpoints, media, mediaQueryDefaultActive };
 //# sourceMappingURL=v5-media.mjs.map

package/dist/esm/v5-media.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["breakpoints","xxxs","xxs","xs","sm","md","lg","xl","xxl","mediaQueryForceNonOverlap","media","touchable","pointer","hoverable","hover","maxWidth","minWidth","maxHeight","minHeight","mediaQueryDefaultActive"],"sources":["../../src/v5-media.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["breakpoints","xxxs","xxs","xs","sm","md","lg","xl","xxl","mediaQueryForceNonOverlap","media","touchable","minWidth","pointer","hoverable","maxWidth","hover","maxHeight","minHeight","mediaQueryDefaultActive"],"sources":["../../src/v5-media.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/v5-media.native.js

@@ -1,149 +1,153 @@
 var breakpoints = {
-    // for container queries its really helpful to have small sizes
-    100: 100,
-    200: 200,
-    xxxs: 260,
-    xxs: 340,
-    xs: 460,
-    sm: 640,
-    md: 768,
-    lg: 1024,
-    xl: 1280,
-    xxl: 1536
-  },
-  mediaQueryForceNonOverlap = 1,
-  media = {
-    // always true on native
-    touchable: {
-      minWidth: 0
-    },
-    // always false on native (can't hover on touch)
-    hoverable: {
-      maxWidth: 0
-    },
-    // Max-width queries (desktop-first, ordered large-to-small so smaller wins)
-    "max-xxl": {
-      maxWidth: breakpoints.xxl - mediaQueryForceNonOverlap
-    },
-    "max-xl": {
-      maxWidth: breakpoints.xl - mediaQueryForceNonOverlap
-    },
-    "max-lg": {
-      maxWidth: breakpoints.lg - mediaQueryForceNonOverlap
-    },
-    "max-md": {
-      maxWidth: breakpoints.md - mediaQueryForceNonOverlap
-    },
-    "max-sm": {
-      maxWidth: breakpoints.sm - mediaQueryForceNonOverlap
-    },
-    "max-xs": {
-      maxWidth: breakpoints.xs - mediaQueryForceNonOverlap
-    },
-    "max-xxs": {
-      maxWidth: breakpoints.xxs - mediaQueryForceNonOverlap
-    },
-    "max-xxxs": {
-      maxWidth: breakpoints.xxxs - mediaQueryForceNonOverlap
-    },
-    // for container queries its really helpful to have small sizes
-    "max-200": {
-      maxWidth: breakpoints[200] - mediaQueryForceNonOverlap
-    },
-    "max-100": {
-      maxWidth: breakpoints[100] - mediaQueryForceNonOverlap
-    },
-    // Min-width queries (mobile-first)
-    // non-max wins over max though tbh it could go either way
-    xxxs: {
-      minWidth: breakpoints.xxxs
-    },
-    xxs: {
-      minWidth: breakpoints.xxs
-    },
-    xs: {
-      minWidth: breakpoints.xs
-    },
-    sm: {
-      minWidth: breakpoints.sm
-    },
-    md: {
-      minWidth: breakpoints.md
-    },
-    lg: {
-      minWidth: breakpoints.lg
-    },
-    xl: {
-      minWidth: breakpoints.xl
-    },
-    xxl: {
-      minWidth: breakpoints.xxl
-    },
-    // Height-based queries LAST so they override width queries when both match
-    // (later in object = higher CSS specificity)
-    // max-height ordered large-to-small so smaller wins (like max-width)
-    "max-height-lg": {
-      maxHeight: breakpoints.lg - mediaQueryForceNonOverlap
-    },
-    "max-height-md": {
-      maxHeight: breakpoints.md - mediaQueryForceNonOverlap
-    },
-    "max-height-sm": {
-      maxHeight: breakpoints.sm - mediaQueryForceNonOverlap
-    },
-    "max-height-xs": {
-      maxHeight: breakpoints.xs - mediaQueryForceNonOverlap
-    },
-    "max-height-xxs": {
-      maxHeight: breakpoints.xxs - mediaQueryForceNonOverlap
-    },
-    "max-height-xxxs": {
-      maxHeight: breakpoints.xxxs - mediaQueryForceNonOverlap
-    },
-    "max-height-200": {
-      maxHeight: breakpoints[200] - mediaQueryForceNonOverlap
-    },
-    "max-height-100": {
-      maxHeight: breakpoints[100] - mediaQueryForceNonOverlap
-    },
-    "height-sm": {
-      minHeight: breakpoints.sm
-    },
-    "height-md": {
-      minHeight: breakpoints.md
-    },
-    "height-lg": {
-      minHeight: breakpoints.lg
-    }
-  },
-  mediaQueryDefaultActive = {
-    touchable: !0,
-    hoverable: !1,
-    // Max queries
-    "max-xxl": !0,
-    "max-xl": !0,
-    "max-lg": !0,
-    "max-md": !0,
-    "max-sm": !0,
-    "max-xs": !0,
-    "max-xxs": !1,
-    "max-xxxs": !1,
-    // Min queries
-    xxxs: !0,
-    xxs: !0,
-    xs: !0,
-    sm: !1,
-    md: !1,
-    lg: !1,
-    xl: !1,
-    xxl: !1,
-    // Height queries (default: iPhone non-max ~844pt)
-    "max-height-sm": !1,
-    "max-height-md": !1,
-    "max-height-lg": !0,
-    "height-sm": !0,
-    "height-md": !0,
-    "height-lg": !1
-  };
+  // for container queries its really helpful to have small sizes
+  100: 100,
+  200: 200,
+  xxxs: 260,
+  xxs: 340,
+  xs: 460,
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  xxl: 1536
+};
+var mediaQueryForceNonOverlap = true ? 1 : 0.02;
+var media = {
+  // always true on native
+  touchable: true ? {
+    minWidth: 0
+  } : {
+    pointer: "coarse"
+  },
+  // always false on native (can't hover on touch)
+  hoverable: true ? {
+    maxWidth: 0
+  } : {
+    hover: "hover"
+  },
+  // Max-width queries (desktop-first, ordered large-to-small so smaller wins)
+  "max-xxl": {
+    maxWidth: breakpoints.xxl - mediaQueryForceNonOverlap
+  },
+  "max-xl": {
+    maxWidth: breakpoints.xl - mediaQueryForceNonOverlap
+  },
+  "max-lg": {
+    maxWidth: breakpoints.lg - mediaQueryForceNonOverlap
+  },
+  "max-md": {
+    maxWidth: breakpoints.md - mediaQueryForceNonOverlap
+  },
+  "max-sm": {
+    maxWidth: breakpoints.sm - mediaQueryForceNonOverlap
+  },
+  "max-xs": {
+    maxWidth: breakpoints.xs - mediaQueryForceNonOverlap
+  },
+  "max-xxs": {
+    maxWidth: breakpoints.xxs - mediaQueryForceNonOverlap
+  },
+  "max-xxxs": {
+    maxWidth: breakpoints.xxxs - mediaQueryForceNonOverlap
+  },
+  // for container queries its really helpful to have small sizes
+  "max-200": {
+    maxWidth: breakpoints["200"] - mediaQueryForceNonOverlap
+  },
+  "max-100": {
+    maxWidth: breakpoints["100"] - mediaQueryForceNonOverlap
+  },
+  // Min-width queries (mobile-first)
+  // non-max wins over max though tbh it could go either way
+  xxxs: {
+    minWidth: breakpoints.xxxs
+  },
+  xxs: {
+    minWidth: breakpoints.xxs
+  },
+  xs: {
+    minWidth: breakpoints.xs
+  },
+  sm: {
+    minWidth: breakpoints.sm
+  },
+  md: {
+    minWidth: breakpoints.md
+  },
+  lg: {
+    minWidth: breakpoints.lg
+  },
+  xl: {
+    minWidth: breakpoints.xl
+  },
+  xxl: {
+    minWidth: breakpoints.xxl
+  },
+  // Height-based queries LAST so they override width queries when both match
+  // (later in object = higher CSS specificity)
+  // max-height ordered large-to-small so smaller wins (like max-width)
+  "max-height-lg": {
+    maxHeight: breakpoints.lg - mediaQueryForceNonOverlap
+  },
+  "max-height-md": {
+    maxHeight: breakpoints.md - mediaQueryForceNonOverlap
+  },
+  "max-height-sm": {
+    maxHeight: breakpoints.sm - mediaQueryForceNonOverlap
+  },
+  "max-height-xs": {
+    maxHeight: breakpoints.xs - mediaQueryForceNonOverlap
+  },
+  "max-height-xxs": {
+    maxHeight: breakpoints.xxs - mediaQueryForceNonOverlap
+  },
+  "max-height-xxxs": {
+    maxHeight: breakpoints.xxxs - mediaQueryForceNonOverlap
+  },
+  "max-height-200": {
+    maxHeight: breakpoints["200"] - mediaQueryForceNonOverlap
+  },
+  "max-height-100": {
+    maxHeight: breakpoints["100"] - mediaQueryForceNonOverlap
+  },
+  "height-sm": {
+    minHeight: breakpoints.sm
+  },
+  "height-md": {
+    minHeight: breakpoints.md
+  },
+  "height-lg": {
+    minHeight: breakpoints.lg
+  }
+};
+var mediaQueryDefaultActive = {
+  touchable: true,
+  hoverable: false,
+  // Max queries
+  "max-xxl": true,
+  "max-xl": true,
+  "max-lg": true,
+  "max-md": true,
+  "max-sm": true,
+  "max-xs": true,
+  "max-xxs": false,
+  "max-xxxs": false,
+  // Min queries
+  xxxs: true,
+  xxs: true,
+  xs: true,
+  sm: false,
+  md: false,
+  lg: false,
+  xl: false,
+  xxl: false,
+  // Height queries (default: iPhone non-max ~844pt)
+  "max-height-sm": false,
+  "max-height-md": false,
+  "max-height-lg": true,
+  "height-sm": true,
+  "height-md": true,
+  "height-lg": false
+};
 export { breakpoints, media, mediaQueryDefaultActive };
 //# sourceMappingURL=v5-media.native.js.map

package/dist/esm/v5-media.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["breakpoints","xxxs","xxs","xs","sm","md","lg","xl","xxl","mediaQueryForceNonOverlap","media","touchable","minWidth","hoverable","maxWidth"],"sources":["../../src/v5-media.ts"],"sourcesContent":[null],"mappings":"AAGO,IAAAA,WAAM;IAAc;IAEzB,KAAK;IACL,KAAK;IAELC,IAAA,EAAM;IACNC,GAAA,EAAK;IACLC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,GAAA,EAAK;EACP;EAEMC,yBAAA,GAA4E;EAAAC,KAErE;IAAQ;IAEnBC,SAAA,EAGM;MAAoBC,QAAA;IAG1B;IAGuB;IAGvBC,SAAA,EAAW;MACXC,QAAU,EAAE;IACZ;IACA;IACA,WAAU;MACVA,QAAU,EAAEd,WAAU,CAAAQ,GAAA,GAAAC;IACtB;IACA;MAAqEK,QAAA,EAAAd,WAAA,CAAAO,EAAA,GAAAE;IAGrE;IACA;MAAsEK,QAAA,EAAAd,WAAA,CAAAM,EAAA,GAAAG;IAAA;IAItE,QAAQ;MACRK,QAAO,EAAAd,WAAU,CAAAK,EAAA,GAAYI;IAC7B;IACA,QAAM;MACNK,QAAM,EAAAd,WAAU,CAAAI,EAAA,GAAYK;IAC5B;IACA,QAAM;MACNK,QAAO,EAAAd,WAAU,CAAAG,EAAA,GAAYM;IAAI;IAAA;MAAAK,QAAA,EAAAd,WAAA,CAAAE,GAAA,GAAAO;IAKjC;IACA;MACAK,QAAA,EAAAd,WAAmB,CAAAC,IAAA,GAAWQ;IAC9B;IACA;IACA;MAEAK,QAAA,EAAAd,WAAoB,QAAWS;IAC/B;IAEA;MACAK,QAAA,EAAAd,WAAe,IAAW,IAAAS;IAC1B;IACF;IAKE;IACAR,IAAA;MAAWW,QAAA,EAAAZ,WAAA,CAAAC;IAEX;IACAC,GAAA;MACAU,QAAU,EAAAZ,WAAA,CAAAE;IACV;IACAC,EAAA;MACAS,QAAU,EAAAZ,WAAA,CAAAG;IACV;IACAC,EAAA;MAAYQ,QAAA,EAAAZ,WAAA,CAAAI;IAEZ;IACAC,EAAA;MACAO,QAAI,EAAAZ,WAAA,CAAAK;IACJ;IACAC,EAAA,EAAI;MACJM,QAAI,EAAAZ,WAAA,CAAAM;IACJ;IACAC,EAAA;MAAKK,QAAA,EAAAZ,WAAA,CAAAO;IAEL;IACAC,GAAA;MACAI,QAAA,EAAAZ,WAAiB,CAAAQ;IACjB;IACA;IACA;IACF","ignoreList":[]}
+{"version":3,"names":["breakpoints","xxxs","xxs","xs","sm","md","lg","xl","xxl","mediaQueryForceNonOverlap","media","touchable","minWidth","pointer","hoverable","maxWidth","hover"],"sources":["../../src/v5-media.ts"],"sourcesContent":[null],"mappings":"AAGO,IAAAA,WAAM;EAAc;EAEzB,KAAK;EACL,KAAK;EAELC,IAAA,EAAM;EACNC,GAAA,EAAK;EACLC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,GAAA,EAAK;AACP;AAEA,IAAAC,yBAAM,OAA4B,OAAsC,IAAI;AAErE,IAAAC,KAAM;EAAQ;EAEnBC,SAAA,EACE;IAEwBC,QAAA;EAG1B;IACsFC,OAAA;EAGtF;EACA;EACAC,SAAA,EAAU,IAAE;IACZC,QAAU,EAAE;EACZ;IACAC,KAAA;EACA;EACA;EAAqE;IAGrED,QAAA,EAAWf,WAAY,CAAAQ,GAAA,GAAAC;EACvB;EAAsE;IAAAM,QAAA,EAAAf,WAAA,CAAAO,EAAA,GAAAE;EAItE;EACA,QAAO;IACPM,QAAM,EAAAf,WAAU,CAAAM,EAAA,GAAYG;EAC5B;EACA,QAAM;IACNM,QAAM,EAAAf,WAAU,CAAAK,EAAA,GAAYI;EAC5B;EACA,QAAO;IAA0BM,QAAA,EAAAf,WAAA,CAAAI,EAAA,GAAAK;EAAA;EAAA;IAKjCM,QAAA,EAAAf,WAAmB,CAAAG,EAAA,GAAAM;EACnB;EACA;IACAM,QAAA,EAAAf,WAAmB,CAAAE,GAAA,GAAWO;EAC9B;EACA;IAEAM,QAAA,EAAAf,WAAoB,CAAAC,IAAA,GAAWQ;EAC/B;EAEA;EACA;IACAM,QAAA,EAAAf,WAAe,MAAW,IAAAS;EAC5B;EAIO,SAAM;IACXM,QAAA,EAAWf,WAAA,UAAAS;EACX;EAAW;EAEX;EACAR,IAAA;IACAW,QAAU,EAAAZ,WAAA,CAAAC;EACV;EACAC,GAAA;IACAU,QAAU,EAAAZ,WAAA,CAAAE;EACV;EACAC,EAAA;IAAYS,QAAA,EAAAZ,WAAA,CAAAG;EAEZ;EACAC,EAAA;IACAQ,QAAI,EAAAZ,WAAA,CAAAI;EACJ;EACAC,EAAA,EAAI;IACJO,QAAI,EAAAZ,WAAA,CAAAK;EACJ;EACAC,EAAA;IAAKM,QAAA,EAAAZ,WAAA,CAAAM;EAEL;EACAC,EAAA;IACAK,QAAA,EAAAZ,WAAiB,CAAAO;EACjB;EACAC,GAAA;IACAI,QAAA,EAAAZ,WAAa,CAAAQ;EACf","ignoreList":[]}