lookbook 1.0.4 → 1.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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);