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.
- checksums.yaml +4 -4
- data/app/assets/lookbook/js/app.js +1 -0
- data/app/assets/lookbook/js/lib/socket.js +9 -5
- data/app/components/lookbook/nav/component.html.erb +1 -1
- data/app/components/lookbook/tabs/component.js +2 -2
- data/app/controllers/lookbook/application_controller.rb +10 -1
- data/app/controllers/lookbook/pages_controller.rb +0 -1
- data/app/controllers/lookbook/previews_controller.rb +9 -6
- data/app/helpers/lookbook/component_helper.rb +1 -1
- data/app/views/layouts/lookbook/application.html.erb +6 -36
- data/app/views/lookbook/index.html.erb +2 -2
- data/app/views/lookbook/previews/show.html.erb +1 -1
- data/config/routes.rb +1 -1
- data/lib/lookbook/config.rb +7 -4
- data/lib/lookbook/data.rb +2 -2
- data/lib/lookbook/engine.rb +34 -48
- data/lib/lookbook/parser.rb +19 -11
- data/lib/lookbook/preview.rb +22 -76
- data/lib/lookbook/preview_example.rb +11 -4
- data/lib/lookbook/source_inspector.rb +2 -2
- data/lib/lookbook/store.rb +2 -2
- data/lib/lookbook/version.rb +1 -1
- data/lib/tasks/lookbook_tasks.rake +1 -2
- data/public/lookbook-assets/css/lookbook.css +8 -34
- data/public/lookbook-assets/css/lookbook.css.map +1 -1
- data/public/lookbook-assets/js/lookbook.js +244 -190
- data/public/lookbook-assets/js/lookbook.js.map +1 -1
- metadata +2 -2
@@ -7496,65 +7496,116 @@ var $7d6b1fa982d8364d$exports = {};
|
|
7496
7496
|
});
|
7497
7497
|
|
7498
7498
|
|
7499
|
-
|
7500
|
-
|
7501
|
-
*
|
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
|
-
* @
|
7508
|
-
*
|
7509
|
-
* @param {Function} function to
|
7510
|
-
*
|
7511
|
-
* @param {
|
7512
|
-
* @
|
7513
|
-
|
7514
|
-
|
7515
|
-
|
7516
|
-
|
7517
|
-
|
7518
|
-
|
7519
|
-
|
7520
|
-
|
7521
|
-
|
7522
|
-
|
7523
|
-
|
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
|
-
|
7528
|
-
|
7529
|
-
|
7530
|
-
|
7531
|
-
|
7532
|
-
|
7533
|
-
|
7534
|
-
|
7535
|
-
|
7536
|
-
|
7537
|
-
|
7538
|
-
|
7539
|
-
|
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
|
-
|
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,
|
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
|
-
},
|
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 $
|
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,
|
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
|
-
$
|
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 $
|
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
|
-
|
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
|
-
$
|
13371
|
-
$
|
13424
|
+
$730b795bb0498251$exports,
|
13425
|
+
$71b50ebcd41f31b8$exports,
|
13372
13426
|
$4979d2d897a1c01f$exports
|
13373
13427
|
].forEach((scripts)=>{
|
13374
13428
|
const components1 = (0, $5439cede634b2921$export$4e811121b221213b)(scripts);
|