@ulu/frontend 0.0.23 → 0.1.0-beta.1

package/scss/components/_wysiwyg.scss

@@ -0,0 +1,94 @@
+////
+/// @group wysiwyg
+////
+/// For auto formatting general HTML elements (used around editor/body text). This selector can't currently be changed.
+
+@use "sass:list";
+@use "sass:map";
+
+@use "../element";
+@use "../typography";
+@use "../utils";
+
+
+/// Module Settings
+/// @type Map
+/// @prop {List} img-excluded-selectors [(".wysiwyg__exclude",)]
+/// @prop {List} ul-excluded-selectors [(".list-lines", ".wysiwyg__exclude")]
+/// @prop {Map} headline-sizes [Map]
+
+$config: (
+  "img-excluded-selectors" : (".wysiwyg__exclude",),
+  "ul-excluded-selectors" : (".list-lines", ".wysiwyg__exclude"),
+  "headline-sizes" : (
+    "h2" : "h2",
+    "h3" : "h3",
+    "h4" : "h4",
+    "h5" : "h5",
+    "h6" : "h6",
+  )
+) !default;
+
+/// Change modules $config
+/// @param {Map} $changes Map of changes
+/// @example scss
+///   @include ulu.component-wysiwyg-set(( "property" : value ));
+
+@mixin set($changes) {
+  $config: map.merge($config, $changes) !global;
+}
+
+/// Get a config option
+/// @param {Map} $name Name of property
+/// @example scss
+///   @include ulu.component-wysiwyg-get("property");
+
+@function get($name) {
+  @return utils.require-map-get($config, $name, "component-wysiwyg [config]");
+}
+
+/// Output component stylesheet
+/// - Note this is setup so that it can be used for separate stylesheets (ie. tinyMCE or ckeditor)
+/// @example scss
+///   @include ulu.component-wysiwyg-styles(true);
+///   // Output not in selector (for editor stylesheet/preview)
+///   @include ulu.component-wysiwyg-styles(false); 
+
+@mixin styles($in-selector: true) {
+  @if ($in-selector) {
+    .wysiwyg {
+      @include _styles;
+    }
+  } @else {
+    @include _styles;
+  }
+}
+
+// Internal mixin
+@mixin _styles() {
+  $ul-excludes: list.join(get("ul-excluded-selectors"), (), $separator: comma);
+  $img-excludes: list.join(get("img-excluded-selectors"), (), $separator: comma);
+
+  a:not([class]) {
+    @include element.link($visited: true, $active: true);
+  }
+  ul:not(#{ $ul-excludes }) {
+    @include element.styles-unordered-list();
+  }
+  ol {
+    @include element.styles-ordered-list(inherit);
+  }
+  ul,
+  ol {
+    margin-bottom: element.get("margin");
+  }
+  @each $element, $size in get("headline-sizes") {
+    #{ $element } {
+      @include typography.size($size);
+    }
+  }
+  img:not(#{ $img-excludes }) {
+    margin-bottom: element.get("margin");
+    margin-top: element.get("margin");
+  }
+}

package/scss/helpers/_color.scss

@@ -1,5 +1,6 @@
 ////
 /// @group color
+/// Output color helper classes
 ////
 
 @use "../utils";

package/scss/helpers/_display.scss

@@ -1,17 +1,18 @@
 ////
 /// @group display
+/// Output display related helper stylesheet 
 ////
 
 @use "sass:map";
 
 @use "../utils";
-@use "../utility";
 @use "../layout";
 @use "../element";
 @use "../breakpoint";
 @use "../selector";
 
 /// Print utilities helper styles
+/// - Such as hidden, display-block, hidden-visually, and display helpers that for all breakpoints
 /// @example scss
 ///  @include ulu.helper-display-styles();
 

package/scss/helpers/_index.scss

@@ -1,5 +1,6 @@
 ////
-/// @group all
+/// @group index
+/// Outputs helper stylesheets (overriding stylesheets that should be output after base and components)
 ////
 
 @forward "typography" as typography-*;
@@ -9,7 +10,8 @@
 @forward "units"  as units-*;
 @forward "color"  as color-*;
 
-@use "sass:map";
+@use "sass:list";
+
 @use "../utils";
 @use "typography";
 @use "display";
@@ -18,45 +20,66 @@
 @use "print";
 @use "color";
 
-// Used to check against user's includes
+/// Default includes, all modules
+/// @type List
 
-$-all-includes: (
-  "typography" : true, 
-  "units" : true,
-  "display" : true,
-  "utilities" : true, 
-  "print" : true,
-  "color" : true
+$all-includes: (
+  "typography", 
+  "units",
+  "display",
+  "utilities", 
+  "print",
+  "color"
 );
 
+/// Current included modules (for output when using styles), defaults to all
+/// @type List
+
+$current-includes: $all-includes;
+
+/// Change default includes (when user prints modules)
+/// - This available as configuration so that it can be configured (to allow easily copying configuration)
+/// @param {List} $includes List of modules by name to be included when styles are printed
+
+@mixin set-includes($includes) {
+  @include utils.require-list-contains($all-includes, $includes, "helpers.set-includes", true);
+  $current-includes: $includes !global;
+}
+
+/// Exclude certain items from includes
+/// @param {List} $excludes List of item names
+
+@mixin set-excludes($excludes) {
+  $current-includes: utils.list-without($current-includes, $excludes) !global;
+}
+
 /// Prints all Helper styles
 /// @name helper-styles
-/// @param {List} $includes AA list of changes to this module's includes
+/// @param {List} $includes [$all-includes] A list of components to include (defaults to all)
 /// @example scss
 ///  @include ulu.helper-styles();
 
-@mixin styles($includes: null) {
+@mixin styles($includes: $current-includes) {
   @include utils.file-header("helpers");
-  @if $includes {
-    @include utils.require-list-contains($-all-includes, $includes);
-    $-all-includes: map.merge($-all-includes, $includes) !global;
-  }
-  @if (map.get($-all-includes, "typography")) {
+  
+  @include utils.require-list-contains($all-includes, $includes, "helpers.$includes", true);
+
+  @if (list.index($includes, "typography")) {
     @include typography.styles;
   }
-  @if (map.get($-all-includes, "units")) {
+  @if (list.index($includes, "units")) {
     @include units.styles;
   }
-  @if (map.get($-all-includes, "display")) {
+  @if (list.index($includes, "display")) {
     @include display.styles;
   }
-  @if (map.get($-all-includes, "utilities")) {
+  @if (list.index($includes, "utilities")) {
     @include utilities.styles;
   }
-  @if (map.get($-all-includes, "print")) {
+  @if (list.index($includes, "print")) {
     @include print.styles;
   }
-  @if (map.get($-all-includes, "color")) {
+  @if (list.index($includes, "color")) {
     @include color.styles;
   }
 }

package/scss/helpers/_print.scss

@@ -1,58 +1,35 @@
 ////
 /// @group print
+/// Output print helper stylesheet
 ////
 
 /// Printed Media Styles 
+/// - Includes (.print-exact, .no-print, .print-only, .print-invert)
 /// @example scss
 ///  @include ulu.helper-print-styles();
 
 @mixin styles {
-  // Note: this is an old framework stylesheet (may be outdated)
-  @media (print) {
-    .no-print { 
-      display: none; 
-    }
-    * {
-      background: transparent !important;
-      color: black !important;
-      box-shadow: none !important;
-      text-shadow: none !important;
-      filter: none !important;
-    }
-  
-    /* Black prints faster: h5bp.com/s */
-    a, 
-    a:visited {
-      text-decoration: underline;
-    }
-  
-    /* Don't show links for images, or javascript/internal links */
-    pre, 
-    blockquote {
-      border: 1px solid #999;
-      page-break-inside: avoid;
-    }
   
-    /*thead {
-      display: table-header-group;
-    }*/
-  
-    /* h5bp.com/t */
-    tr, img {
-      page-break-inside: avoid;
-    }
-    img {
-      max-width: 100% !important;
+  .print-exact {
+    print-color-adjust: exact;
+    -webkit-print-color-adjust: exact;
+  }
+  .no-print {
+    @media print {
+      display: none !important;
     }
-    p, 
-    h2, 
-    h3 {
-      orphans: 3;
-      widows: 3;
+  }
+  .print-only {
+    @media screen {
+      display: none !important;
     }
-    h2, 
-    h3 {
-      page-break-after: avoid;
+  }
+  // Utility for making dark backgrounds print "ok"
+  // - Grayscale added because colors are flipped
+  // - Rotating colors doesn't really work
+  .print-invert {
+    @media print {
+      filter: invert(1) saturate(0);
     }
   }
 }

package/scss/helpers/_typography.scss

@@ -1,5 +1,6 @@
 ////
 /// @group typography
+/// Output all typography helper classes
 ////
 
 @use "sass:map";
@@ -8,6 +9,8 @@
 @use "../typography";
 
 /// Prints Typography Helper styles
+/// - Outputs all typography sizes that specify "helper-class"
+/// - Outputs general typography helper classes (.type-bold, .line-height-dense, etc)
 /// @example scss
 ///  @include ulu.helper-typography-styles();
 /// @example html {preview} Example of type size as helper prefixed

package/scss/helpers/_units.scss

@@ -1,5 +1,6 @@
 ////
 /// @group units
+/// Output unit helper stylesheet
 ////
 
 @use "sass:map";
@@ -10,7 +11,7 @@
  
 /// Module Settings
 /// @type Map
-/// @prop {Number} $config.sides Sides to print for helper classes (ie. reduce output of uneeded sides)
+/// @prop {Number} $config.sides Sides to print for helper classes (ie. reduce output of unneeded sides)
 
 $config: (
   "sides": ("top", "bottom", "left", "right")
@@ -18,22 +19,23 @@ $config: (
 
 /// Change modules $config
 /// @param {Map} $changes Map of changes
-/// @example scss - General example, replace module-name with module's name
-///   @include module-name.set(( "property" : value ));
+/// @example scss - General example
+///   @include ulu.helper-units-set(( "property" : value ));
+
 @mixin set($changes) {
   $config: map.merge($config, $changes) !global;
 }
 
 /// Get a config option
 /// @param {Map} $name Name of property
-/// @example scss - General example, replace module-name with module's name
-///   @include module-name.get("property");
+/// @example scss - General example
+///   @include ulu.helper-units-get("property");
 
 @function get($name) {
   @return utils.require-map-get($config, $name, "units [config]");
 }
 
-/// Prints all unit helper classes
+/// Output all unit helper classes
 
 @mixin styles {
   @include utils.file-header('helpers', 'leading');
@@ -42,7 +44,8 @@ $config: (
 }
 
 /// Creates the unit classes with all variations (from unit presets)
-/// - This can be used by itself if not outputing .styles() or if you wanted to change the default prefixes
+/// - This can be used by itself if not outputting .styles() or if you wanted to change the default prefixes
+
 @mixin create-property-classes($property, $prefix, $isMargin: false) {
   // On all sides
   #{ $prefix } {
@@ -60,12 +63,6 @@ $config: (
     #{ $prefix }-#{ $side } {
       #{ $full-prop }: units.get(1);
     }
-    // Duplicates utilities, unnessasary
-    // @if ($isMargin) {
-    //   #{ $prefix }-#{ $side }-auto {
-    //     #{ $full-prop }: auto;
-    //   }
-    // }
     @each $name, $value in units.$config {
       #{ $prefix }-#{ $side }-#{ $name } {
         #{ $full-prop }: units.get($name);

package/scss/helpers/_utilities.scss

@@ -1,12 +1,13 @@
 ////
 /// @group utilities
+/// Output general utility helper classes
 ////
 
 @use "../utils";
-@use "../utility";
 @use "../layout";
 
 /// Print utilities helper styles
+/// - Includes classes like (.crop-margins, .no-scroll-y, .image-full-width, etc)
 /// @example scss
 ///  @include ulu.helper-utilities-styles();
 
@@ -104,6 +105,9 @@
   .align-self-baseline {
     align-self: baseline;
   }
+  .overflow-hidden {
+    overflow: hidden;
+  }
   // .justify-self-center {
   //   justify-self: center;
   // }

package/scss/stylesheets/base-styles.scss

@@ -0,0 +1,7 @@
+////
+/// @group base
+/// This module prints base styles, providing a convenient way to include them in stylesheets via @use. It offers the same functionality as the base-styles() mixin. hello worlds
+////
+
+@use "../base";
+@include base.styles();

package/scss/stylesheets/component-styles.scss

@@ -0,0 +1,7 @@
+////
+/// @group components
+/// This module prints component styles, providing a convenient way to include them in stylesheets via @use. It offers the same functionality as the component-styles() mixin.
+////
+
+@use "../components";
+@include components.styles();

package/scss/stylesheets/helper-styles.scss

@@ -0,0 +1,7 @@
+////
+/// @group helpers
+/// This module prints helper styles, providing a convenient way to include them in stylesheets via @use. It offers the same functionality as the helper-styles() mixin.
+////
+
+@use "../helpers";
+@include helpers.styles();

package/types/events/index.d.ts

@@ -9,7 +9,7 @@
  */
 export function dispatch(type: string, context: Node): void;
 /**
- * Handles the actual event names being used (future could namespace)
+ * Namespaced event
  * @param {String} type Type of event to get the actual event name for
  * @returns {String}
  */

package/types/events/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../js/events/index.js"],"names":[],"mappings":"AAoBA;;;;;;;;GAQG;AACH,gDANW,IAAI,QAYd;AAED;;;;GAIG;AACH,8CAEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../js/events/index.js"],"names":[],"mappings":"AA6CA;;;;;;;;GAQG;AACH,gDANW,IAAI,QAYd;AAED;;;;GAIG;AACH,8CAEC"}

package/types/index.d.ts

@@ -1,4 +1,4 @@
-export { CssBreakpoints } from "./helpers/css-breakpoint.js";
 export * as events from "./events/index.js";
-export * as grid from "./ui/grid.js";
+export * as ui from "./ui/index.js";
+export * as utils from "./utils/index.js";
 //# sourceMappingURL=index.d.ts.map

package/types/{helpers/css-breakpoint.d.ts → ui/breakpoints.d.ts}

@@ -3,7 +3,7 @@
  * Class that provides method for retrieving and acting on breakpoints passed
  * from CSS (using element psuedo content prop)
  */
-export class CssBreakpoints {
+export class BreakpointManager {
     static instances: any[];
     static defaults: {
         element: HTMLElement;
@@ -70,7 +70,6 @@ export class CssBreakpoints {
      */
     at(name: string): Breakpoint;
 }
-export default CssBreakpoints;
 /**
  * @class
  * Single breakpoint management
@@ -153,4 +152,5 @@ declare class BreakpointDirection {
      */
     remove(handler: any): void;
 }
-//# sourceMappingURL=css-breakpoint.d.ts.map
+export {};
+//# sourceMappingURL=breakpoints.d.ts.map

package/types/ui/breakpoints.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../js/ui/breakpoints.js"],"names":[],"mappings":"AAeA;;;;GAIG;AACH;IACE,wBAAsB;IACtB;;;;;;;MAOC;IACD;;;;;;;OAOG;IACH;QANyB,KAAK;QACL,cAAc;QACd,eAAe;QAChB,OAAO,EAApB,IAAI;QACW,cAAc;OAevC;IAXC,YAAkB;IAClB,cAAoB;IACpB,iBAAuB;IACvB,wBAA2B;IAC3B,mBAAyB;IACzB,gBAAqB;IACrB,yBAA2B;IAM7B;;;;;OAKG;IACH,mCAEC;IACD;;;OAGG;IACH,yCAEC;IACD;;OAEG;IACH,gCAEC;IACD;;OAEG;IACH,kCAEC;IACD;;OAEG;IACH,wBAMC;IACD;;OAEG;IACH,eA6CC;IACD;;;;OAIG;IACH,kBAFY,UAAU,CAQrB;CACF;AAsED;;;GAGG;AACH;IACE,qCAQC;IAPC;;;;MAIC;IACD,cAAuB;IACvB,UAAgB;IAElB;;;;;OAKG;IACH,wDAEC;IACD;;;;;OAKG;IACH,6BAEC;IACD;;;;;OAKG;IACH,6BAEC;IACD;;;OAGG;IACH,8BAEC;IACD;;;;OAIG;IACH,mDAGC;IAED,yBAGC;CACF;AAnID;;;GAGG;AACH;IACE,6CAMC;IALC,eAA0B;IAC1B,gBAAmB;IACnB,UAAY;IACZ,WAAa;IACb,gBAA4B;IAE9B;;OAEG;IACH,sBAMC;IACD;;OAEG;IACH,4BAIC;IACD;;OAEG;IACH,+BAEC;IACD;;;;;OAKG;IACH,aAJW,cAAe,QAiBzB;IACD;;OAEG;IACH,2BAQC;CACF"}

package/types/ui/collapsible.d.ts

@@ -0,0 +1,67 @@
+/**
+ * Class for accessible hide/show components
+ */
+export class Collapsible {
+    static defaults: {
+        clickOutsideCloses: boolean;
+        focusoutCloses: boolean;
+        escapeCloses: boolean;
+        /**
+         * The module won't attach the handlers (you need to do it yourself)
+         */
+        selfManaged: boolean;
+        /**
+         * This collapsible starts in open state
+         */
+        startOpen: boolean;
+        /**
+         * Open/active state class
+         */
+        openClass: string;
+        /**
+         * Output debug info
+         */
+        debug: boolean;
+        onChange(_ctx: any): void;
+    };
+    /**
+     * @param {Object} elements Elements object
+     * @param {Node} elements.trigger Trigger button/element that opens/closes collapsible
+     * @param {Node} elements.content The content element that the trigger reveals
+     * @param {Object} config Configuration options (see defaults)
+     * @returns {Object} Collapsible instance
+     */
+    constructor(elements: {
+        trigger: Node;
+        content: Node;
+    }, config: any);
+    elements: {
+        trigger: Node;
+        content: Node;
+    };
+    options: any;
+    isOpen: boolean;
+    handlers: {};
+    attachHandlers(): void;
+    clickHandler: (event: any) => void;
+    focusoutHandler: (event: any) => void;
+    removeHandlers(): void;
+    onClick(event: any): void;
+    destroy(): void;
+    debugLog(...msgs: any[]): void;
+    setup(): void;
+    createEvent(name: any, detail: any): CustomEvent<any>;
+    setState(isOpen: any, event: any): void;
+    /**
+     * Setup handlers needed for closing once open
+     */
+    setupTemporaryHandlers(): void;
+    /**
+     * Destroy handlers attached for closing once open
+     */
+    destroyTemporaryHandlers(): void;
+    open(event: any): void;
+    close(event: any): void;
+    toggle(event: any): void;
+}
+//# sourceMappingURL=collapsible.d.ts.map

package/types/ui/collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../js/ui/collapsible.js"],"names":[],"mappings":"AAQA;;GAEG;AACH;IACE;;;;QAME;;WAEG;;QAGH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;MAKH;IACF;;;;;;OAMG;IACH;QAL0B,OAAO,EAAtB,IAAI;QACW,OAAO,EAAtB,IAAI;oBAsBd;IAXC;iBAZS,IAAI;iBACJ,IAAI;MAWW;IACxB,aAAsB;IACtB,gBAAmB;IACnB,aAAkB;IASpB,uBAaC;IAVC,mCAEC;IACD,sCAIC;IAIH,uBAIC;IACD,0BAEC;IACD,gBAGC;IACD,+BAIC;IACD,cAOC;IACD,sDAEC;IACD,wCAqBC;IACD;;OAEG;IACH,+BAoBC;IACD;;OAEG;IACH,iCAQC;IACD,uBAEC;IACD,wBAEC;IACD,yBAEC;CAqBF"}

package/types/ui/dialog.d.ts

@@ -0,0 +1,42 @@
+/**
+ * @param {Object} options Change options used as default for dialogs, can then be overriden by data attribute settings on element
+ */
+export function setDefaults(options: any): void;
+/**
+ * Initialize everything in document
+ * - This will only initialize elements once, it is safe to call on page changes
+ */
+export function init(): void;
+/**
+ * Setup dialogs and triggers
+ */
+export function setup(): void;
+/**
+ * Setup click handlers on a trigger
+ * @param {Node} trigger
+ */
+export function setupTrigger(trigger: Node): void;
+/**
+ * Setup click handlers for a dialog
+ * @param {Node} dialog
+ */
+export function setupDialog(dialog: Node): void;
+/**
+ * For a given dialog, get it's options (from data attribute)
+ * @param {Node} dialog
+ * @returns {Object}
+ */
+export function getDialogOptions(dialog: Node): any;
+export namespace attrs {
+    let init: string;
+    let dialog: string;
+    let trigger: string;
+    let close: string;
+}
+export namespace defaults {
+    let nonModal: boolean;
+    let documentEnd: boolean;
+    let clickOutsideCloses: boolean;
+    let pauseVideos: boolean;
+}
+//# sourceMappingURL=dialog.d.ts.map

package/types/ui/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../js/ui/dialog.js"],"names":[],"mappings":"AAkDA;;GAEG;AACH,gDAEC;AAED;;;GAGG;AACH,6BAGC;AAED;;GAEG;AACH,8BAOC;AAED;;;GAGG;AACH,sCAFW,IAAI,QAoBd;AAED;;;GAGG;AACH,oCAFW,IAAI,QA0Bd;AAED;;;;GAIG;AACH,yCAHW,IAAI,OAMd"}

package/types/ui/flipcard.d.ts

@@ -1,3 +1,5 @@
+export function init(): void;
+export function setup(): void;
 export class Flipcard {
     static instances: any[];
     static defaults: {
@@ -34,5 +36,10 @@ export class Flipcard {
     containerCss(): string;
     panelCss(zIndex?: number): string;
 }
-export default Flipcard;
+export namespace attrs {
+    let init: string;
+    let flipcard: string;
+    let front: string;
+    let back: string;
+}
 //# sourceMappingURL=flipcard.d.ts.map

package/types/ui/flipcard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flipcard.d.ts","sourceRoot":"","sources":["../../js/ui/flipcard.js"],"names":[],"mappings":"AAgBA;IACE,wBAAsB;IACtB;;;;;;;MAOC;IACD,iFAgBC;IAZC,aAA2D;IAI3D,eAA+B;IAC/B;;;;MAA0C;IAC1C,gBAAmB;IACnB,YAA6D;IAC7D,kBAA0D;IAK5D,eAEC;IACD,cAqCC;IACD;;;OAGG;IACH;;aAQC;IACD,0BAGC;IACD,+BAIC;IACD,iCASC;IACD,uBAWC;IACD,kCAKC;CACF"}
+{"version":3,"file":"flipcard.d.ts","sourceRoot":"","sources":["../../js/ui/flipcard.js"],"names":[],"mappings":"AAmJA,6BAGC;AAED,8BAGC;AAjJD;IACE,wBAAsB;IACtB;;;;;;;MAOE;IACF,iFAgBC;IAZC,aAA2D;IAI3D,eAA+B;IAC/B;;;;MAA0C;IAC1C,gBAAmB;IACnB,YAA6D;IAC7D,kBAA0D;IAK5D,eAEC;IACD,cAqCC;IACD;;;OAGG;IACH;;aAQC;IACD,0BAGC;IACD,+BAIC;IACD,iCASC;IACD,uBAWC;IACD,kCAKC;CACF"}

package/types/ui/grid.d.ts

@@ -10,15 +10,4 @@ export function init(selector: string, classes: any): void;
  * @param {Object} classes Classes (optional) @see setPositionClasses
  */
 export function setup(selector: string, classes: any): void;
-/**
- *   Sets up the positonal classes that would come from the equal
- *   height module. Needs to be rerun by user when layout changes
- *   or new instances are added to the screen
- *   - Used for gutter crops
- *   - Used for rule placement
- *   - **Devs** Remember that default classes should match sass defaults
- *   @param {Node} parent  The grid parent <data-grid="">
- *   @param {Object} classes Override the default equal heights classes
- */
-export function setPositionClasses(parent: Node, classes?: any): void;
 //# sourceMappingURL=grid.d.ts.map

package/types/ui/grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../js/ui/grid.js"],"names":[],"mappings":"AAMA;;;;GAIG;AACH,2DAIC;AAED;;;;GAIG;AACH,4DAEC;AAED;;;;;;;;;GASG;AACH,2CAHa,IAAI,uBAqChB"}
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../js/ui/grid.js"],"names":[],"mappings":"AAOA;;;;GAIG;AACH,2DAIC;AAED;;;;GAIG;AACH,4DAEC"}