lookbook 1.0.4 → 1.0.5

Sign up to get free protection for your applications and to get access to all the features.
@@ -7496,65 +7496,116 @@ var $7d6b1fa982d8364d$exports = {};
7496
7496
  });
7497
7497
 
7498
7498
 
7499
- var $d3ec6a576bb30dc9$exports = {};
7500
- /**
7501
- * Returns a function, that, as long as it continues to be invoked, will not
7502
- * be triggered. The function will be called after it stops being called for
7503
- * N milliseconds. If `immediate` is passed, trigger the function on the
7504
- * leading edge, instead of the trailing. The function also has a property 'clear'
7505
- * that is a function which will clear the timer to prevent previously scheduled executions.
7499
+ /* eslint-disable no-undefined,no-param-reassign,no-shadow */ /**
7500
+ * Throttle execution of a function. Especially useful for rate limiting
7501
+ * execution of handlers on events like resize and scroll.
7506
7502
  *
7507
- * @source underscore.js
7508
- * @see http://unscriptable.com/2009/03/20/debouncing-javascript-methods/
7509
- * @param {Function} function to wrap
7510
- * @param {Number} timeout in ms (`100`)
7511
- * @param {Boolean} whether to execute at the beginning (`false`)
7512
- * @api public
7513
- */ function $d3ec6a576bb30dc9$var$debounce(func, wait, immediate) {
7514
- var timeout, args, context, timestamp, result;
7515
- if (null == wait) wait = 100;
7516
- function later() {
7517
- var last = Date.now() - timestamp;
7518
- if (last < wait && last >= 0) timeout = setTimeout(later, wait - last);
7519
- else {
7520
- timeout = null;
7521
- if (!immediate) {
7522
- result = func.apply(context, args);
7523
- context = args = null;
7524
- }
7525
- }
7503
+ * @param {number} delay - A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher)
7504
+ * are most useful.
7505
+ * @param {Function} callback - A function to be executed after delay milliseconds. The `this` context and all arguments are passed through,
7506
+ * as-is, to `callback` when the throttled-function is executed.
7507
+ * @param {object} [options] - An object to configure options.
7508
+ * @param {boolean} [options.noTrailing] - Optional, defaults to false. If noTrailing is true, callback will only execute every `delay` milliseconds
7509
+ * while the throttled-function is being called. If noTrailing is false or unspecified, callback will be executed
7510
+ * one final time after the last throttled-function call. (After the throttled-function has not been called for
7511
+ * `delay` milliseconds, the internal counter is reset).
7512
+ * @param {boolean} [options.noLeading] - Optional, defaults to false. If noLeading is false, the first throttled-function call will execute callback
7513
+ * immediately. If noLeading is true, the first the callback execution will be skipped. It should be noted that
7514
+ * callback will never executed if both noLeading = true and noTrailing = true.
7515
+ * @param {boolean} [options.debounceMode] - If `debounceMode` is true (at begin), schedule `clear` to execute after `delay` ms. If `debounceMode` is
7516
+ * false (at end), schedule `callback` to execute after `delay` ms.
7517
+ *
7518
+ * @returns {Function} A new, throttled, function.
7519
+ */ function $c5d017602d25d050$export$de363e709c412c8a(delay, callback, options1) {
7520
+ var _ref = options1 || {}, _ref$noTrailing = _ref.noTrailing, noTrailing = _ref$noTrailing === void 0 ? false : _ref$noTrailing, _ref$noLeading = _ref.noLeading, noLeading = _ref$noLeading === void 0 ? false : _ref$noLeading, _ref$debounceMode = _ref.debounceMode, debounceMode = _ref$debounceMode === void 0 ? undefined : _ref$debounceMode;
7521
+ /*
7522
+ * After wrapper has stopped being called, this timeout ensures that
7523
+ * `callback` is executed at the proper times in `throttle` and `end`
7524
+ * debounce modes.
7525
+ */ var timeoutID;
7526
+ var cancelled = false; // Keep track of the last time `callback` was executed.
7527
+ var lastExec = 0; // Function to clear existing timeout
7528
+ function clearExistingTimeout() {
7529
+ if (timeoutID) clearTimeout(timeoutID);
7530
+ } // Function to cancel next exec
7531
+ function cancel(options) {
7532
+ var _ref2 = options || {}, _ref2$upcomingOnly = _ref2.upcomingOnly, upcomingOnly = _ref2$upcomingOnly === void 0 ? false : _ref2$upcomingOnly;
7533
+ clearExistingTimeout();
7534
+ cancelled = !upcomingOnly;
7526
7535
  }
7527
- var debounced = function() {
7528
- context = this;
7529
- args = arguments;
7530
- timestamp = Date.now();
7531
- var callNow = immediate && !timeout;
7532
- if (!timeout) timeout = setTimeout(later, wait);
7533
- if (callNow) {
7534
- result = func.apply(context, args);
7535
- context = args = null;
7536
- }
7537
- return result;
7538
- };
7539
- debounced.clear = function() {
7540
- if (timeout) {
7541
- clearTimeout(timeout);
7542
- timeout = null;
7543
- }
7544
- };
7545
- debounced.flush = function() {
7546
- if (timeout) {
7547
- result = func.apply(context, args);
7548
- context = args = null;
7549
- clearTimeout(timeout);
7550
- timeout = null;
7536
+ /*
7537
+ * The `wrapper` function encapsulates all of the throttling / debouncing
7538
+ * functionality and when executed will limit the rate at which `callback`
7539
+ * is executed.
7540
+ */ function wrapper() {
7541
+ for(var _len = arguments.length, arguments_ = new Array(_len), _key = 0; _key < _len; _key++)arguments_[_key] = arguments[_key];
7542
+ var self = this;
7543
+ var elapsed = Date.now() - lastExec;
7544
+ if (cancelled) return;
7545
+ // Execute `callback` and update the `lastExec` timestamp.
7546
+ function exec() {
7547
+ lastExec = Date.now();
7548
+ callback.apply(self, arguments_);
7551
7549
  }
7552
- };
7553
- return debounced;
7550
+ /*
7551
+ * If `debounceMode` is true (at begin) this is used to clear the flag
7552
+ * to allow future `callback` executions.
7553
+ */ function clear() {
7554
+ timeoutID = undefined;
7555
+ }
7556
+ if (!noLeading && debounceMode && !timeoutID) /*
7557
+ * Since `wrapper` is being called for the first time and
7558
+ * `debounceMode` is true (at begin), execute `callback`
7559
+ * and noLeading != true.
7560
+ */ exec();
7561
+ clearExistingTimeout();
7562
+ if (debounceMode === undefined && elapsed > delay) {
7563
+ if (noLeading) {
7564
+ /*
7565
+ * In throttle mode with noLeading, if `delay` time has
7566
+ * been exceeded, update `lastExec` and schedule `callback`
7567
+ * to execute after `delay` ms.
7568
+ */ lastExec = Date.now();
7569
+ if (!noTrailing) timeoutID = setTimeout(debounceMode ? clear : exec, delay);
7570
+ } else /*
7571
+ * In throttle mode without noLeading, if `delay` time has been exceeded, execute
7572
+ * `callback`.
7573
+ */ exec();
7574
+ } else if (noTrailing !== true) /*
7575
+ * In trailing throttle mode, since `delay` time has not been
7576
+ * exceeded, schedule `callback` to execute `delay` ms after most
7577
+ * recent execution.
7578
+ *
7579
+ * If `debounceMode` is true (at begin), schedule `clear` to execute
7580
+ * after `delay` ms.
7581
+ *
7582
+ * If `debounceMode` is false (at end), schedule `callback` to
7583
+ * execute after `delay` ms.
7584
+ */ timeoutID = setTimeout(debounceMode ? clear : exec, debounceMode === undefined ? delay - elapsed : delay);
7585
+ }
7586
+ wrapper.cancel = cancel; // Return the wrapper function.
7587
+ return wrapper;
7588
+ }
7589
+ /* eslint-disable no-undefined */ /**
7590
+ * Debounce execution of a function. Debouncing, unlike throttling,
7591
+ * guarantees that a function is only executed a single time, either at the
7592
+ * very beginning of a series of calls, or at the very end.
7593
+ *
7594
+ * @param {number} delay - A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher) are most useful.
7595
+ * @param {Function} callback - A function to be executed after delay milliseconds. The `this` context and all arguments are passed through, as-is,
7596
+ * to `callback` when the debounced-function is executed.
7597
+ * @param {object} [options] - An object to configure options.
7598
+ * @param {boolean} [options.atBegin] - Optional, defaults to false. If atBegin is false or unspecified, callback will only be executed `delay` milliseconds
7599
+ * after the last debounced-function call. If atBegin is true, callback will be executed only at the first debounced-function call.
7600
+ * (After the throttled-function has not been called for `delay` milliseconds, the internal counter is reset).
7601
+ *
7602
+ * @returns {Function} A new, debounced function.
7603
+ */ function $c5d017602d25d050$export$61fc7d43ac8f84b0(delay, callback, options) {
7604
+ var _ref = options || {}, _ref$atBegin = _ref.atBegin, atBegin = _ref$atBegin === void 0 ? false : _ref$atBegin;
7605
+ return $c5d017602d25d050$export$de363e709c412c8a(delay, callback, {
7606
+ debounceMode: atBegin !== false
7607
+ });
7554
7608
  }
7555
- // Adds compatibility for ES modules
7556
- $d3ec6a576bb30dc9$var$debounce.debounce = $d3ec6a576bb30dc9$var$debounce;
7557
- $d3ec6a576bb30dc9$exports = $d3ec6a576bb30dc9$var$debounce;
7558
7609
 
7559
7610
 
7560
7611
 
@@ -7564,10 +7615,12 @@ function $ccd45e92e751836d$export$2e2bcd8739ae039(endpoint) {
7564
7615
  return {
7565
7616
  addListener (channel, callback) {
7566
7617
  consumer.subscriptions.create(channel, {
7567
- received: (0, (/*@__PURE__*/$parcel$interopDefault($d3ec6a576bb30dc9$exports)))((data)=>{
7618
+ received: (0, $c5d017602d25d050$export$61fc7d43ac8f84b0)(200, (data)=>{
7568
7619
  (0, (/*@__PURE__*/$parcel$interopDefault($5267f0d63de538ba$exports))).debug("Lookbook files changed");
7569
7620
  callback(data);
7570
- }, 200),
7621
+ }, {
7622
+ atBegin: true
7623
+ }),
7571
7624
  connected () {
7572
7625
  (0, (/*@__PURE__*/$parcel$interopDefault($5267f0d63de538ba$exports))).info("Lookbook websocket connected");
7573
7626
  },
@@ -7629,6 +7682,7 @@ function $d709d0f4027033b2$export$2e2bcd8739ae039() {
7629
7682
  location: window.location,
7630
7683
  init () {
7631
7684
  if (window.SOCKET_PATH) {
7685
+ console.log("SOCKET CREATED");
7632
7686
  const socket = (0, $ccd45e92e751836d$export$2e2bcd8739ae039)(window.SOCKET_PATH);
7633
7687
  socket.addListener("Lookbook::ReloadChannel", ()=>this.updateDOM());
7634
7688
  }
@@ -7701,7 +7755,7 @@ function $5439cede634b2921$var$toCamel(s) {
7701
7755
  }
7702
7756
 
7703
7757
 
7704
- var $d865a31e17cd1079$exports = {};
7758
+ var $730b795bb0498251$exports = {};
7705
7759
  var $cbd28b10fa9798c7$exports = {};
7706
7760
 
7707
7761
  $parcel$defineInteropFlag($cbd28b10fa9798c7$exports);
@@ -11364,6 +11418,62 @@ function $99486586f6691564$export$2e2bcd8739ae039() {
11364
11418
  }
11365
11419
 
11366
11420
 
11421
+ var $47a1c62621be0c54$exports = {};
11422
+
11423
+ $parcel$defineInteropFlag($47a1c62621be0c54$exports);
11424
+
11425
+ $parcel$export($47a1c62621be0c54$exports, "default", () => $47a1c62621be0c54$export$2e2bcd8739ae039);
11426
+ var $122263eab94cad08$exports = {};
11427
+
11428
+ $parcel$defineInteropFlag($122263eab94cad08$exports);
11429
+
11430
+ $parcel$export($122263eab94cad08$exports, "initClipboard", () => $122263eab94cad08$export$c6684e6159b21de3);
11431
+ $parcel$export($122263eab94cad08$exports, "default", () => $122263eab94cad08$export$2e2bcd8739ae039);
11432
+
11433
+ function $122263eab94cad08$export$c6684e6159b21de3(context = {}) {
11434
+ let copyTimeout = null;
11435
+ return Object.assign(context, {
11436
+ copied: false,
11437
+ async copyToClipboard (target = null) {
11438
+ let targetEl;
11439
+ if (this.$refs.copyTarget) targetEl = this.$refs.copyTarget;
11440
+ else if (typeof target === "string") targetEl = document.querySelector(target);
11441
+ if (!targetEl) {
11442
+ this.warn("Could not find copy target");
11443
+ return false;
11444
+ }
11445
+ const content = (0, $7ae6ae39c2ec9059$export$6cb344a21ca18aec)(targetEl.innerHTML.trim());
11446
+ await window.navigator.clipboard.writeText(content);
11447
+ this.copied = true;
11448
+ if (copyTimeout) clearTimeout(copyTimeout);
11449
+ copyTimeout = setTimeout(()=>{
11450
+ this.copied = false;
11451
+ this.onCopyComplete();
11452
+ }, 1000);
11453
+ return content;
11454
+ },
11455
+ onCopyComplete () {}
11456
+ });
11457
+ }
11458
+ function $122263eab94cad08$export$2e2bcd8739ae039() {
11459
+ return $122263eab94cad08$export$c6684e6159b21de3({});
11460
+ }
11461
+
11462
+
11463
+
11464
+ function $47a1c62621be0c54$export$2e2bcd8739ae039() {
11465
+ const button = (0, $cbd28b10fa9798c7$export$2e2bcd8739ae039)();
11466
+ return {
11467
+ ...button,
11468
+ copied: false,
11469
+ init () {
11470
+ button.init.bind(this)();
11471
+ (0, $122263eab94cad08$export$c6684e6159b21de3)(this);
11472
+ }
11473
+ };
11474
+ }
11475
+
11476
+
11367
11477
  var $e398acaded942bbe$exports = {};
11368
11478
 
11369
11479
  $parcel$defineInteropFlag($e398acaded942bbe$exports);
@@ -12287,62 +12397,6 @@ function $e9904a14dabf652d$export$2e2bcd8739ae039(store) {
12287
12397
  }
12288
12398
 
12289
12399
 
12290
- var $47a1c62621be0c54$exports = {};
12291
-
12292
- $parcel$defineInteropFlag($47a1c62621be0c54$exports);
12293
-
12294
- $parcel$export($47a1c62621be0c54$exports, "default", () => $47a1c62621be0c54$export$2e2bcd8739ae039);
12295
- var $122263eab94cad08$exports = {};
12296
-
12297
- $parcel$defineInteropFlag($122263eab94cad08$exports);
12298
-
12299
- $parcel$export($122263eab94cad08$exports, "initClipboard", () => $122263eab94cad08$export$c6684e6159b21de3);
12300
- $parcel$export($122263eab94cad08$exports, "default", () => $122263eab94cad08$export$2e2bcd8739ae039);
12301
-
12302
- function $122263eab94cad08$export$c6684e6159b21de3(context = {}) {
12303
- let copyTimeout = null;
12304
- return Object.assign(context, {
12305
- copied: false,
12306
- async copyToClipboard (target = null) {
12307
- let targetEl;
12308
- if (this.$refs.copyTarget) targetEl = this.$refs.copyTarget;
12309
- else if (typeof target === "string") targetEl = document.querySelector(target);
12310
- if (!targetEl) {
12311
- this.warn("Could not find copy target");
12312
- return false;
12313
- }
12314
- const content = (0, $7ae6ae39c2ec9059$export$6cb344a21ca18aec)(targetEl.innerHTML.trim());
12315
- await window.navigator.clipboard.writeText(content);
12316
- this.copied = true;
12317
- if (copyTimeout) clearTimeout(copyTimeout);
12318
- copyTimeout = setTimeout(()=>{
12319
- this.copied = false;
12320
- this.onCopyComplete();
12321
- }, 1000);
12322
- return content;
12323
- },
12324
- onCopyComplete () {}
12325
- });
12326
- }
12327
- function $122263eab94cad08$export$2e2bcd8739ae039() {
12328
- return $122263eab94cad08$export$c6684e6159b21de3({});
12329
- }
12330
-
12331
-
12332
-
12333
- function $47a1c62621be0c54$export$2e2bcd8739ae039() {
12334
- const button = (0, $cbd28b10fa9798c7$export$2e2bcd8739ae039)();
12335
- return {
12336
- ...button,
12337
- copied: false,
12338
- init () {
12339
- button.init.bind(this)();
12340
- (0, $122263eab94cad08$export$c6684e6159b21de3)(this);
12341
- }
12342
- };
12343
- }
12344
-
12345
-
12346
12400
  var $36506012e0c6e9e3$exports = {};
12347
12401
 
12348
12402
  $parcel$defineInteropFlag($36506012e0c6e9e3$exports);
@@ -12964,6 +13018,33 @@ function $506dabb2bf255b38$var$sizeSplits(sizes) {
12964
13018
  }
12965
13019
 
12966
13020
 
13021
+ var $a87dacf5139b5e2f$exports = {};
13022
+
13023
+ $parcel$defineInteropFlag($a87dacf5139b5e2f$exports);
13024
+
13025
+ $parcel$export($a87dacf5139b5e2f$exports, "default", () => $a87dacf5139b5e2f$export$2e2bcd8739ae039);
13026
+ function $a87dacf5139b5e2f$export$2e2bcd8739ae039(store) {
13027
+ return {
13028
+ get store () {
13029
+ return store || this;
13030
+ },
13031
+ get id () {
13032
+ return this.$root.id;
13033
+ },
13034
+ get panels () {
13035
+ return Array.from(this.$refs.panels.children);
13036
+ },
13037
+ isActive (el) {
13038
+ return this.store.activeTab === this._getRef(el);
13039
+ },
13040
+ // protected
13041
+ _getRef (el) {
13042
+ return el.getAttribute("x-ref");
13043
+ }
13044
+ };
13045
+ }
13046
+
13047
+
12967
13048
  var $0db07828cadc68e0$exports = {};
12968
13049
 
12969
13050
  $parcel$defineInteropFlag($0db07828cadc68e0$exports);
@@ -13005,7 +13086,7 @@ function $0db07828cadc68e0$export$2e2bcd8739ae039(store) {
13005
13086
  });
13006
13087
  const initialTab = initial1 ? this.tabs.find((t)=>this._getRef(t) === initial1) : this.tabs[0];
13007
13088
  this.selectTab(initialTab, true);
13008
- this.parentObserver = (0, $9930d46698775b42$export$a2214cc2adb2dc44)(this.$root.parentElement, (0, (/*@__PURE__*/$parcel$interopDefault($d3ec6a576bb30dc9$exports)))(this.handleResize.bind(this), 10));
13089
+ this.parentObserver = (0, $9930d46698775b42$export$a2214cc2adb2dc44)(this.$root.parentElement, (0, $c5d017602d25d050$export$61fc7d43ac8f84b0)(10, this.handleResize.bind(this)));
13009
13090
  this.$watch("visibleTabsCount", (value)=>{
13010
13091
  this.debug(`'#${this.$root.id}' visible tabs count:`, value);
13011
13092
  });
@@ -13056,33 +13137,6 @@ function $0db07828cadc68e0$export$2e2bcd8739ae039(store) {
13056
13137
  }
13057
13138
 
13058
13139
 
13059
- var $a87dacf5139b5e2f$exports = {};
13060
-
13061
- $parcel$defineInteropFlag($a87dacf5139b5e2f$exports);
13062
-
13063
- $parcel$export($a87dacf5139b5e2f$exports, "default", () => $a87dacf5139b5e2f$export$2e2bcd8739ae039);
13064
- function $a87dacf5139b5e2f$export$2e2bcd8739ae039(store) {
13065
- return {
13066
- get store () {
13067
- return store || this;
13068
- },
13069
- get id () {
13070
- return this.$root.id;
13071
- },
13072
- get panels () {
13073
- return Array.from(this.$refs.panels.children);
13074
- },
13075
- isActive (el) {
13076
- return this.store.activeTab === this._getRef(el);
13077
- },
13078
- // protected
13079
- _getRef (el) {
13080
- return el.getAttribute("x-ref");
13081
- }
13082
- };
13083
- }
13084
-
13085
-
13086
13140
  var $6d64716f0b34fdf4$exports = {};
13087
13141
 
13088
13142
  $parcel$defineInteropFlag($6d64716f0b34fdf4$exports);
@@ -13210,24 +13264,62 @@ function $6d64716f0b34fdf4$export$2e2bcd8739ae039(store) {
13210
13264
  }
13211
13265
 
13212
13266
 
13213
- $d865a31e17cd1079$exports = {
13267
+ $730b795bb0498251$exports = {
13214
13268
  "button": $cbd28b10fa9798c7$exports,
13215
13269
  "code": $99486586f6691564$exports,
13270
+ "copy_button": $47a1c62621be0c54$exports,
13216
13271
  "dimensions_display": $e398acaded942bbe$exports,
13217
13272
  "embed": $e1f51f020443edd4$exports,
13218
13273
  "filter": $e9904a14dabf652d$exports,
13219
- "copy_button": $47a1c62621be0c54$exports,
13220
13274
  "icon": $36506012e0c6e9e3$exports,
13221
13275
  "nav": $d92d9d5253f84566$exports,
13222
13276
  "params_editor": $b63b9c6d236b3f65$exports,
13223
13277
  "split_layout": $506dabb2bf255b38$exports,
13224
- "tabs": $0db07828cadc68e0$exports,
13225
13278
  "tab_panels": $a87dacf5139b5e2f$exports,
13279
+ "tabs": $0db07828cadc68e0$exports,
13226
13280
  "viewport": $6d64716f0b34fdf4$exports
13227
13281
  };
13228
13282
 
13229
13283
 
13230
- var $e4eab7529959b73b$exports = {};
13284
+ var $71b50ebcd41f31b8$exports = {};
13285
+ var $fa8073e5be19dff9$exports = {};
13286
+
13287
+ $parcel$defineInteropFlag($fa8073e5be19dff9$exports);
13288
+
13289
+ $parcel$export($fa8073e5be19dff9$exports, "default", () => $fa8073e5be19dff9$export$2e2bcd8739ae039);
13290
+ function $fa8073e5be19dff9$export$2e2bcd8739ae039({ name: name , value: value }) {
13291
+ return {
13292
+ name: name,
13293
+ value: value,
13294
+ init () {
13295
+ this.$watch("value", ()=>this.update());
13296
+ },
13297
+ update () {
13298
+ if (this.validate()) {
13299
+ const searchParams = new URLSearchParams(window.location.search);
13300
+ searchParams.set(this.name, this.value);
13301
+ const path = location.href.replace(location.search, "");
13302
+ this.navigateTo(`${path}?${searchParams.toString()}`);
13303
+ }
13304
+ },
13305
+ validate () {
13306
+ return this.$root.reportValidity ? this.$root.reportValidity() : true;
13307
+ },
13308
+ get isNarrowLayout () {
13309
+ return this.narrow || false;
13310
+ },
13311
+ bindings: {
13312
+ input: {
13313
+ [":id"]: "`param-${name}`",
13314
+ ["x-ref"]: "input",
13315
+ ["x-model.debounce.200"]: "value",
13316
+ ["@keydown.stop"]: true
13317
+ }
13318
+ }
13319
+ };
13320
+ }
13321
+
13322
+
13231
13323
  var $9b24cbeb3a465447$exports = {};
13232
13324
 
13233
13325
  $parcel$defineInteropFlag($9b24cbeb3a465447$exports);
@@ -13284,50 +13376,12 @@ function $9b24cbeb3a465447$export$2e2bcd8739ae039({ id: id , matchers: matchers
13284
13376
  }
13285
13377
 
13286
13378
 
13287
- var $fa8073e5be19dff9$exports = {};
13288
-
13289
- $parcel$defineInteropFlag($fa8073e5be19dff9$exports);
13290
-
13291
- $parcel$export($fa8073e5be19dff9$exports, "default", () => $fa8073e5be19dff9$export$2e2bcd8739ae039);
13292
- function $fa8073e5be19dff9$export$2e2bcd8739ae039({ name: name , value: value }) {
13293
- return {
13294
- name: name,
13295
- value: value,
13296
- init () {
13297
- this.$watch("value", ()=>this.update());
13298
- },
13299
- update () {
13300
- if (this.validate()) {
13301
- const searchParams = new URLSearchParams(window.location.search);
13302
- searchParams.set(this.name, this.value);
13303
- const path = location.href.replace(location.search, "");
13304
- this.navigateTo(`${path}?${searchParams.toString()}`);
13305
- }
13306
- },
13307
- validate () {
13308
- return this.$root.reportValidity ? this.$root.reportValidity() : true;
13309
- },
13310
- get isNarrowLayout () {
13311
- return this.narrow || false;
13312
- },
13313
- bindings: {
13314
- input: {
13315
- [":id"]: "`param-${name}`",
13316
- ["x-ref"]: "input",
13317
- ["x-model.debounce.200"]: "value",
13318
- ["@keydown.stop"]: true
13319
- }
13320
- }
13321
- };
13322
- }
13323
-
13324
-
13325
- $e4eab7529959b73b$exports = {
13326
- "nav": {
13327
- "item": $9b24cbeb3a465447$exports
13328
- },
13379
+ $71b50ebcd41f31b8$exports = {
13329
13380
  "params_editor": {
13330
13381
  "field": $fa8073e5be19dff9$exports
13382
+ },
13383
+ "nav": {
13384
+ "item": $9b24cbeb3a465447$exports
13331
13385
  }
13332
13386
  };
13333
13387
 
@@ -13367,8 +13421,8 @@ const $d73574cc5e9b9e72$var$prefix = window.APP_NAME;
13367
13421
  // Components
13368
13422
  (0, $caa9439642c6336c$export$2e2bcd8739ae039).data("app", (0, $d709d0f4027033b2$export$2e2bcd8739ae039));
13369
13423
  [
13370
- $d865a31e17cd1079$exports,
13371
- $e4eab7529959b73b$exports,
13424
+ $730b795bb0498251$exports,
13425
+ $71b50ebcd41f31b8$exports,
13372
13426
  $4979d2d897a1c01f$exports
13373
13427
  ].forEach((scripts)=>{
13374
13428
  const components1 = (0, $5439cede634b2921$export$4e811121b221213b)(scripts);