@zanichelli/albe-web-components 19.3.0-RC3 → 19.3.0-RC5

package/dist/collection/components/table/cells/z-td/index.js

@@ -6,10 +6,23 @@ import { ButtonVariant, ControlSize, PopoverPosition } from "../../../../beans";
  */
 export class ZTd {
     constructor() {
-        this.colspan = undefined;
+        /**
+         * Whether the cell should stick.
+         */
         this.sticky = false;
+        /**
+         * Enables the contextual menu.
+         * Can be set to "hover" or "always" to show the button only on cell hover or always.
+         * Set a nullish value to hide the menu button.
+         */
         this.showMenu = null;
+        /**
+         * Set the popover position, the default is "auto".
+         */
         this.popoverPosition = PopoverPosition.AUTO;
+        /**
+         * Store the open state of the menu.
+         */
         this.isMenuOpen = false;
     }
     updateColspan() {
@@ -29,7 +42,7 @@ export class ZTd {
         this.updateColspan();
     }
     render() {
-        return (h(Host, { key: 'eaa97de639cf8d1f64bb3e4a8b826a3dd2debfb4', role: "cell", "menu-open": this.isMenuOpen }, h("div", { key: '11e1bf9ba47637968fd0373d489e5d8844bb4304', class: "cell--content" }, h("slot", { key: 'f09ea15ae261639c73fc13abbf1382cf21c7ab44' }), this.showMenu && (h("div", { key: 'b59ec3e965b62f42a7c07a56fed17a1ffc4251a4', class: "cell--menu-container prevent-expand" }, h("z-button", { key: '836df0132f086767313c774f15a5118b52031da5', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: this.onMenuButtonClick.bind(this) }), h("z-popover", { key: '5f67dc7eb6f5273d536a399b46e5c3e7b3ab1573', class: "cell-popover", ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: 'ee20304c588e9e8ebdd4a31ac410f247c5fa560c', name: "contextual-menu" })))))));
+        return (h(Host, { key: '65102becbf97d8f480c9e9c140965963e1b829a3', role: "cell", "menu-open": this.isMenuOpen }, h("div", { key: 'a91b370f73c8684038a75db6483ec88dd8b3f4d6', class: "cell--content" }, h("slot", { key: '2a9451f11c23f2dae4047b360d8af92606ce3e76' }), this.showMenu && (h("div", { key: '0a4f91d75fce51604253ada3775f06ec9c230ce0', class: "cell--menu-container prevent-expand" }, h("z-button", { key: 'fe6623726d645f2796ff88246bd887b2e5ec9396', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: this.onMenuButtonClick.bind(this) }), h("z-popover", { key: '1ce2729d0209e5218515c52f4425c3f02b05c1bd', class: "cell-popover", ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: 'b060d20d5e15380360f8bab9d502f85eb70a7995', name: "contextual-menu" })))))));
     }
     static get is() { return "z-td"; }
     static get encapsulation() { return "shadow"; }
@@ -59,8 +72,10 @@ export class ZTd {
                     "tags": [],
                     "text": "Number of columns that the cell should span."
                 },
-                "attribute": "colspan",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "colspan"
             },
             "sticky": {
                 "type": "boolean",
@@ -76,8 +91,10 @@ export class ZTd {
                     "tags": [],
                     "text": "Whether the cell should stick."
                 },
-                "attribute": "sticky",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "sticky",
                 "defaultValue": "false"
             },
             "showMenu": {
@@ -90,7 +107,8 @@ export class ZTd {
                         "VisibilityCondition": {
                             "location": "import",
                             "path": "../../../../beans",
-                            "id": "src/beans/index.tsx::VisibilityCondition"
+                            "id": "src/beans/index.tsx::VisibilityCondition",
+                            "referenceLocation": "VisibilityCondition"
                         }
                     }
                 },
@@ -100,8 +118,10 @@ export class ZTd {
                     "tags": [],
                     "text": "Enables the contextual menu.\nCan be set to \"hover\" or \"always\" to show the button only on cell hover or always.\nSet a nullish value to hide the menu button."
                 },
-                "attribute": "show-menu",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "show-menu",
                 "defaultValue": "null"
             },
             "popoverPosition": {
@@ -114,7 +134,8 @@ export class ZTd {
                         "PopoverPosition": {
                             "location": "import",
                             "path": "../../../../beans",
-                            "id": "src/beans/index.tsx::PopoverPosition"
+                            "id": "src/beans/index.tsx::PopoverPosition",
+                            "referenceLocation": "PopoverPosition"
                         }
                     }
                 },
@@ -124,8 +145,10 @@ export class ZTd {
                     "tags": [],
                     "text": "Set the popover position, the default is \"auto\"."
                 },
-                "attribute": "popover-position",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "popover-position",
                 "defaultValue": "PopoverPosition.AUTO"
             }
         };
@@ -161,4 +184,3 @@ export class ZTd {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

package/dist/collection/components/table/cells/z-th/index.js

@@ -7,13 +7,33 @@ import { ButtonVariant, ControlSize, PopoverPosition, SortDirection } from "../.
  */
 export class ZTh {
     constructor() {
-        this.colspan = undefined;
+        /**
+         * Enables the contextual menu.
+         * Can be set to "hover" or "always" to show the button only on cell hover or always.
+         * Set a nullish value to hide the menu button.
+         */
         this.showMenu = null;
+        /**
+         * Enables the sorting button.
+         * Can be set to "hover" or "always" to show the button only on cell hover or always.
+         * Set a nullish value to hide the sort button.
+         */
         this.showSorting = null;
+        /**
+         * Whether the cell should stick.
+         */
         this.sticky = false;
-        this.sortDirection = undefined;
+        /**
+         * Sorted state of the column.
+         */
         this.sorted = false;
+        /**
+         * Set popover position.
+         */
         this.popoverPosition = PopoverPosition.AUTO;
+        /**
+         * Store the open state of the menu.
+         */
         this.isMenuOpen = false;
     }
     /**
@@ -50,7 +70,7 @@ export class ZTh {
         this.updateColspan();
     }
     render() {
-        return (h(Host, { key: '411a78aacd4b76ea9180828a7567aaaa92f9a3fa', role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection, sortable: this.showSorting }, h("div", { key: 'a4d93cc27f9e8e69cffac93180ac54c9a6f79a21', class: "cell--content" }, h("slot", { key: 'b205cd6628dbfd09638a23ea6ad4bbe577303a87' }), this.showSorting && (h("button", { key: 'e28f86801a946cd89a30c9b8e289a653916299da', class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, h("z-icon", { key: 'fbbb4bb4ff4cfba7958afbf05edad06b5e8c725c', name: this.sortDirection === SortDirection.DESC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (h("div", { key: '0d288653fbaef390090c540d4c3ac707d30a05c2', class: "cell--menu-container" }, h("z-button", { key: 'ff413fe7178f5d072fdee95f42ca37f06b6b7a92', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), h("z-popover", { key: '675231832d5e2adf277f470b476ca7e4d5579272', ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: '6f3dba38c66701f7bf169a35b6793a09388c6bb2', name: "contextual-menu" })))))));
+        return (h(Host, { key: '326c1c5968ebd22021f5bc88d3c98cd558c31783', role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection, sortable: this.showSorting }, h("div", { key: '935a692b283f76362fe5e3cc7cc2f8e38424f407', class: "cell--content" }, h("slot", { key: 'cce03a04640d1ee72e2e202f7526203136f4bb50' }), this.showSorting && (h("button", { key: 'c161a473f0b4e6d6b1a478ad0530c6d0938fc1a1', class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, h("z-icon", { key: '4b9b3aab3b0ce9f14c2a181860c834098077dee3', name: this.sortDirection === SortDirection.DESC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (h("div", { key: 'cd3b0e8a851c8a414229f4976b8a227d99981ce0', class: "cell--menu-container" }, h("z-button", { key: '3d37441174ff3ea540c0aec582bc91c7c644c818', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), h("z-popover", { key: '59de83e276e82705588041660e7612080b6636e8', ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: 'c92e8e0a5c617251dc6741ff4d9cbe943f224111', name: "contextual-menu" })))))));
     }
     static get is() { return "z-th"; }
     static get encapsulation() { return "shadow"; }
@@ -80,8 +100,10 @@ export class ZTh {
                     "tags": [],
                     "text": "Number of columns that the cell should span."
                 },
-                "attribute": "colspan",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "colspan"
             },
             "showMenu": {
                 "type": "string",
@@ -93,7 +115,8 @@ export class ZTh {
                         "VisibilityCondition": {
                             "location": "import",
                             "path": "../../../../beans",
-                            "id": "src/beans/index.tsx::VisibilityCondition"
+                            "id": "src/beans/index.tsx::VisibilityCondition",
+                            "referenceLocation": "VisibilityCondition"
                         }
                     }
                 },
@@ -103,8 +126,10 @@ export class ZTh {
                     "tags": [],
                     "text": "Enables the contextual menu.\nCan be set to \"hover\" or \"always\" to show the button only on cell hover or always.\nSet a nullish value to hide the menu button."
                 },
-                "attribute": "show-menu",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "show-menu",
                 "defaultValue": "null"
             },
             "showSorting": {
@@ -117,7 +142,8 @@ export class ZTh {
                         "VisibilityCondition": {
                             "location": "import",
                             "path": "../../../../beans",
-                            "id": "src/beans/index.tsx::VisibilityCondition"
+                            "id": "src/beans/index.tsx::VisibilityCondition",
+                            "referenceLocation": "VisibilityCondition"
                         }
                     }
                 },
@@ -127,8 +153,10 @@ export class ZTh {
                     "tags": [],
                     "text": "Enables the sorting button.\nCan be set to \"hover\" or \"always\" to show the button only on cell hover or always.\nSet a nullish value to hide the sort button."
                 },
-                "attribute": "show-sorting",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "show-sorting",
                 "defaultValue": "null"
             },
             "sticky": {
@@ -145,8 +173,10 @@ export class ZTh {
                     "tags": [],
                     "text": "Whether the cell should stick."
                 },
-                "attribute": "sticky",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "sticky",
                 "defaultValue": "false"
             },
             "sortDirection": {
@@ -159,7 +189,8 @@ export class ZTh {
                         "SortDirection": {
                             "location": "import",
                             "path": "../../../../beans",
-                            "id": "src/beans/index.tsx::SortDirection"
+                            "id": "src/beans/index.tsx::SortDirection",
+                            "referenceLocation": "SortDirection"
                         }
                     }
                 },
@@ -169,8 +200,10 @@ export class ZTh {
                     "tags": [],
                     "text": "Current sorting direction."
                 },
-                "attribute": "sort-direction",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "sort-direction"
             },
             "sorted": {
                 "type": "boolean",
@@ -186,8 +219,10 @@ export class ZTh {
                     "tags": [],
                     "text": "Sorted state of the column."
                 },
-                "attribute": "sorted",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "sorted",
                 "defaultValue": "false"
             },
             "popoverPosition": {
@@ -200,7 +235,8 @@ export class ZTh {
                         "PopoverPosition": {
                             "location": "import",
                             "path": "../../../../beans",
-                            "id": "src/beans/index.tsx::PopoverPosition"
+                            "id": "src/beans/index.tsx::PopoverPosition",
+                            "referenceLocation": "PopoverPosition"
                         }
                     }
                 },
@@ -210,8 +246,10 @@ export class ZTh {
                     "tags": [],
                     "text": "Set popover position."
                 },
-                "attribute": "popover-position",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "popover-position",
                 "defaultValue": "PopoverPosition.AUTO"
             }
         };
@@ -247,4 +285,3 @@ export class ZTh {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

package/dist/collection/components/table/z-table/index.js

@@ -10,7 +10,13 @@ import "../z-tr/index";
  */
 export class ZTable {
     constructor() {
+        /**
+         * Whether the table cells should show a border between them.
+         */
         this.bordered = false;
+        /**
+         * Whether the table contains some expandable rows.
+         */
         this.expandable = false;
     }
     updateExpandable() {
@@ -36,7 +42,7 @@ export class ZTable {
         (_a = this.expandableMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (h(Host, { key: '1dc0b6a5869c0b8fe376b4459f3e42645b02f572', expandable: this.expandable }, h("div", { key: '2f74e8b9fb38796d46b548d1b556be3bdb709494', class: "table", role: "table" }, h("slot", { key: '7eda6a332ac172f427851eabc16aca07667f871e' }))));
+        return (h(Host, { key: '19ac617eed1f9fc7c962e5f34e30c1c0feb0fa87', expandable: this.expandable }, h("div", { key: '648951c6bb94c6cc149f593ca42a50eafa287337', class: "table", role: "table" }, h("slot", { key: '08fb16a4c3ee50be9634833b2227593ba8651c01' }))));
     }
     static get is() { return "z-table"; }
     static get encapsulation() { return "shadow"; }
@@ -66,8 +72,10 @@ export class ZTable {
                     "tags": [],
                     "text": "Whether the table cells should show a border between them."
                 },
-                "attribute": "bordered",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "bordered",
                 "defaultValue": "false"
             }
         };
@@ -79,4 +87,3 @@ export class ZTable {
     }
     static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=index.js.map

package/dist/collection/components/table/z-table/index.stories.js

@@ -280,4 +280,3 @@ export const SortAction = {
       <z-tbody>${repeat([...new Array(3)], () => html `<z-tr>${cellsTemplate(3)}</z-tr>`)}</z-tbody>
     </z-table>`,
 };
-//# sourceMappingURL=index.stories.js.map

package/dist/collection/components/table/z-tbody/index.js

@@ -5,7 +5,7 @@ import { Host, h } from "@stencil/core";
  */
 export class ZTbody {
     render() {
-        return (h(Host, { key: '3ad959681c2649e9742c43b6b338802c75601707', role: "rowgroup" }, h("slot", { key: 'fa42cbad29615f222b8fe60843b35e4871007bd3' })));
+        return (h(Host, { key: '62b5b227fbdaac2918101db68c60cb68ae9e1ed8', role: "rowgroup" }, h("slot", { key: 'ecfc5c26435fb7f03b5e9ea89111499b3b75f3ca' })));
     }
     static get is() { return "z-tbody"; }
     static get encapsulation() { return "shadow"; }
@@ -20,4 +20,3 @@ export class ZTbody {
         };
     }
 }
-//# sourceMappingURL=index.js.map

package/dist/collection/components/table/z-tfoot/index.js

@@ -5,10 +5,13 @@ import { Host, h } from "@stencil/core";
  */
 export class ZTfoot {
     constructor() {
+        /**
+         * If true, the footer will be stuck to the bottom of the table.
+         */
         this.sticky = false;
     }
     render() {
-        return (h(Host, { key: '0c62e2be78670a3ca9b2b82ab61c79f9cbd8937d', role: "rowgroup", tabIndex: -1 }, h("slot", { key: '1f5e6f45de8205da130383070df5082b36be9d87' })));
+        return (h(Host, { key: '0ecae481f9b2e870d3f4d8898755d15e561154b7', role: "rowgroup", tabIndex: -1 }, h("slot", { key: '7d028233f9e6ff2bfdbcc5b00841db5eb5020643' })));
     }
     static get is() { return "z-tfoot"; }
     static get encapsulation() { return "shadow"; }
@@ -38,11 +41,12 @@ export class ZTfoot {
                     "tags": [],
                     "text": "If true, the footer will be stuck to the bottom of the table."
                 },
-                "attribute": "sticky",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "sticky",
                 "defaultValue": "false"
             }
         };
     }
 }
-//# sourceMappingURL=index.js.map

package/dist/collection/components/table/z-thead/index.js

@@ -5,11 +5,17 @@ import { Host, h } from "@stencil/core";
  */
 export class ZThead {
     constructor() {
+        /**
+         * If true, the header will be stuck to the top of the table.
+         */
         this.sticky = false;
+        /**
+         * The element is focusable
+         */
         this.isFocusable = false;
     }
     render() {
-        return (h(Host, { key: 'd1b3529f75bb0ab8fcd19a309052fc2f19f5bbb2', role: "rowgroup", tabIndex: this.isFocusable ? 0 : -1 }, h("slot", { key: '5e767d3b959c2d295e4987843451dbeb5e5fca85' })));
+        return (h(Host, { key: 'a41caa6571e3a2e4c0b46df9c28507d347011c52', role: "rowgroup", tabIndex: this.isFocusable ? 0 : -1 }, h("slot", { key: 'fbe9305e97ac906ce0296b871d65d33c75749bd1' })));
     }
     static get is() { return "z-thead"; }
     static get encapsulation() { return "shadow"; }
@@ -39,8 +45,10 @@ export class ZThead {
                     "tags": [],
                     "text": "If true, the header will be stuck to the top of the table."
                 },
-                "attribute": "sticky",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "sticky",
                 "defaultValue": "false"
             },
             "isFocusable": {
@@ -57,12 +65,13 @@ export class ZThead {
                     "tags": [],
                     "text": "The element is focusable"
                 },
-                "attribute": "is-focusable",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "is-focusable",
                 "defaultValue": "false"
             }
         };
     }
     static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=index.js.map

package/dist/collection/components/table/z-tr/index.js

@@ -1,4 +1,4 @@
-import { Host, h } from "@stencil/core";
+import { Host, h, } from "@stencil/core";
 import { randomId } from "../../../utils/utils";
 import "../cells/z-td/index";
 import "../cells/z-th/index";
@@ -10,9 +10,20 @@ import "../cells/z-th/index";
  */
 export class ZTr {
     constructor() {
+        /**
+         * Whether the row is expandable.
+         * Use a `z-td` as the last cell of the row for the additional content.
+         * It will show a button to expand/collapse the row.
+         * The last cell will be hidden until the button or row is clicked.
+         *
+         * If some element inside the expandable row contains the `prevent-expand` css class,
+         * the row will not expand by clicking that element.
+         */
         this.expandable = false;
+        /**
+         * Whether the row is currently expanded.
+         */
         this.expanded = false;
-        this.expandableContentId = undefined;
     }
     updateColumns() {
         const cells = Array.from(this.host.querySelectorAll("z-td, z-th"));
@@ -57,7 +68,7 @@ export class ZTr {
         this.updateColumns();
     }
     render() {
-        return (h(Host, { key: '63e39c2bf685ec65bdb22e99ebfb28a027c2bdae', role: "row", tabIndex: 0, expanded: this.expanded, onClick: this.onRowClick.bind(this), onKeyDown: this.onKeyDown.bind(this) }, h("div", { key: 'f3a06e7fcf443fc3662ae5bf64792f35bd51037b', class: "z-tr--focus-overlay", "aria-hidden": "true" }), h("div", { key: '09cd0fb724d7d626f078dd81f4bb074aa58bb9ce', class: "z-tr--expand-button-container" }, this.expandable && (h("button", { key: '9673e07a9f8319d8565e417bbfd1d03cdd693c62', tabIndex: -1, "aria-expanded": this.expanded ? "true" : "false", "aria-label": this.expanded ? "Comprimi riga" : "Espandi riga", "aria-controls": this.expandableContentId, type: "button" }, h("z-icon", { key: '6afeb54548a4ab5ea750d2c23f094c473e386efe', name: this.expanded ? "minus-circled" : "plus-circled" })))), h("slot", { key: 'ed3ba8bdbe9ac4c0aaff3202238146cfb8362be6', onSlotchange: this.updateColumns.bind(this) })));
+        return (h(Host, { key: '22e2a75bc63f96ec1f293ecfd818f16e0aa9eb96', role: "row", tabIndex: 0, expanded: this.expanded, onClick: this.onRowClick.bind(this), onKeyDown: this.onKeyDown.bind(this) }, h("div", { key: '7d71cd5da22b1e921a53831316fa1cf0a90b4178', class: "z-tr--focus-overlay", "aria-hidden": "true" }), h("div", { key: '707e10ebfe2df07fd6f151af992d7289d76ab43c', class: "z-tr--expand-button-container" }, this.expandable && (h("button", { key: '375fe42258137e52520556487cccb2bcf2378833', tabIndex: -1, "aria-expanded": this.expanded ? "true" : "false", "aria-label": this.expanded ? "Comprimi riga" : "Espandi riga", "aria-controls": this.expandableContentId, type: "button" }, h("z-icon", { key: '5e478114e1ba9d7982995acefa52f8ffc1b51831', name: this.expanded ? "minus-circled" : "plus-circled" })))), h("slot", { key: '56f1c4bad517ee41792f500bd56408a42da440bb', onSlotchange: this.updateColumns.bind(this) })));
     }
     static get is() { return "z-tr"; }
     static get encapsulation() { return "shadow"; }
@@ -87,8 +98,10 @@ export class ZTr {
                     "tags": [],
                     "text": "Whether the row is expandable.\nUse a `z-td` as the last cell of the row for the additional content.\nIt will show a button to expand/collapse the row.\nThe last cell will be hidden until the button or row is clicked.\n\nIf some element inside the expandable row contains the `prevent-expand` css class,\nthe row will not expand by clicking that element."
                 },
-                "attribute": "expandable",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "expandable",
                 "defaultValue": "false"
             }
         };
@@ -134,4 +147,3 @@ export class ZTr {
             }];
     }
 }
-//# sourceMappingURL=index.js.map