@wordpress/customize-widgets 5.32.0 → 5.32.1-next.ff1cebbba.0

package/build/controls/inserter-outer-section.js

@@ -1,36 +1,39 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var inserter_outer_section_exports = {};
+__export(inserter_outer_section_exports, {
+  default: () => getInserterOuterSection
 });
-exports.default = getInserterOuterSection;
-var _keycodes = require("@wordpress/keycodes");
-var _dom = require("@wordpress/dom");
-var _data = require("@wordpress/data");
-var _store = require("../store");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(inserter_outer_section_exports);
+var import_keycodes = require("@wordpress/keycodes");
+var import_dom = require("@wordpress/dom");
+var import_data = require("@wordpress/data");
+var import_store = require("../store");
 function getInserterOuterSection() {
   const {
-    wp: {
-      customize
-    }
+    wp: { customize }
   } = window;
   const OuterSection = customize.OuterSection;
-  // Override the OuterSection class to handle multiple outer sections.
-  // It closes all the other outer sections whenever one is opened.
-  // The result is that at most one outer section can be opened at the same time.
   customize.OuterSection = class extends OuterSection {
     onChangeExpanded(expanded, args) {
       if (expanded) {
-        customize.section.each(section => {
-          if (section.params.type === 'outer' && section.id !== this.id) {
+        customize.section.each((section) => {
+          if (section.params.type === "outer" && section.id !== this.id) {
             if (section.expanded()) {
               section.collapse();
             }
@@ -40,37 +43,34 @@ function getInserterOuterSection() {
       return super.onChangeExpanded(expanded, args);
     }
   };
-  // Handle constructor so that "params.type" can be correctly pointed to "outer".
   customize.sectionConstructor.outer = customize.OuterSection;
   return class InserterOuterSection extends customize.OuterSection {
     constructor(...args) {
       super(...args);
-
-      // This is necessary since we're creating a new class which is not identical to the original OuterSection.
-      // @See https://github.com/WordPress/wordpress-develop/blob/42b05c397c50d9dc244083eff52991413909d4bd/src/js/_enqueues/wp/customize/controls.js#L1427-L1436
-      this.params.type = 'outer';
+      this.params.type = "outer";
       this.activeElementBeforeExpanded = null;
       const ownerWindow = this.contentContainer[0].ownerDocument.defaultView;
-
-      // Handle closing the inserter when pressing the Escape key.
-      ownerWindow.addEventListener('keydown', event => {
-        if (this.expanded() && (event.keyCode === _keycodes.ESCAPE || event.code === 'Escape') && !event.defaultPrevented) {
-          event.preventDefault();
-          event.stopPropagation();
-          (0, _data.dispatch)(_store.store).setIsInserterOpened(false);
-        }
-      },
-      // Use capture mode to make this run before other event listeners.
-      true);
-      this.contentContainer.addClass('widgets-inserter');
-
-      // Set a flag if the state is being changed from open() or close().
-      // Don't propagate the event if it's an internal action to prevent infinite loop.
+      ownerWindow.addEventListener(
+        "keydown",
+        (event) => {
+          if (this.expanded() && (event.keyCode === import_keycodes.ESCAPE || event.code === "Escape") && !event.defaultPrevented) {
+            event.preventDefault();
+            event.stopPropagation();
+            (0, import_data.dispatch)(import_store.store).setIsInserterOpened(
+              false
+            );
+          }
+        },
+        // Use capture mode to make this run before other event listeners.
+        true
+      );
+      this.contentContainer.addClass("widgets-inserter");
       this.isFromInternalAction = false;
       this.expanded.bind(() => {
         if (!this.isFromInternalAction) {
-          // Propagate the event to React to sync the state.
-          (0, _data.dispatch)(_store.store).setIsInserterOpened(this.expanded());
+          (0, import_data.dispatch)(import_store.store).setIsInserterOpened(
+            this.expanded()
+          );
         }
         this.isFromInternalAction = false;
       });
@@ -82,10 +82,7 @@ function getInserterOuterSection() {
         this.isFromInternalAction = true;
         this.expand({
           completeCallback() {
-            // We have to do this in a "completeCallback" or else the elements will not yet be visible/tabbable.
-            // The first one should be the close button,
-            // we want to skip it and choose the second one instead, which is the search box.
-            const searchBox = _dom.focus.tabbable.find(contentContainer)[1];
+            const searchBox = import_dom.focus.tabbable.find(contentContainer)[1];
             if (searchBox) {
               searchBox.focus();
             }
@@ -100,13 +97,7 @@ function getInserterOuterSection() {
         this.isFromInternalAction = true;
         this.collapse({
           completeCallback() {
-            // Return back the focus when closing the inserter.
-            // Only do this if the active element which triggers the action is inside the inserter,
-            // (the close button for instance). In that case the focus will be lost.
-            // Otherwise, we don't hijack the focus when the user is focusing on other elements
-            // (like the quick inserter).
             if (contentContainer.contains(activeElement)) {
-              // Return back the focus when closing the inserter.
               if (this.activeElementBeforeExpanded) {
                 this.activeElementBeforeExpanded.focus();
               }
@@ -117,4 +108,4 @@ function getInserterOuterSection() {
     }
   };
 }
-//# sourceMappingURL=inserter-outer-section.js.map
+//# sourceMappingURL=inserter-outer-section.js.map

package/build/controls/inserter-outer-section.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_keycodes","require","_dom","_data","_store","getInserterOuterSection","wp","customize","window","OuterSection","onChangeExpanded","expanded","args","section","each","params","type","id","collapse","sectionConstructor","outer","InserterOuterSection","constructor","activeElementBeforeExpanded","ownerWindow","contentContainer","ownerDocument","defaultView","addEventListener","event","keyCode","ESCAPE","code","defaultPrevented","preventDefault","stopPropagation","dispatch","customizeWidgetsStore","setIsInserterOpened","addClass","isFromInternalAction","bind","open","activeElement","expand","completeCallback","searchBox","focus","tabbable","find","close","contains"],"sources":["@wordpress/customize-widgets/src/controls/inserter-outer-section.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ESCAPE } from '@wordpress/keycodes';\nimport { focus } from '@wordpress/dom';\nimport { dispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as customizeWidgetsStore } from '../store';\n\nexport default function getInserterOuterSection() {\n\tconst {\n\t\twp: { customize },\n\t} = window;\n\n\tconst OuterSection = customize.OuterSection;\n\t// Override the OuterSection class to handle multiple outer sections.\n\t// It closes all the other outer sections whenever one is opened.\n\t// The result is that at most one outer section can be opened at the same time.\n\tcustomize.OuterSection = class extends OuterSection {\n\t\tonChangeExpanded( expanded, args ) {\n\t\t\tif ( expanded ) {\n\t\t\t\tcustomize.section.each( ( section ) => {\n\t\t\t\t\tif (\n\t\t\t\t\t\tsection.params.type === 'outer' &&\n\t\t\t\t\t\tsection.id !== this.id\n\t\t\t\t\t) {\n\t\t\t\t\t\tif ( section.expanded() ) {\n\t\t\t\t\t\t\tsection.collapse();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\treturn super.onChangeExpanded( expanded, args );\n\t\t}\n\t};\n\t// Handle constructor so that \"params.type\" can be correctly pointed to \"outer\".\n\tcustomize.sectionConstructor.outer = customize.OuterSection;\n\n\treturn class InserterOuterSection extends customize.OuterSection {\n\t\tconstructor( ...args ) {\n\t\t\tsuper( ...args );\n\n\t\t\t// This is necessary since we're creating a new class which is not identical to the original OuterSection.\n\t\t\t// @See https://github.com/WordPress/wordpress-develop/blob/42b05c397c50d9dc244083eff52991413909d4bd/src/js/_enqueues/wp/customize/controls.js#L1427-L1436\n\t\t\tthis.params.type = 'outer';\n\n\t\t\tthis.activeElementBeforeExpanded = null;\n\n\t\t\tconst ownerWindow =\n\t\t\t\tthis.contentContainer[ 0 ].ownerDocument.defaultView;\n\n\t\t\t// Handle closing the inserter when pressing the Escape key.\n\t\t\townerWindow.addEventListener(\n\t\t\t\t'keydown',\n\t\t\t\t( event ) => {\n\t\t\t\t\tif (\n\t\t\t\t\t\tthis.expanded() &&\n\t\t\t\t\t\t( event.keyCode === ESCAPE ||\n\t\t\t\t\t\t\tevent.code === 'Escape' ) &&\n\t\t\t\t\t\t! event.defaultPrevented\n\t\t\t\t\t) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\tdispatch( customizeWidgetsStore ).setIsInserterOpened(\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t// Use capture mode to make this run before other event listeners.\n\t\t\t\ttrue\n\t\t\t);\n\n\t\t\tthis.contentContainer.addClass( 'widgets-inserter' );\n\n\t\t\t// Set a flag if the state is being changed from open() or close().\n\t\t\t// Don't propagate the event if it's an internal action to prevent infinite loop.\n\t\t\tthis.isFromInternalAction = false;\n\t\t\tthis.expanded.bind( () => {\n\t\t\t\tif ( ! this.isFromInternalAction ) {\n\t\t\t\t\t// Propagate the event to React to sync the state.\n\t\t\t\t\tdispatch( customizeWidgetsStore ).setIsInserterOpened(\n\t\t\t\t\t\tthis.expanded()\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tthis.isFromInternalAction = false;\n\t\t\t} );\n\t\t}\n\t\topen() {\n\t\t\tif ( ! this.expanded() ) {\n\t\t\t\tconst contentContainer = this.contentContainer[ 0 ];\n\t\t\t\tthis.activeElementBeforeExpanded =\n\t\t\t\t\tcontentContainer.ownerDocument.activeElement;\n\n\t\t\t\tthis.isFromInternalAction = true;\n\n\t\t\t\tthis.expand( {\n\t\t\t\t\tcompleteCallback() {\n\t\t\t\t\t\t// We have to do this in a \"completeCallback\" or else the elements will not yet be visible/tabbable.\n\t\t\t\t\t\t// The first one should be the close button,\n\t\t\t\t\t\t// we want to skip it and choose the second one instead, which is the search box.\n\t\t\t\t\t\tconst searchBox =\n\t\t\t\t\t\t\tfocus.tabbable.find( contentContainer )[ 1 ];\n\t\t\t\t\t\tif ( searchBox ) {\n\t\t\t\t\t\t\tsearchBox.focus();\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\t\tclose() {\n\t\t\tif ( this.expanded() ) {\n\t\t\t\tconst contentContainer = this.contentContainer[ 0 ];\n\t\t\t\tconst activeElement =\n\t\t\t\t\tcontentContainer.ownerDocument.activeElement;\n\n\t\t\t\tthis.isFromInternalAction = true;\n\n\t\t\t\tthis.collapse( {\n\t\t\t\t\tcompleteCallback() {\n\t\t\t\t\t\t// Return back the focus when closing the inserter.\n\t\t\t\t\t\t// Only do this if the active element which triggers the action is inside the inserter,\n\t\t\t\t\t\t// (the close button for instance). In that case the focus will be lost.\n\t\t\t\t\t\t// Otherwise, we don't hijack the focus when the user is focusing on other elements\n\t\t\t\t\t\t// (like the quick inserter).\n\t\t\t\t\t\tif ( contentContainer.contains( activeElement ) ) {\n\t\t\t\t\t\t\t// Return back the focus when closing the inserter.\n\t\t\t\t\t\t\tif ( this.activeElementBeforeExpanded ) {\n\t\t\t\t\t\t\t\tthis.activeElementBeforeExpanded.focus();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\t};\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/controls/inserter-outer-section.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { ESCAPE } from '@wordpress/keycodes';\nimport { focus } from '@wordpress/dom';\nimport { dispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as customizeWidgetsStore } from '../store';\n\nexport default function getInserterOuterSection() {\n\tconst {\n\t\twp: { customize },\n\t} = window;\n\n\tconst OuterSection = customize.OuterSection;\n\t// Override the OuterSection class to handle multiple outer sections.\n\t// It closes all the other outer sections whenever one is opened.\n\t// The result is that at most one outer section can be opened at the same time.\n\tcustomize.OuterSection = class extends OuterSection {\n\t\tonChangeExpanded( expanded, args ) {\n\t\t\tif ( expanded ) {\n\t\t\t\tcustomize.section.each( ( section ) => {\n\t\t\t\t\tif (\n\t\t\t\t\t\tsection.params.type === 'outer' &&\n\t\t\t\t\t\tsection.id !== this.id\n\t\t\t\t\t) {\n\t\t\t\t\t\tif ( section.expanded() ) {\n\t\t\t\t\t\t\tsection.collapse();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\treturn super.onChangeExpanded( expanded, args );\n\t\t}\n\t};\n\t// Handle constructor so that \"params.type\" can be correctly pointed to \"outer\".\n\tcustomize.sectionConstructor.outer = customize.OuterSection;\n\n\treturn class InserterOuterSection extends customize.OuterSection {\n\t\tconstructor( ...args ) {\n\t\t\tsuper( ...args );\n\n\t\t\t// This is necessary since we're creating a new class which is not identical to the original OuterSection.\n\t\t\t// @See https://github.com/WordPress/wordpress-develop/blob/42b05c397c50d9dc244083eff52991413909d4bd/src/js/_enqueues/wp/customize/controls.js#L1427-L1436\n\t\t\tthis.params.type = 'outer';\n\n\t\t\tthis.activeElementBeforeExpanded = null;\n\n\t\t\tconst ownerWindow =\n\t\t\t\tthis.contentContainer[ 0 ].ownerDocument.defaultView;\n\n\t\t\t// Handle closing the inserter when pressing the Escape key.\n\t\t\townerWindow.addEventListener(\n\t\t\t\t'keydown',\n\t\t\t\t( event ) => {\n\t\t\t\t\tif (\n\t\t\t\t\t\tthis.expanded() &&\n\t\t\t\t\t\t( event.keyCode === ESCAPE ||\n\t\t\t\t\t\t\tevent.code === 'Escape' ) &&\n\t\t\t\t\t\t! event.defaultPrevented\n\t\t\t\t\t) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\tdispatch( customizeWidgetsStore ).setIsInserterOpened(\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t// Use capture mode to make this run before other event listeners.\n\t\t\t\ttrue\n\t\t\t);\n\n\t\t\tthis.contentContainer.addClass( 'widgets-inserter' );\n\n\t\t\t// Set a flag if the state is being changed from open() or close().\n\t\t\t// Don't propagate the event if it's an internal action to prevent infinite loop.\n\t\t\tthis.isFromInternalAction = false;\n\t\t\tthis.expanded.bind( () => {\n\t\t\t\tif ( ! this.isFromInternalAction ) {\n\t\t\t\t\t// Propagate the event to React to sync the state.\n\t\t\t\t\tdispatch( customizeWidgetsStore ).setIsInserterOpened(\n\t\t\t\t\t\tthis.expanded()\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tthis.isFromInternalAction = false;\n\t\t\t} );\n\t\t}\n\t\topen() {\n\t\t\tif ( ! this.expanded() ) {\n\t\t\t\tconst contentContainer = this.contentContainer[ 0 ];\n\t\t\t\tthis.activeElementBeforeExpanded =\n\t\t\t\t\tcontentContainer.ownerDocument.activeElement;\n\n\t\t\t\tthis.isFromInternalAction = true;\n\n\t\t\t\tthis.expand( {\n\t\t\t\t\tcompleteCallback() {\n\t\t\t\t\t\t// We have to do this in a \"completeCallback\" or else the elements will not yet be visible/tabbable.\n\t\t\t\t\t\t// The first one should be the close button,\n\t\t\t\t\t\t// we want to skip it and choose the second one instead, which is the search box.\n\t\t\t\t\t\tconst searchBox =\n\t\t\t\t\t\t\tfocus.tabbable.find( contentContainer )[ 1 ];\n\t\t\t\t\t\tif ( searchBox ) {\n\t\t\t\t\t\t\tsearchBox.focus();\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\t\tclose() {\n\t\t\tif ( this.expanded() ) {\n\t\t\t\tconst contentContainer = this.contentContainer[ 0 ];\n\t\t\t\tconst activeElement =\n\t\t\t\t\tcontentContainer.ownerDocument.activeElement;\n\n\t\t\t\tthis.isFromInternalAction = true;\n\n\t\t\t\tthis.collapse( {\n\t\t\t\t\tcompleteCallback() {\n\t\t\t\t\t\t// Return back the focus when closing the inserter.\n\t\t\t\t\t\t// Only do this if the active element which triggers the action is inside the inserter,\n\t\t\t\t\t\t// (the close button for instance). In that case the focus will be lost.\n\t\t\t\t\t\t// Otherwise, we don't hijack the focus when the user is focusing on other elements\n\t\t\t\t\t\t// (like the quick inserter).\n\t\t\t\t\t\tif ( contentContainer.contains( activeElement ) ) {\n\t\t\t\t\t\t\t// Return back the focus when closing the inserter.\n\t\t\t\t\t\t\tif ( this.activeElementBeforeExpanded ) {\n\t\t\t\t\t\t\t\tthis.activeElementBeforeExpanded.focus();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\t};\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,sBAAuB;AACvB,iBAAsB;AACtB,kBAAyB;AAKzB,mBAA+C;AAEhC,SAAR,0BAA2C;AACjD,QAAM;AAAA,IACL,IAAI,EAAE,UAAU;AAAA,EACjB,IAAI;AAEJ,QAAM,eAAe,UAAU;AAI/B,YAAU,eAAe,cAAc,aAAa;AAAA,IACnD,iBAAkB,UAAU,MAAO;AAClC,UAAK,UAAW;AACf,kBAAU,QAAQ,KAAM,CAAE,YAAa;AACtC,cACC,QAAQ,OAAO,SAAS,WACxB,QAAQ,OAAO,KAAK,IACnB;AACD,gBAAK,QAAQ,SAAS,GAAI;AACzB,sBAAQ,SAAS;AAAA,YAClB;AAAA,UACD;AAAA,QACD,CAAE;AAAA,MACH;AAEA,aAAO,MAAM,iBAAkB,UAAU,IAAK;AAAA,IAC/C;AAAA,EACD;AAEA,YAAU,mBAAmB,QAAQ,UAAU;AAE/C,SAAO,MAAM,6BAA6B,UAAU,aAAa;AAAA,IAChE,eAAgB,MAAO;AACtB,YAAO,GAAG,IAAK;AAIf,WAAK,OAAO,OAAO;AAEnB,WAAK,8BAA8B;AAEnC,YAAM,cACL,KAAK,iBAAkB,CAAE,EAAE,cAAc;AAG1C,kBAAY;AAAA,QACX;AAAA,QACA,CAAE,UAAW;AACZ,cACC,KAAK,SAAS,MACZ,MAAM,YAAY,0BACnB,MAAM,SAAS,aAChB,CAAE,MAAM,kBACP;AACD,kBAAM,eAAe;AACrB,kBAAM,gBAAgB;AACtB,sCAAU,aAAAA,KAAsB,EAAE;AAAA,cACjC;AAAA,YACD;AAAA,UACD;AAAA,QACD;AAAA;AAAA,QAEA;AAAA,MACD;AAEA,WAAK,iBAAiB,SAAU,kBAAmB;AAInD,WAAK,uBAAuB;AAC5B,WAAK,SAAS,KAAM,MAAM;AACzB,YAAK,CAAE,KAAK,sBAAuB;AAElC,oCAAU,aAAAA,KAAsB,EAAE;AAAA,YACjC,KAAK,SAAS;AAAA,UACf;AAAA,QACD;AACA,aAAK,uBAAuB;AAAA,MAC7B,CAAE;AAAA,IACH;AAAA,IACA,OAAO;AACN,UAAK,CAAE,KAAK,SAAS,GAAI;AACxB,cAAM,mBAAmB,KAAK,iBAAkB,CAAE;AAClD,aAAK,8BACJ,iBAAiB,cAAc;AAEhC,aAAK,uBAAuB;AAE5B,aAAK,OAAQ;AAAA,UACZ,mBAAmB;AAIlB,kBAAM,YACL,iBAAM,SAAS,KAAM,gBAAiB,EAAG,CAAE;AAC5C,gBAAK,WAAY;AAChB,wBAAU,MAAM;AAAA,YACjB;AAAA,UACD;AAAA,QACD,CAAE;AAAA,MACH;AAAA,IACD;AAAA,IACA,QAAQ;AACP,UAAK,KAAK,SAAS,GAAI;AACtB,cAAM,mBAAmB,KAAK,iBAAkB,CAAE;AAClD,cAAM,gBACL,iBAAiB,cAAc;AAEhC,aAAK,uBAAuB;AAE5B,aAAK,SAAU;AAAA,UACd,mBAAmB;AAMlB,gBAAK,iBAAiB,SAAU,aAAc,GAAI;AAEjD,kBAAK,KAAK,6BAA8B;AACvC,qBAAK,4BAA4B,MAAM;AAAA,cACxC;AAAA,YACD;AAAA,UACD;AAAA,QACD,CAAE;AAAA,MACH;AAAA,IACD;AAAA,EACD;AACD;",
+  "names": ["customizeWidgetsStore"]
+}

package/build/controls/inspector-section.js

@@ -1,14 +1,28 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var inspector_section_exports = {};
+__export(inspector_section_exports, {
+  default: () => getInspectorSection
 });
-exports.default = getInspectorSection;
+module.exports = __toCommonJS(inspector_section_exports);
 function getInspectorSection() {
   const {
-    wp: {
-      customize
-    }
+    wp: { customize }
   } = window;
   return class InspectorSection extends customize.Section {
     constructor(id, options) {
@@ -25,7 +39,9 @@ function getInspectorSection() {
       this.triggerActiveCallbacks();
     }
     ready() {
-      this.contentContainer[0].classList.add('customize-widgets-layout__inspector');
+      this.contentContainer[0].classList.add(
+        "customize-widgets-layout__inspector"
+      );
     }
     isContextuallyActive() {
       return this.isOpen;
@@ -41,8 +57,9 @@ function getInspectorSection() {
           this.parentSection.expand({
             manualTransition: true,
             completeCallback: () => {
-              // Return focus after finishing the transition.
-              if (this.returnFocusWhenClose && !this.contentContainer[0].contains(this.returnFocusWhenClose)) {
+              if (this.returnFocusWhenClose && !this.contentContainer[0].contains(
+                this.returnFocusWhenClose
+              )) {
                 this.returnFocusWhenClose.focus();
               }
             }
@@ -50,9 +67,7 @@ function getInspectorSection() {
         }
       }
     }
-    open({
-      returnFocusWhenClose
-    } = {}) {
+    open({ returnFocusWhenClose } = {}) {
       this.isOpen = true;
       this.returnFocusWhenClose = returnFocusWhenClose;
       this.expand({
@@ -65,33 +80,12 @@ function getInspectorSection() {
       });
     }
     collapse(options) {
-      // Overridden collapse() function. Mostly call the parent collapse(), but also
-      // move our .isOpen to false.
-      // Initially, I tried tracking this with onChangeExpanded(), but it doesn't work
-      // because the block settings sidebar is a layer "on top of" the G editor sidebar.
-      //
-      // For example, when closing the block settings sidebar, the G
-      // editor sidebar would display, and onChangeExpanded in
-      // inspector-section would run with expanded=true, but I want
-      // isOpen to be false when the block settings is closed.
       this.isOpen = false;
       super.collapse(options);
     }
     triggerActiveCallbacks() {
-      // Manually fire the callbacks associated with moving this.active
-      // from false to true.  "active" is always true for this section,
-      // and "isContextuallyActive" reflects if the block settings
-      // sidebar is currently visible, that is, it has replaced the main
-      // Gutenberg view.
-      // The WP customizer only checks ".isContextuallyActive()" when
-      // ".active" changes values. But our ".active" never changes value.
-      // The WP customizer never foresaw a section being used a way we
-      // fit the block settings sidebar into a section. By manually
-      // triggering the "this.active" callbacks, we force the WP
-      // customizer to query our .isContextuallyActive() function and
-      // update its view of our status.
       this.active.callbacks.fireWith(this.active, [false, true]);
     }
   };
 }
-//# sourceMappingURL=inspector-section.js.map
+//# sourceMappingURL=inspector-section.js.map

package/build/controls/inspector-section.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["getInspectorSection","wp","customize","window","InspectorSection","Section","constructor","id","options","parentSection","returnFocusWhenClose","_isOpen","isOpen","value","triggerActiveCallbacks","ready","contentContainer","classList","add","isContextuallyActive","onChangeExpanded","expanded","args","unchanged","collapse","manualTransition","expand","completeCallback","contains","focus","open","allowMultiple","close","active","callbacks","fireWith"],"sources":["@wordpress/customize-widgets/src/controls/inspector-section.js"],"sourcesContent":["export default function getInspectorSection() {\n\tconst {\n\t\twp: { customize },\n\t} = window;\n\n\treturn class InspectorSection extends customize.Section {\n\t\tconstructor( id, options ) {\n\t\t\tsuper( id, options );\n\n\t\t\tthis.parentSection = options.parentSection;\n\n\t\t\tthis.returnFocusWhenClose = null;\n\t\t\tthis._isOpen = false;\n\t\t}\n\t\tget isOpen() {\n\t\t\treturn this._isOpen;\n\t\t}\n\t\tset isOpen( value ) {\n\t\t\tthis._isOpen = value;\n\t\t\tthis.triggerActiveCallbacks();\n\t\t}\n\t\tready() {\n\t\t\tthis.contentContainer[ 0 ].classList.add(\n\t\t\t\t'customize-widgets-layout__inspector'\n\t\t\t);\n\t\t}\n\t\tisContextuallyActive() {\n\t\t\treturn this.isOpen;\n\t\t}\n\t\tonChangeExpanded( expanded, args ) {\n\t\t\tsuper.onChangeExpanded( expanded, args );\n\n\t\t\tif ( this.parentSection && ! args.unchanged ) {\n\t\t\t\tif ( expanded ) {\n\t\t\t\t\tthis.parentSection.collapse( {\n\t\t\t\t\t\tmanualTransition: true,\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tthis.parentSection.expand( {\n\t\t\t\t\t\tmanualTransition: true,\n\t\t\t\t\t\tcompleteCallback: () => {\n\t\t\t\t\t\t\t// Return focus after finishing the transition.\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tthis.returnFocusWhenClose &&\n\t\t\t\t\t\t\t\t! this.contentContainer[ 0 ].contains(\n\t\t\t\t\t\t\t\t\tthis.returnFocusWhenClose\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tthis.returnFocusWhenClose.focus();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\topen( { returnFocusWhenClose } = {} ) {\n\t\t\tthis.isOpen = true;\n\t\t\tthis.returnFocusWhenClose = returnFocusWhenClose;\n\n\t\t\tthis.expand( {\n\t\t\t\tallowMultiple: true,\n\t\t\t} );\n\t\t}\n\t\tclose() {\n\t\t\tthis.collapse( {\n\t\t\t\tallowMultiple: true,\n\t\t\t} );\n\t\t}\n\t\tcollapse( options ) {\n\t\t\t// Overridden collapse() function. Mostly call the parent collapse(), but also\n\t\t\t// move our .isOpen to false.\n\t\t\t// Initially, I tried tracking this with onChangeExpanded(), but it doesn't work\n\t\t\t// because the block settings sidebar is a layer \"on top of\" the G editor sidebar.\n\t\t\t//\n\t\t\t// For example, when closing the block settings sidebar, the G\n\t\t\t// editor sidebar would display, and onChangeExpanded in\n\t\t\t// inspector-section would run with expanded=true, but I want\n\t\t\t// isOpen to be false when the block settings is closed.\n\t\t\tthis.isOpen = false;\n\t\t\tsuper.collapse( options );\n\t\t}\n\t\ttriggerActiveCallbacks() {\n\t\t\t// Manually fire the callbacks associated with moving this.active\n\t\t\t// from false to true.  \"active\" is always true for this section,\n\t\t\t// and \"isContextuallyActive\" reflects if the block settings\n\t\t\t// sidebar is currently visible, that is, it has replaced the main\n\t\t\t// Gutenberg view.\n\t\t\t// The WP customizer only checks \".isContextuallyActive()\" when\n\t\t\t// \".active\" changes values. But our \".active\" never changes value.\n\t\t\t// The WP customizer never foresaw a section being used a way we\n\t\t\t// fit the block settings sidebar into a section. By manually\n\t\t\t// triggering the \"this.active\" callbacks, we force the WP\n\t\t\t// customizer to query our .isContextuallyActive() function and\n\t\t\t// update its view of our status.\n\t\t\tthis.active.callbacks.fireWith( this.active, [ false, true ] );\n\t\t}\n\t};\n}\n"],"mappings":";;;;;;AAAe,SAASA,mBAAmBA,CAAA,EAAG;EAC7C,MAAM;IACLC,EAAE,EAAE;MAAEC;IAAU;EACjB,CAAC,GAAGC,MAAM;EAEV,OAAO,MAAMC,gBAAgB,SAASF,SAAS,CAACG,OAAO,CAAC;IACvDC,WAAWA,CAAEC,EAAE,EAAEC,OAAO,EAAG;MAC1B,KAAK,CAAED,EAAE,EAAEC,OAAQ,CAAC;MAEpB,IAAI,CAACC,aAAa,GAAGD,OAAO,CAACC,aAAa;MAE1C,IAAI,CAACC,oBAAoB,GAAG,IAAI;MAChC,IAAI,CAACC,OAAO,GAAG,KAAK;IACrB;IACA,IAAIC,MAAMA,CAAA,EAAG;MACZ,OAAO,IAAI,CAACD,OAAO;IACpB;IACA,IAAIC,MAAMA,CAAEC,KAAK,EAAG;MACnB,IAAI,CAACF,OAAO,GAAGE,KAAK;MACpB,IAAI,CAACC,sBAAsB,CAAC,CAAC;IAC9B;IACAC,KAAKA,CAAA,EAAG;MACP,IAAI,CAACC,gBAAgB,CAAE,CAAC,CAAE,CAACC,SAAS,CAACC,GAAG,CACvC,qCACD,CAAC;IACF;IACAC,oBAAoBA,CAAA,EAAG;MACtB,OAAO,IAAI,CAACP,MAAM;IACnB;IACAQ,gBAAgBA,CAAEC,QAAQ,EAAEC,IAAI,EAAG;MAClC,KAAK,CAACF,gBAAgB,CAAEC,QAAQ,EAAEC,IAAK,CAAC;MAExC,IAAK,IAAI,CAACb,aAAa,IAAI,CAAEa,IAAI,CAACC,SAAS,EAAG;QAC7C,IAAKF,QAAQ,EAAG;UACf,IAAI,CAACZ,aAAa,CAACe,QAAQ,CAAE;YAC5BC,gBAAgB,EAAE;UACnB,CAAE,CAAC;QACJ,CAAC,MAAM;UACN,IAAI,CAAChB,aAAa,CAACiB,MAAM,CAAE;YAC1BD,gBAAgB,EAAE,IAAI;YACtBE,gBAAgB,EAAEA,CAAA,KAAM;cACvB;cACA,IACC,IAAI,CAACjB,oBAAoB,IACzB,CAAE,IAAI,CAACM,gBAAgB,CAAE,CAAC,CAAE,CAACY,QAAQ,CACpC,IAAI,CAAClB,oBACN,CAAC,EACA;gBACD,IAAI,CAACA,oBAAoB,CAACmB,KAAK,CAAC,CAAC;cAClC;YACD;UACD,CAAE,CAAC;QACJ;MACD;IACD;IACAC,IAAIA,CAAE;MAAEpB;IAAqB,CAAC,GAAG,CAAC,CAAC,EAAG;MACrC,IAAI,CAACE,MAAM,GAAG,IAAI;MAClB,IAAI,CAACF,oBAAoB,GAAGA,oBAAoB;MAEhD,IAAI,CAACgB,MAAM,CAAE;QACZK,aAAa,EAAE;MAChB,CAAE,CAAC;IACJ;IACAC,KAAKA,CAAA,EAAG;MACP,IAAI,CAACR,QAAQ,CAAE;QACdO,aAAa,EAAE;MAChB,CAAE,CAAC;IACJ;IACAP,QAAQA,CAAEhB,OAAO,EAAG;MACnB;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA,IAAI,CAACI,MAAM,GAAG,KAAK;MACnB,KAAK,CAACY,QAAQ,CAAEhB,OAAQ,CAAC;IAC1B;IACAM,sBAAsBA,CAAA,EAAG;MACxB;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA,IAAI,CAACmB,MAAM,CAACC,SAAS,CAACC,QAAQ,CAAE,IAAI,CAACF,MAAM,EAAE,CAAE,KAAK,EAAE,IAAI,CAAG,CAAC;IAC/D;EACD,CAAC;AACF","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/controls/inspector-section.js"],
+  "sourcesContent": ["export default function getInspectorSection() {\n\tconst {\n\t\twp: { customize },\n\t} = window;\n\n\treturn class InspectorSection extends customize.Section {\n\t\tconstructor( id, options ) {\n\t\t\tsuper( id, options );\n\n\t\t\tthis.parentSection = options.parentSection;\n\n\t\t\tthis.returnFocusWhenClose = null;\n\t\t\tthis._isOpen = false;\n\t\t}\n\t\tget isOpen() {\n\t\t\treturn this._isOpen;\n\t\t}\n\t\tset isOpen( value ) {\n\t\t\tthis._isOpen = value;\n\t\t\tthis.triggerActiveCallbacks();\n\t\t}\n\t\tready() {\n\t\t\tthis.contentContainer[ 0 ].classList.add(\n\t\t\t\t'customize-widgets-layout__inspector'\n\t\t\t);\n\t\t}\n\t\tisContextuallyActive() {\n\t\t\treturn this.isOpen;\n\t\t}\n\t\tonChangeExpanded( expanded, args ) {\n\t\t\tsuper.onChangeExpanded( expanded, args );\n\n\t\t\tif ( this.parentSection && ! args.unchanged ) {\n\t\t\t\tif ( expanded ) {\n\t\t\t\t\tthis.parentSection.collapse( {\n\t\t\t\t\t\tmanualTransition: true,\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tthis.parentSection.expand( {\n\t\t\t\t\t\tmanualTransition: true,\n\t\t\t\t\t\tcompleteCallback: () => {\n\t\t\t\t\t\t\t// Return focus after finishing the transition.\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tthis.returnFocusWhenClose &&\n\t\t\t\t\t\t\t\t! this.contentContainer[ 0 ].contains(\n\t\t\t\t\t\t\t\t\tthis.returnFocusWhenClose\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tthis.returnFocusWhenClose.focus();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\topen( { returnFocusWhenClose } = {} ) {\n\t\t\tthis.isOpen = true;\n\t\t\tthis.returnFocusWhenClose = returnFocusWhenClose;\n\n\t\t\tthis.expand( {\n\t\t\t\tallowMultiple: true,\n\t\t\t} );\n\t\t}\n\t\tclose() {\n\t\t\tthis.collapse( {\n\t\t\t\tallowMultiple: true,\n\t\t\t} );\n\t\t}\n\t\tcollapse( options ) {\n\t\t\t// Overridden collapse() function. Mostly call the parent collapse(), but also\n\t\t\t// move our .isOpen to false.\n\t\t\t// Initially, I tried tracking this with onChangeExpanded(), but it doesn't work\n\t\t\t// because the block settings sidebar is a layer \"on top of\" the G editor sidebar.\n\t\t\t//\n\t\t\t// For example, when closing the block settings sidebar, the G\n\t\t\t// editor sidebar would display, and onChangeExpanded in\n\t\t\t// inspector-section would run with expanded=true, but I want\n\t\t\t// isOpen to be false when the block settings is closed.\n\t\t\tthis.isOpen = false;\n\t\t\tsuper.collapse( options );\n\t\t}\n\t\ttriggerActiveCallbacks() {\n\t\t\t// Manually fire the callbacks associated with moving this.active\n\t\t\t// from false to true.  \"active\" is always true for this section,\n\t\t\t// and \"isContextuallyActive\" reflects if the block settings\n\t\t\t// sidebar is currently visible, that is, it has replaced the main\n\t\t\t// Gutenberg view.\n\t\t\t// The WP customizer only checks \".isContextuallyActive()\" when\n\t\t\t// \".active\" changes values. But our \".active\" never changes value.\n\t\t\t// The WP customizer never foresaw a section being used a way we\n\t\t\t// fit the block settings sidebar into a section. By manually\n\t\t\t// triggering the \"this.active\" callbacks, we force the WP\n\t\t\t// customizer to query our .isContextuallyActive() function and\n\t\t\t// update its view of our status.\n\t\t\tthis.active.callbacks.fireWith( this.active, [ false, true ] );\n\t\t}\n\t};\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAe,SAAR,sBAAuC;AAC7C,QAAM;AAAA,IACL,IAAI,EAAE,UAAU;AAAA,EACjB,IAAI;AAEJ,SAAO,MAAM,yBAAyB,UAAU,QAAQ;AAAA,IACvD,YAAa,IAAI,SAAU;AAC1B,YAAO,IAAI,OAAQ;AAEnB,WAAK,gBAAgB,QAAQ;AAE7B,WAAK,uBAAuB;AAC5B,WAAK,UAAU;AAAA,IAChB;AAAA,IACA,IAAI,SAAS;AACZ,aAAO,KAAK;AAAA,IACb;AAAA,IACA,IAAI,OAAQ,OAAQ;AACnB,WAAK,UAAU;AACf,WAAK,uBAAuB;AAAA,IAC7B;AAAA,IACA,QAAQ;AACP,WAAK,iBAAkB,CAAE,EAAE,UAAU;AAAA,QACpC;AAAA,MACD;AAAA,IACD;AAAA,IACA,uBAAuB;AACtB,aAAO,KAAK;AAAA,IACb;AAAA,IACA,iBAAkB,UAAU,MAAO;AAClC,YAAM,iBAAkB,UAAU,IAAK;AAEvC,UAAK,KAAK,iBAAiB,CAAE,KAAK,WAAY;AAC7C,YAAK,UAAW;AACf,eAAK,cAAc,SAAU;AAAA,YAC5B,kBAAkB;AAAA,UACnB,CAAE;AAAA,QACH,OAAO;AACN,eAAK,cAAc,OAAQ;AAAA,YAC1B,kBAAkB;AAAA,YAClB,kBAAkB,MAAM;AAEvB,kBACC,KAAK,wBACL,CAAE,KAAK,iBAAkB,CAAE,EAAE;AAAA,gBAC5B,KAAK;AAAA,cACN,GACC;AACD,qBAAK,qBAAqB,MAAM;AAAA,cACjC;AAAA,YACD;AAAA,UACD,CAAE;AAAA,QACH;AAAA,MACD;AAAA,IACD;AAAA,IACA,KAAM,EAAE,qBAAqB,IAAI,CAAC,GAAI;AACrC,WAAK,SAAS;AACd,WAAK,uBAAuB;AAE5B,WAAK,OAAQ;AAAA,QACZ,eAAe;AAAA,MAChB,CAAE;AAAA,IACH;AAAA,IACA,QAAQ;AACP,WAAK,SAAU;AAAA,QACd,eAAe;AAAA,MAChB,CAAE;AAAA,IACH;AAAA,IACA,SAAU,SAAU;AAUnB,WAAK,SAAS;AACd,YAAM,SAAU,OAAQ;AAAA,IACzB;AAAA,IACA,yBAAyB;AAaxB,WAAK,OAAO,UAAU,SAAU,KAAK,QAAQ,CAAE,OAAO,IAAK,CAAE;AAAA,IAC9D;AAAA,EACD;AACD;",
+  "names": []
+}

package/build/controls/sidebar-control.js

@@ -1,41 +1,59 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var sidebar_control_exports = {};
+__export(sidebar_control_exports, {
+  default: () => getSidebarControl
 });
-exports.default = getSidebarControl;
-var _data = require("@wordpress/data");
-var _sidebarAdapter = _interopRequireDefault(require("../components/sidebar-block-editor/sidebar-adapter"));
-var _inserterOuterSection = _interopRequireDefault(require("./inserter-outer-section"));
-var _store = require("../store");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const getInserterId = controlId => `widgets-inserter-${controlId}`;
+module.exports = __toCommonJS(sidebar_control_exports);
+var import_data = require("@wordpress/data");
+var import_sidebar_adapter = __toESM(require("../components/sidebar-block-editor/sidebar-adapter"));
+var import_inserter_outer_section = __toESM(require("./inserter-outer-section"));
+var import_store = require("../store");
+const getInserterId = (controlId) => `widgets-inserter-${controlId}`;
 function getSidebarControl() {
   const {
-    wp: {
-      customize
-    }
+    wp: { customize }
   } = window;
   return class SidebarControl extends customize.Control {
     constructor(...args) {
       super(...args);
-      this.subscribers = new Set();
+      this.subscribers = /* @__PURE__ */ new Set();
     }
     ready() {
-      const InserterOuterSection = (0, _inserterOuterSection.default)();
-      this.inserter = new InserterOuterSection(getInserterId(this.id), {});
+      const InserterOuterSection = (0, import_inserter_outer_section.default)();
+      this.inserter = new InserterOuterSection(
+        getInserterId(this.id),
+        {}
+      );
       customize.section.add(this.inserter);
       this.sectionInstance = customize.section(this.section());
       this.inspector = this.sectionInstance.inspector;
-      this.sidebarAdapter = new _sidebarAdapter.default(this.setting, customize);
+      this.sidebarAdapter = new import_sidebar_adapter.default(this.setting, customize);
     }
     subscribe(callback) {
       this.subscribers.add(callback);
@@ -45,13 +63,16 @@ function getSidebarControl() {
     }
     onChangeSectionExpanded(expanded, args) {
       if (!args.unchanged) {
-        // Close the inserter when the section collapses.
         if (!expanded) {
-          (0, _data.dispatch)(_store.store).setIsInserterOpened(false);
+          (0, import_data.dispatch)(import_store.store).setIsInserterOpened(
+            false
+          );
         }
-        this.subscribers.forEach(subscriber => subscriber(expanded, args));
+        this.subscribers.forEach(
+          (subscriber) => subscriber(expanded, args)
+        );
       }
     }
   };
 }
-//# sourceMappingURL=sidebar-control.js.map
+//# sourceMappingURL=sidebar-control.js.map

package/build/controls/sidebar-control.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_data","require","_sidebarAdapter","_interopRequireDefault","_inserterOuterSection","_store","getInserterId","controlId","getSidebarControl","wp","customize","window","SidebarControl","Control","constructor","args","subscribers","Set","ready","InserterOuterSection","getInserterOuterSection","inserter","id","section","add","sectionInstance","inspector","sidebarAdapter","SidebarAdapter","setting","subscribe","callback","delete","onChangeSectionExpanded","expanded","unchanged","dispatch","customizeWidgetsStore","setIsInserterOpened","forEach","subscriber"],"sources":["@wordpress/customize-widgets/src/controls/sidebar-control.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { dispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport SidebarAdapter from '../components/sidebar-block-editor/sidebar-adapter';\nimport getInserterOuterSection from './inserter-outer-section';\nimport { store as customizeWidgetsStore } from '../store';\n\nconst getInserterId = ( controlId ) => `widgets-inserter-${ controlId }`;\n\nexport default function getSidebarControl() {\n\tconst {\n\t\twp: { customize },\n\t} = window;\n\n\treturn class SidebarControl extends customize.Control {\n\t\tconstructor( ...args ) {\n\t\t\tsuper( ...args );\n\n\t\t\tthis.subscribers = new Set();\n\t\t}\n\n\t\tready() {\n\t\t\tconst InserterOuterSection = getInserterOuterSection();\n\t\t\tthis.inserter = new InserterOuterSection(\n\t\t\t\tgetInserterId( this.id ),\n\t\t\t\t{}\n\t\t\t);\n\t\t\tcustomize.section.add( this.inserter );\n\n\t\t\tthis.sectionInstance = customize.section( this.section() );\n\n\t\t\tthis.inspector = this.sectionInstance.inspector;\n\n\t\t\tthis.sidebarAdapter = new SidebarAdapter( this.setting, customize );\n\t\t}\n\n\t\tsubscribe( callback ) {\n\t\t\tthis.subscribers.add( callback );\n\n\t\t\treturn () => {\n\t\t\t\tthis.subscribers.delete( callback );\n\t\t\t};\n\t\t}\n\n\t\tonChangeSectionExpanded( expanded, args ) {\n\t\t\tif ( ! args.unchanged ) {\n\t\t\t\t// Close the inserter when the section collapses.\n\t\t\t\tif ( ! expanded ) {\n\t\t\t\t\tdispatch( customizeWidgetsStore ).setIsInserterOpened(\n\t\t\t\t\t\tfalse\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tthis.subscribers.forEach( ( subscriber ) =>\n\t\t\t\t\tsubscriber( expanded, args )\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t};\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAKA,IAAAC,eAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,qBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAVA;AACA;AACA;;AAGA;AACA;AACA;;AAKA,MAAMK,aAAa,GAAKC,SAAS,IAAM,oBAAqBA,SAAS,EAAG;AAEzD,SAASC,iBAAiBA,CAAA,EAAG;EAC3C,MAAM;IACLC,EAAE,EAAE;MAAEC;IAAU;EACjB,CAAC,GAAGC,MAAM;EAEV,OAAO,MAAMC,cAAc,SAASF,SAAS,CAACG,OAAO,CAAC;IACrDC,WAAWA,CAAE,GAAGC,IAAI,EAAG;MACtB,KAAK,CAAE,GAAGA,IAAK,CAAC;MAEhB,IAAI,CAACC,WAAW,GAAG,IAAIC,GAAG,CAAC,CAAC;IAC7B;IAEAC,KAAKA,CAAA,EAAG;MACP,MAAMC,oBAAoB,GAAG,IAAAC,6BAAuB,EAAC,CAAC;MACtD,IAAI,CAACC,QAAQ,GAAG,IAAIF,oBAAoB,CACvCb,aAAa,CAAE,IAAI,CAACgB,EAAG,CAAC,EACxB,CAAC,CACF,CAAC;MACDZ,SAAS,CAACa,OAAO,CAACC,GAAG,CAAE,IAAI,CAACH,QAAS,CAAC;MAEtC,IAAI,CAACI,eAAe,GAAGf,SAAS,CAACa,OAAO,CAAE,IAAI,CAACA,OAAO,CAAC,CAAE,CAAC;MAE1D,IAAI,CAACG,SAAS,GAAG,IAAI,CAACD,eAAe,CAACC,SAAS;MAE/C,IAAI,CAACC,cAAc,GAAG,IAAIC,uBAAc,CAAE,IAAI,CAACC,OAAO,EAAEnB,SAAU,CAAC;IACpE;IAEAoB,SAASA,CAAEC,QAAQ,EAAG;MACrB,IAAI,CAACf,WAAW,CAACQ,GAAG,CAAEO,QAAS,CAAC;MAEhC,OAAO,MAAM;QACZ,IAAI,CAACf,WAAW,CAACgB,MAAM,CAAED,QAAS,CAAC;MACpC,CAAC;IACF;IAEAE,uBAAuBA,CAAEC,QAAQ,EAAEnB,IAAI,EAAG;MACzC,IAAK,CAAEA,IAAI,CAACoB,SAAS,EAAG;QACvB;QACA,IAAK,CAAED,QAAQ,EAAG;UACjB,IAAAE,cAAQ,EAAEC,YAAsB,CAAC,CAACC,mBAAmB,CACpD,KACD,CAAC;QACF;QAEA,IAAI,CAACtB,WAAW,CAACuB,OAAO,CAAIC,UAAU,IACrCA,UAAU,CAAEN,QAAQ,EAAEnB,IAAK,CAC5B,CAAC;MACF;IACD;EACD,CAAC;AACF","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/controls/sidebar-control.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { dispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport SidebarAdapter from '../components/sidebar-block-editor/sidebar-adapter';\nimport getInserterOuterSection from './inserter-outer-section';\nimport { store as customizeWidgetsStore } from '../store';\n\nconst getInserterId = ( controlId ) => `widgets-inserter-${ controlId }`;\n\nexport default function getSidebarControl() {\n\tconst {\n\t\twp: { customize },\n\t} = window;\n\n\treturn class SidebarControl extends customize.Control {\n\t\tconstructor( ...args ) {\n\t\t\tsuper( ...args );\n\n\t\t\tthis.subscribers = new Set();\n\t\t}\n\n\t\tready() {\n\t\t\tconst InserterOuterSection = getInserterOuterSection();\n\t\t\tthis.inserter = new InserterOuterSection(\n\t\t\t\tgetInserterId( this.id ),\n\t\t\t\t{}\n\t\t\t);\n\t\t\tcustomize.section.add( this.inserter );\n\n\t\t\tthis.sectionInstance = customize.section( this.section() );\n\n\t\t\tthis.inspector = this.sectionInstance.inspector;\n\n\t\t\tthis.sidebarAdapter = new SidebarAdapter( this.setting, customize );\n\t\t}\n\n\t\tsubscribe( callback ) {\n\t\t\tthis.subscribers.add( callback );\n\n\t\t\treturn () => {\n\t\t\t\tthis.subscribers.delete( callback );\n\t\t\t};\n\t\t}\n\n\t\tonChangeSectionExpanded( expanded, args ) {\n\t\t\tif ( ! args.unchanged ) {\n\t\t\t\t// Close the inserter when the section collapses.\n\t\t\t\tif ( ! expanded ) {\n\t\t\t\t\tdispatch( customizeWidgetsStore ).setIsInserterOpened(\n\t\t\t\t\t\tfalse\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tthis.subscribers.forEach( ( subscriber ) =>\n\t\t\t\t\tsubscriber( expanded, args )\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t};\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAyB;AAKzB,6BAA2B;AAC3B,oCAAoC;AACpC,mBAA+C;AAE/C,MAAM,gBAAgB,CAAE,cAAe,oBAAqB,SAAU;AAEvD,SAAR,oBAAqC;AAC3C,QAAM;AAAA,IACL,IAAI,EAAE,UAAU;AAAA,EACjB,IAAI;AAEJ,SAAO,MAAM,uBAAuB,UAAU,QAAQ;AAAA,IACrD,eAAgB,MAAO;AACtB,YAAO,GAAG,IAAK;AAEf,WAAK,cAAc,oBAAI,IAAI;AAAA,IAC5B;AAAA,IAEA,QAAQ;AACP,YAAM,2BAAuB,8BAAAA,SAAwB;AACrD,WAAK,WAAW,IAAI;AAAA,QACnB,cAAe,KAAK,EAAG;AAAA,QACvB,CAAC;AAAA,MACF;AACA,gBAAU,QAAQ,IAAK,KAAK,QAAS;AAErC,WAAK,kBAAkB,UAAU,QAAS,KAAK,QAAQ,CAAE;AAEzD,WAAK,YAAY,KAAK,gBAAgB;AAEtC,WAAK,iBAAiB,IAAI,uBAAAC,QAAgB,KAAK,SAAS,SAAU;AAAA,IACnE;AAAA,IAEA,UAAW,UAAW;AACrB,WAAK,YAAY,IAAK,QAAS;AAE/B,aAAO,MAAM;AACZ,aAAK,YAAY,OAAQ,QAAS;AAAA,MACnC;AAAA,IACD;AAAA,IAEA,wBAAyB,UAAU,MAAO;AACzC,UAAK,CAAE,KAAK,WAAY;AAEvB,YAAK,CAAE,UAAW;AACjB,oCAAU,aAAAC,KAAsB,EAAE;AAAA,YACjC;AAAA,UACD;AAAA,QACD;AAEA,aAAK,YAAY;AAAA,UAAS,CAAE,eAC3B,WAAY,UAAU,IAAK;AAAA,QAC5B;AAAA,MACD;AAAA,IACD;AAAA,EACD;AACD;",
+  "names": ["getInserterOuterSection", "SidebarAdapter", "customizeWidgetsStore"]
+}

package/build/controls/sidebar-section.js

@@ -1,42 +1,68 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var sidebar_section_exports = {};
+__export(sidebar_section_exports, {
+  default: () => getSidebarSection
 });
-exports.default = getSidebarSection;
-var _i18n = require("@wordpress/i18n");
-var _inspectorSection = _interopRequireDefault(require("./inspector-section"));
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const getInspectorSectionId = sidebarId => `widgets-inspector-${sidebarId}`;
+module.exports = __toCommonJS(sidebar_section_exports);
+var import_i18n = require("@wordpress/i18n");
+var import_inspector_section = __toESM(require("./inspector-section"));
+const getInspectorSectionId = (sidebarId) => `widgets-inspector-${sidebarId}`;
 function getSidebarSection() {
   const {
-    wp: {
-      customize
-    }
+    wp: { customize }
   } = window;
-  const reduceMotionMediaQuery = window.matchMedia('(prefers-reduced-motion: reduce)');
+  const reduceMotionMediaQuery = window.matchMedia(
+    "(prefers-reduced-motion: reduce)"
+  );
   let isReducedMotion = reduceMotionMediaQuery.matches;
-  reduceMotionMediaQuery.addEventListener('change', event => {
+  reduceMotionMediaQuery.addEventListener("change", (event) => {
     isReducedMotion = event.matches;
   });
   return class SidebarSection extends customize.Section {
     ready() {
-      const InspectorSection = (0, _inspectorSection.default)();
-      this.inspector = new InspectorSection(getInspectorSectionId(this.id), {
-        title: (0, _i18n.__)('Block Settings'),
-        parentSection: this,
-        customizeAction: [(0, _i18n.__)('Customizing'), (0, _i18n.__)('Widgets'), this.params.title].join(' ▸ ')
-      });
+      const InspectorSection = (0, import_inspector_section.default)();
+      this.inspector = new InspectorSection(
+        getInspectorSectionId(this.id),
+        {
+          title: (0, import_i18n.__)("Block Settings"),
+          parentSection: this,
+          customizeAction: [
+            (0, import_i18n.__)("Customizing"),
+            (0, import_i18n.__)("Widgets"),
+            this.params.title
+          ].join(" \u25B8 ")
+        }
+      );
       customize.section.add(this.inspector);
-      this.contentContainer[0].classList.add('customize-widgets__sidebar-section');
+      this.contentContainer[0].classList.add(
+        "customize-widgets__sidebar-section"
+      );
     }
     hasSubSectionOpened() {
       return this.inspector.expanded();
@@ -46,7 +72,7 @@ function getSidebarSection() {
       const args = {
         ..._args,
         completeCallback() {
-          controls.forEach(control => {
+          controls.forEach((control) => {
             control.onChangeSectionExpanded?.(expanded, args);
           });
           _args.completeCallback?.();
@@ -54,22 +80,28 @@ function getSidebarSection() {
       };
       if (args.manualTransition) {
         if (expanded) {
-          this.contentContainer.addClass(['busy', 'open']);
-          this.contentContainer.removeClass('is-sub-section-open');
-          this.contentContainer.closest('.wp-full-overlay').addClass('section-open');
+          this.contentContainer.addClass(["busy", "open"]);
+          this.contentContainer.removeClass("is-sub-section-open");
+          this.contentContainer.closest(".wp-full-overlay").addClass("section-open");
         } else {
-          this.contentContainer.addClass(['busy', 'is-sub-section-open']);
-          this.contentContainer.closest('.wp-full-overlay').addClass('section-open');
-          this.contentContainer.removeClass('open');
+          this.contentContainer.addClass([
+            "busy",
+            "is-sub-section-open"
+          ]);
+          this.contentContainer.closest(".wp-full-overlay").addClass("section-open");
+          this.contentContainer.removeClass("open");
         }
         const handleTransitionEnd = () => {
-          this.contentContainer.removeClass('busy');
+          this.contentContainer.removeClass("busy");
           args.completeCallback();
         };
         if (isReducedMotion) {
           handleTransitionEnd();
         } else {
-          this.contentContainer.one('transitionend', handleTransitionEnd);
+          this.contentContainer.one(
+            "transitionend",
+            handleTransitionEnd
+          );
         }
       } else {
         super.onChangeExpanded(expanded, args);
@@ -77,4 +109,4 @@ function getSidebarSection() {
     }
   };
 }
-//# sourceMappingURL=sidebar-section.js.map
+//# sourceMappingURL=sidebar-section.js.map