lookbook 2.0.0.beta.4 → 2.0.0.beta.6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (86) hide show
  1. checksums.yaml +4 -4
  2. data/app/components/lookbook/button/component.js +2 -2
  3. data/app/components/lookbook/copy_button/component.js +1 -1
  4. data/app/components/lookbook/display_options/field/component.js +1 -1
  5. data/app/components/lookbook/header/component.css +12 -0
  6. data/app/components/lookbook/header/component.html.erb +13 -9
  7. data/app/components/lookbook/header/component.rb +4 -2
  8. data/app/components/lookbook/icon/component.css +8 -0
  9. data/app/components/lookbook/icon/component.html.erb +2 -4
  10. data/app/components/lookbook/icon/component.rb +16 -4
  11. data/app/components/lookbook/nav/directory/component.html.erb +4 -4
  12. data/app/components/lookbook/nav/entity/component.html.erb +4 -4
  13. data/app/components/lookbook/tabs/component.js +1 -1
  14. data/app/views/layouts/lookbook/application.html.erb +40 -42
  15. data/app/views/layouts/lookbook/skeleton.html.erb +3 -9
  16. data/app/views/lookbook/inspector/panels/_preview.html.erb +1 -0
  17. data/app/views/lookbook/inspector/show.html.erb +10 -2
  18. data/config/app.yml +2 -1
  19. data/lib/lookbook/engine.rb +20 -18
  20. data/lib/lookbook/entities/concerns/navigable_entity.rb +6 -1
  21. data/lib/lookbook/entities/preview_entity.rb +24 -4
  22. data/lib/lookbook/entities/scenario_group_entity.rb +5 -0
  23. data/lib/lookbook/preview.rb +4 -0
  24. data/lib/lookbook/services/urls/data_uri_encoder.rb +14 -0
  25. data/lib/lookbook/services/urls/file_data_uri_encoder.rb +24 -0
  26. data/lib/lookbook/stores/config_store.rb +46 -1
  27. data/lib/lookbook/stores/hook_store.rb +0 -10
  28. data/lib/lookbook/stores/input_store.rb +7 -1
  29. data/lib/lookbook/stores/panel_store.rb +4 -1
  30. data/lib/lookbook/stores/tag_store.rb +6 -5
  31. data/lib/lookbook/version.rb +1 -1
  32. data/lib/lookbook.rb +3 -3
  33. data/public/lookbook-assets/css/lookbook.css +125 -6
  34. data/public/lookbook-assets/css/lookbook.css.map +1 -1
  35. data/public/lookbook-assets/css/themes/blue.css.map +1 -1
  36. data/public/lookbook-assets/css/themes/green.css.map +1 -1
  37. data/public/lookbook-assets/css/themes/indigo.css.map +1 -1
  38. data/public/lookbook-assets/css/themes/rose.css.map +1 -1
  39. data/public/lookbook-assets/css/themes/zinc.css.map +1 -1
  40. data/public/lookbook-assets/js/iframe.js +2 -1
  41. data/public/lookbook-assets/js/iframe.js.map +1 -1
  42. data/public/lookbook-assets/js/index.js +322 -350
  43. data/public/lookbook-assets/js/index.js.map +1 -1
  44. data/public/lookbook-assets/js/lookbook-core.js +21 -21
  45. data/public/lookbook-assets/js/lookbook.js +30 -29
  46. metadata +10 -43
  47. data/app/assets/lookbook/css/fonts.css +0 -33
  48. data/app/assets/lookbook/css/lookbook.css +0 -145
  49. data/app/assets/lookbook/css/themes/blue.css +0 -76
  50. data/app/assets/lookbook/css/themes/green.css +0 -76
  51. data/app/assets/lookbook/css/themes/indigo.css +0 -76
  52. data/app/assets/lookbook/css/themes/rose.css +0 -76
  53. data/app/assets/lookbook/css/themes/zinc.css +0 -76
  54. data/app/assets/lookbook/css/tooltip.css +0 -53
  55. data/app/assets/lookbook/img/lucide-sprite.svg +0 -4960
  56. data/app/assets/lookbook/js/app.js +0 -112
  57. data/app/assets/lookbook/js/components/clipboard.js +0 -47
  58. data/app/assets/lookbook/js/components/params_input.js +0 -23
  59. data/app/assets/lookbook/js/components/tooltip.js +0 -30
  60. data/app/assets/lookbook/js/config.js +0 -24
  61. data/app/assets/lookbook/js/helpers/build.js +0 -22
  62. data/app/assets/lookbook/js/helpers/dom.js +0 -42
  63. data/app/assets/lookbook/js/helpers/layout.js +0 -21
  64. data/app/assets/lookbook/js/helpers/request.js +0 -16
  65. data/app/assets/lookbook/js/helpers/string.js +0 -26
  66. data/app/assets/lookbook/js/iframe.js +0 -1
  67. data/app/assets/lookbook/js/index.js +0 -61
  68. data/app/assets/lookbook/js/lib/lookbook.js +0 -123
  69. data/app/assets/lookbook/js/lib/socket.js +0 -28
  70. data/app/assets/lookbook/js/lib/tippy.js +0 -9
  71. data/app/assets/lookbook/js/lookbook-core.js +0 -1
  72. data/app/assets/lookbook/js/lookbook.js +0 -2
  73. data/app/assets/lookbook/js/plugins/logger.js +0 -39
  74. data/app/assets/lookbook/js/stores/filter.js +0 -11
  75. data/app/assets/lookbook/js/stores/inspector.js +0 -31
  76. data/app/assets/lookbook/js/stores/layout.js +0 -111
  77. data/app/assets/lookbook/js/stores/nav.js +0 -22
  78. data/app/assets/lookbook/js/stores/pages.js +0 -7
  79. data/app/assets/lookbook/js/stores/settings.js +0 -7
  80. data/app/assets/lookbook/js/stores/workbench.js +0 -29
  81. data/app/components/lookbook/icon/component.js +0 -5
  82. data/config/hooks.yml +0 -4
  83. /data/{app/assets/lookbook/fonts/Inter-italic.var.woff2 → public/lookbook-assets/Inter-italic.var.53a0de5f.woff2} +0 -0
  84. /data/{app/assets/lookbook/fonts/Inter-roman.var.woff2 → public/lookbook-assets/Inter-roman.var.d4f9805a.woff2} +0 -0
  85. /data/{app/assets/lookbook/fonts/SourceCodeVariable-Italic.ttf.woff2 → public/lookbook-assets/SourceCodeVariable-Italic.ttf.a93fa22f.woff2} +0 -0
  86. /data/{app/assets/lookbook/fonts/SourceCodeVariable-Roman.ttf.woff2 → public/lookbook-assets/SourceCodeVariable-Roman.ttf.f1c8fcce.woff2} +0 -0
@@ -12,6 +12,7 @@ function $parcel$export(e, n, v, s) {
12
12
  var $caa9439642c6336c$var$flushPending = false;
13
13
  var $caa9439642c6336c$var$flushing = false;
14
14
  var $caa9439642c6336c$var$queue = [];
15
+ var $caa9439642c6336c$var$lastFlushedIndex = -1;
15
16
  function $caa9439642c6336c$var$scheduler(callback) {
16
17
  $caa9439642c6336c$var$queueJob(callback);
17
18
  }
@@ -21,7 +22,7 @@ function $caa9439642c6336c$var$queueJob(job) {
21
22
  }
22
23
  function $caa9439642c6336c$var$dequeueJob(job) {
23
24
  let index = $caa9439642c6336c$var$queue.indexOf(job);
24
- if (index !== -1) $caa9439642c6336c$var$queue.splice(index, 1);
25
+ if (index !== -1 && index > $caa9439642c6336c$var$lastFlushedIndex) $caa9439642c6336c$var$queue.splice(index, 1);
25
26
  }
26
27
  function $caa9439642c6336c$var$queueFlush() {
27
28
  if (!$caa9439642c6336c$var$flushing && !$caa9439642c6336c$var$flushPending) {
@@ -32,8 +33,12 @@ function $caa9439642c6336c$var$queueFlush() {
32
33
  function $caa9439642c6336c$var$flushJobs() {
33
34
  $caa9439642c6336c$var$flushPending = false;
34
35
  $caa9439642c6336c$var$flushing = true;
35
- for(let i = 0; i < $caa9439642c6336c$var$queue.length; i++)$caa9439642c6336c$var$queue[i]();
36
+ for(let i = 0; i < $caa9439642c6336c$var$queue.length; i++){
37
+ $caa9439642c6336c$var$queue[i]();
38
+ $caa9439642c6336c$var$lastFlushedIndex = i;
39
+ }
36
40
  $caa9439642c6336c$var$queue.length = 0;
41
+ $caa9439642c6336c$var$lastFlushedIndex = -1;
37
42
  $caa9439642c6336c$var$flushing = false;
38
43
  }
39
44
  // packages/alpinejs/src/reactivity.js
@@ -66,7 +71,7 @@ function $caa9439642c6336c$var$elementBoundEffect(el) {
66
71
  let wrappedEffect = (callback)=>{
67
72
  let effectReference = $caa9439642c6336c$var$effect(callback);
68
73
  if (!el._x_effects) {
69
- el._x_effects = new Set();
74
+ el._x_effects = /* @__PURE__ */ new Set();
70
75
  el._x_runEffects = ()=>{
71
76
  el._x_effects.forEach((i)=>i());
72
77
  };
@@ -175,8 +180,8 @@ function $caa9439642c6336c$var$onMutate(mutations) {
175
180
  }
176
181
  let addedNodes = [];
177
182
  let removedNodes = [];
178
- let addedAttributes = new Map();
179
- let removedAttributes = new Map();
183
+ let addedAttributes = /* @__PURE__ */ new Map();
184
+ let removedAttributes = /* @__PURE__ */ new Map();
180
185
  for(let i = 0; i < mutations.length; i++){
181
186
  if (mutations[i].target._x_ignoreMutationObserver) continue;
182
187
  if (mutations[i].type === "childList") {
@@ -422,8 +427,7 @@ function $caa9439642c6336c$var$normalEvaluator(el, expression) {
422
427
  overriddenMagics,
423
428
  ...$caa9439642c6336c$var$closestDataStack(el)
424
429
  ];
425
- if (typeof expression === "function") return $caa9439642c6336c$var$generateEvaluatorFromFunction(dataStack, expression);
426
- let evaluator = $caa9439642c6336c$var$generateEvaluatorFromString(dataStack, expression, el);
430
+ let evaluator = typeof expression === "function" ? $caa9439642c6336c$var$generateEvaluatorFromFunction(dataStack, expression) : $caa9439642c6336c$var$generateEvaluatorFromString(dataStack, expression, el);
427
431
  return $caa9439642c6336c$var$tryCatch.bind(null, el, expression, evaluator);
428
432
  }
429
433
  function $caa9439642c6336c$var$generateEvaluatorFromFunction(dataStack, func) {
@@ -500,8 +504,8 @@ function $caa9439642c6336c$var$directive(name, callback) {
500
504
  console.warn("Cannot find directive `${directive}`. `${name}` will use the default order of execution");
501
505
  return;
502
506
  }
503
- const pos = $caa9439642c6336c$var$directiveOrder.indexOf(directive2) ?? $caa9439642c6336c$var$directiveOrder.indexOf("DEFAULT");
504
- if (pos >= 0) $caa9439642c6336c$var$directiveOrder.splice(pos, 0, name);
507
+ const pos = $caa9439642c6336c$var$directiveOrder.indexOf(directive2);
508
+ $caa9439642c6336c$var$directiveOrder.splice(pos >= 0 ? pos : $caa9439642c6336c$var$directiveOrder.indexOf("DEFAULT"), 0, name);
505
509
  }
506
510
  };
507
511
  }
@@ -532,7 +536,7 @@ function $caa9439642c6336c$var$attributesOnly(attributes) {
532
536
  return Array.from(attributes).map($caa9439642c6336c$var$toTransformedAttributes()).filter((attr)=>!$caa9439642c6336c$var$outNonAlpineAttributes(attr));
533
537
  }
534
538
  var $caa9439642c6336c$var$isDeferringHandlers = false;
535
- var $caa9439642c6336c$var$directiveHandlerStacks = new Map();
539
+ var $caa9439642c6336c$var$directiveHandlerStacks = /* @__PURE__ */ new Map();
536
540
  var $caa9439642c6336c$var$currentHandlerStackKey = Symbol();
537
541
  function $caa9439642c6336c$var$deferHandlingDirectives(callback) {
538
542
  $caa9439642c6336c$var$isDeferringHandlers = true;
@@ -634,17 +638,9 @@ var $caa9439642c6336c$var$directiveOrder = [
634
638
  "ref",
635
639
  "data",
636
640
  "id",
637
- "radio",
638
- "tabs",
639
- "switch",
640
- "disclosure",
641
- "menu",
642
- "listbox",
643
- "combobox",
644
641
  "bind",
645
642
  "init",
646
643
  "for",
647
- "mask",
648
644
  "model",
649
645
  "modelable",
650
646
  "transition",
@@ -663,6 +659,7 @@ function $caa9439642c6336c$var$dispatch(el, name, detail = {}) {
663
659
  el.dispatchEvent(new CustomEvent(name, {
664
660
  detail: detail,
665
661
  bubbles: true,
662
+ // Allows events to pass the shadow DOM barrier.
666
663
  composed: true,
667
664
  cancelable: true
668
665
  }));
@@ -863,7 +860,7 @@ $caa9439642c6336c$var$directive("transition", (el, { value: value , modifiers: m
863
860
  function $caa9439642c6336c$var$registerTransitionsFromClassString(el, classString, stage) {
864
861
  $caa9439642c6336c$var$registerTransitionObject(el, $caa9439642c6336c$var$setClasses, "");
865
862
  let directiveStorageMap = {
866
- enter: (classes)=>{
863
+ "enter": (classes)=>{
867
864
  el._x_transition.enter.during = classes;
868
865
  },
869
866
  "enter-start": (classes)=>{
@@ -872,7 +869,7 @@ function $caa9439642c6336c$var$registerTransitionsFromClassString(el, classStrin
872
869
  "enter-end": (classes)=>{
873
870
  el._x_transition.enter.end = classes;
874
871
  },
875
- leave: (classes)=>{
872
+ "leave": (classes)=>{
876
873
  el._x_transition.leave.during = classes;
877
874
  },
878
875
  "leave-start": (classes)=>{
@@ -1388,7 +1385,7 @@ var $caa9439642c6336c$var$Alpine = {
1388
1385
  get raw () {
1389
1386
  return $caa9439642c6336c$var$raw;
1390
1387
  },
1391
- version: "3.11.1",
1388
+ version: "3.12.0",
1392
1389
  flushAndStopDeferringMutations: $caa9439642c6336c$var$flushAndStopDeferringMutations,
1393
1390
  dontAutoEvaluateFunctions: $caa9439642c6336c$var$dontAutoEvaluateFunctions,
1394
1391
  disableEffectScheduling: $caa9439642c6336c$var$disableEffectScheduling,
@@ -1411,9 +1408,12 @@ var $caa9439642c6336c$var$Alpine = {
1411
1408
  closestRoot: $caa9439642c6336c$var$closestRoot,
1412
1409
  destroyTree: $caa9439642c6336c$var$destroyTree,
1413
1410
  interceptor: $caa9439642c6336c$var$interceptor,
1414
- transition: $caa9439642c6336c$var$transition,
1415
- setStyles: $caa9439642c6336c$var$setStyles,
1416
- mutateDom: $caa9439642c6336c$var$mutateDom,
1411
+ transition: // INTERNAL: not public API and is subject to change without major release.
1412
+ $caa9439642c6336c$var$transition,
1413
+ setStyles: // INTERNAL
1414
+ $caa9439642c6336c$var$setStyles,
1415
+ mutateDom: // INTERNAL
1416
+ $caa9439642c6336c$var$mutateDom,
1417
1417
  directive: $caa9439642c6336c$var$directive,
1418
1418
  throttle: $caa9439642c6336c$var$throttle,
1419
1419
  debounce: $caa9439642c6336c$var$debounce,
@@ -1436,32 +1436,11 @@ var $caa9439642c6336c$var$Alpine = {
1436
1436
  var $caa9439642c6336c$var$alpine_default = $caa9439642c6336c$var$Alpine;
1437
1437
  // node_modules/@vue/shared/dist/shared.esm-bundler.js
1438
1438
  function $caa9439642c6336c$var$makeMap(str, expectsLowerCase) {
1439
- const map = Object.create(null);
1439
+ const map = /* @__PURE__ */ Object.create(null);
1440
1440
  const list = str.split(",");
1441
1441
  for(let i = 0; i < list.length; i++)map[list[i]] = true;
1442
1442
  return expectsLowerCase ? (val)=>!!map[val.toLowerCase()] : (val)=>!!map[val];
1443
1443
  }
1444
- var $caa9439642c6336c$var$PatchFlagNames = {
1445
- [1]: `TEXT`,
1446
- [2]: `CLASS`,
1447
- [4]: `STYLE`,
1448
- [8]: `PROPS`,
1449
- [16]: `FULL_PROPS`,
1450
- [32]: `HYDRATE_EVENTS`,
1451
- [64]: `STABLE_FRAGMENT`,
1452
- [128]: `KEYED_FRAGMENT`,
1453
- [256]: `UNKEYED_FRAGMENT`,
1454
- [512]: `NEED_PATCH`,
1455
- [1024]: `DYNAMIC_SLOTS`,
1456
- [2048]: `DEV_ROOT_FRAGMENT`,
1457
- [-1]: `HOISTED`,
1458
- [-2]: `BAIL`
1459
- };
1460
- var $caa9439642c6336c$var$slotFlagsText = {
1461
- [1]: "STABLE",
1462
- [2]: "DYNAMIC",
1463
- [3]: "FORWARDED"
1464
- };
1465
1444
  var $caa9439642c6336c$var$specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`;
1466
1445
  var $caa9439642c6336c$var$isBooleanAttr2 = /* @__PURE__ */ $caa9439642c6336c$var$makeMap($caa9439642c6336c$var$specialBooleanAttrs + `,async,autofocus,autoplay,controls,default,defer,disabled,hidden,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected`);
1467
1446
  var $caa9439642c6336c$var$EMPTY_OBJ = Object.freeze({});
@@ -1481,7 +1460,7 @@ var $caa9439642c6336c$var$toRawType = (value)=>{
1481
1460
  };
1482
1461
  var $caa9439642c6336c$var$isIntegerKey = (key)=>$caa9439642c6336c$var$isString(key) && key !== "NaN" && key[0] !== "-" && "" + parseInt(key, 10) === key;
1483
1462
  var $caa9439642c6336c$var$cacheStringFunction = (fn)=>{
1484
- const cache = Object.create(null);
1463
+ const cache = /* @__PURE__ */ Object.create(null);
1485
1464
  return (str)=>{
1486
1465
  const hit = cache[str];
1487
1466
  return hit || (cache[str] = fn(str));
@@ -1497,7 +1476,7 @@ var $caa9439642c6336c$var$capitalize = $caa9439642c6336c$var$cacheStringFunction
1497
1476
  var $caa9439642c6336c$var$toHandlerKey = $caa9439642c6336c$var$cacheStringFunction((str)=>str ? `on${$caa9439642c6336c$var$capitalize(str)}` : ``);
1498
1477
  var $caa9439642c6336c$var$hasChanged = (value, oldValue)=>value !== oldValue && (value === value || oldValue === oldValue);
1499
1478
  // node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js
1500
- var $caa9439642c6336c$var$targetMap = new WeakMap();
1479
+ var $caa9439642c6336c$var$targetMap = /* @__PURE__ */ new WeakMap();
1501
1480
  var $caa9439642c6336c$var$effectStack = [];
1502
1481
  var $caa9439642c6336c$var$activeEffect;
1503
1482
  var $caa9439642c6336c$var$ITERATE_KEY = Symbol("iterate");
@@ -1569,9 +1548,9 @@ function $caa9439642c6336c$var$resetTracking() {
1569
1548
  function $caa9439642c6336c$var$track(target, type, key) {
1570
1549
  if (!$caa9439642c6336c$var$shouldTrack || $caa9439642c6336c$var$activeEffect === void 0) return;
1571
1550
  let depsMap = $caa9439642c6336c$var$targetMap.get(target);
1572
- if (!depsMap) $caa9439642c6336c$var$targetMap.set(target, depsMap = new Map());
1551
+ if (!depsMap) $caa9439642c6336c$var$targetMap.set(target, depsMap = /* @__PURE__ */ new Map());
1573
1552
  let dep = depsMap.get(key);
1574
- if (!dep) depsMap.set(key, dep = new Set());
1553
+ if (!dep) depsMap.set(key, dep = /* @__PURE__ */ new Set());
1575
1554
  if (!dep.has($caa9439642c6336c$var$activeEffect)) {
1576
1555
  dep.add($caa9439642c6336c$var$activeEffect);
1577
1556
  $caa9439642c6336c$var$activeEffect.deps.push(dep);
@@ -1586,7 +1565,7 @@ function $caa9439642c6336c$var$track(target, type, key) {
1586
1565
  function $caa9439642c6336c$var$trigger(target, type, key, newValue, oldValue, oldTarget) {
1587
1566
  const depsMap = $caa9439642c6336c$var$targetMap.get(target);
1588
1567
  if (!depsMap) return;
1589
- const effects = new Set();
1568
+ const effects = /* @__PURE__ */ new Set();
1590
1569
  const add2 = (effectsToAdd)=>{
1591
1570
  if (effectsToAdd) effectsToAdd.forEach((effect3)=>{
1592
1571
  if (effect3 !== $caa9439642c6336c$var$activeEffect || effect3.allowRecurse) effects.add(effect3);
@@ -1848,6 +1827,7 @@ function $caa9439642c6336c$var$createIterableMethod(method, isReadonly, isShallo
1848
1827
  const wrap = isShallow ? $caa9439642c6336c$var$toShallow : isReadonly ? $caa9439642c6336c$var$toReadonly : $caa9439642c6336c$var$toReactive;
1849
1828
  !isReadonly && $caa9439642c6336c$var$track(rawTarget, "iterate", isKeyOnly ? $caa9439642c6336c$var$MAP_KEY_ITERATE_KEY : $caa9439642c6336c$var$ITERATE_KEY);
1850
1829
  return {
1830
+ // iterator protocol
1851
1831
  next () {
1852
1832
  const { value: value , done: done } = innerIterator.next();
1853
1833
  return done ? {
@@ -1861,6 +1841,7 @@ function $caa9439642c6336c$var$createIterableMethod(method, isReadonly, isShallo
1861
1841
  done: done
1862
1842
  };
1863
1843
  },
1844
+ // iterable protocol
1864
1845
  [Symbol.iterator] () {
1865
1846
  return this;
1866
1847
  }
@@ -1976,10 +1957,10 @@ function $caa9439642c6336c$var$checkIdentityKeys(target, has2, key) {
1976
1957
  console.warn(`Reactive ${type} contains both the raw and reactive versions of the same object${type === `Map` ? ` as keys` : ``}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`);
1977
1958
  }
1978
1959
  }
1979
- var $caa9439642c6336c$var$reactiveMap = new WeakMap();
1980
- var $caa9439642c6336c$var$shallowReactiveMap = new WeakMap();
1981
- var $caa9439642c6336c$var$readonlyMap = new WeakMap();
1982
- var $caa9439642c6336c$var$shallowReadonlyMap = new WeakMap();
1960
+ var $caa9439642c6336c$var$reactiveMap = /* @__PURE__ */ new WeakMap();
1961
+ var $caa9439642c6336c$var$shallowReactiveMap = /* @__PURE__ */ new WeakMap();
1962
+ var $caa9439642c6336c$var$readonlyMap = /* @__PURE__ */ new WeakMap();
1963
+ var $caa9439642c6336c$var$shallowReadonlyMap = /* @__PURE__ */ new WeakMap();
1983
1964
  function $caa9439642c6336c$var$targetTypeMap(rawType) {
1984
1965
  switch(rawType){
1985
1966
  case "Object":
@@ -2137,7 +2118,7 @@ $caa9439642c6336c$var$directive("modelable", (el, { expression: expression }, {
2137
2118
  let evaluateInnerSet = evaluateLater2(`${expression} = __placeholder`);
2138
2119
  let innerSet = (val)=>evaluateInnerSet(()=>{}, {
2139
2120
  scope: {
2140
- __placeholder: val
2121
+ "__placeholder": val
2141
2122
  }
2142
2123
  });
2143
2124
  let initialValue = innerGet();
@@ -2292,7 +2273,8 @@ function $caa9439642c6336c$var$isListeningForASpecificKeyThatHasntBeenPressed(e,
2292
2273
  "document",
2293
2274
  "prevent",
2294
2275
  "stop",
2295
- "once"
2276
+ "once",
2277
+ "capture"
2296
2278
  ].includes(i);
2297
2279
  });
2298
2280
  if (keyModifiers.includes("debounce")) {
@@ -2330,20 +2312,20 @@ function $caa9439642c6336c$var$keyToModifiers(key) {
2330
2312
  if (!key) return [];
2331
2313
  key = $caa9439642c6336c$var$kebabCase2(key);
2332
2314
  let modifierToKeyMap = {
2333
- ctrl: "control",
2334
- slash: "/",
2335
- space: " ",
2336
- spacebar: " ",
2337
- cmd: "meta",
2338
- esc: "escape",
2339
- up: "arrow-up",
2340
- down: "arrow-down",
2341
- left: "arrow-left",
2342
- right: "arrow-right",
2343
- period: ".",
2344
- equal: "=",
2345
- minus: "-",
2346
- underscore: "_"
2315
+ "ctrl": "control",
2316
+ "slash": "/",
2317
+ "space": " ",
2318
+ "spacebar": " ",
2319
+ "cmd": "meta",
2320
+ "esc": "escape",
2321
+ "up": "arrow-up",
2322
+ "down": "arrow-down",
2323
+ "left": "arrow-left",
2324
+ "right": "arrow-right",
2325
+ "period": ".",
2326
+ "equal": "=",
2327
+ "minus": "-",
2328
+ "underscore": "_"
2347
2329
  };
2348
2330
  modifierToKeyMap[key] = key;
2349
2331
  return Object.keys(modifierToKeyMap).map((modifier)=>{
@@ -2370,10 +2352,11 @@ $caa9439642c6336c$var$directive("model", (el, { modifiers: modifiers , expressio
2370
2352
  if ($caa9439642c6336c$var$isGetterSetter(result)) result.set(value);
2371
2353
  else evaluateSet(()=>{}, {
2372
2354
  scope: {
2373
- __placeholder: value
2355
+ "__placeholder": value
2374
2356
  }
2375
2357
  });
2376
2358
  };
2359
+ if (modifiers.includes("fill") && el.hasAttribute("value") && (getValue() === null || getValue() === "")) setValue(el.value);
2377
2360
  if (typeof expression === "string" && el.type === "radio") $caa9439642c6336c$var$mutateDom(()=>{
2378
2361
  if (!el.hasAttribute("name")) el.setAttribute("name", expression);
2379
2362
  });
@@ -2381,7 +2364,7 @@ $caa9439642c6336c$var$directive("model", (el, { modifiers: modifiers , expressio
2381
2364
  "checkbox",
2382
2365
  "radio"
2383
2366
  ].includes(el.type) || modifiers.includes("lazy") ? "change" : "input";
2384
- let removeListener = $caa9439642c6336c$var$on(el, event, modifiers, (e)=>{
2367
+ let removeListener = $caa9439642c6336c$var$isCloning ? ()=>{} : $caa9439642c6336c$var$on(el, event, modifiers, (e)=>{
2385
2368
  setValue($caa9439642c6336c$var$getInputValue(el, modifiers, e, getValue()));
2386
2369
  });
2387
2370
  if (!el._x_removeModelListeners) el._x_removeModelListeners = {};
@@ -2517,7 +2500,7 @@ $caa9439642c6336c$var$directive("data", $caa9439642c6336c$var$skipDuringClone((e
2517
2500
  let data2 = $caa9439642c6336c$var$evaluate(el, expression, {
2518
2501
  scope: dataProviderContext
2519
2502
  });
2520
- if (data2 === void 0) data2 = {};
2503
+ if (data2 === void 0 || data2 === true) data2 = {};
2521
2504
  $caa9439642c6336c$var$injectMagics(data2, el);
2522
2505
  let reactiveData = $caa9439642c6336c$var$reactive(data2);
2523
2506
  $caa9439642c6336c$var$initInterceptors(reactiveData);
@@ -2569,7 +2552,8 @@ $caa9439642c6336c$var$directive("show", (el, { modifiers: modifiers , expression
2569
2552
  $caa9439642c6336c$var$directive("for", (el, { expression: expression }, { effect: effect3 , cleanup: cleanup2 })=>{
2570
2553
  let iteratorNames = $caa9439642c6336c$var$parseForExpression(expression);
2571
2554
  let evaluateItems = $caa9439642c6336c$var$evaluateLater(el, iteratorNames.items);
2572
- let evaluateKey = $caa9439642c6336c$var$evaluateLater(el, el._x_keyExpression || "index");
2555
+ let evaluateKey = $caa9439642c6336c$var$evaluateLater(el, // the x-bind:key expression is stored for our use instead of evaluated.
2556
+ el._x_keyExpression || "index");
2573
2557
  el._x_prevKeys = [];
2574
2558
  el._x_lookup = {};
2575
2559
  effect3(()=>$caa9439642c6336c$var$loop(el, iteratorNames, evaluateItems, evaluateKey));
@@ -2774,7 +2758,7 @@ $caa9439642c6336c$var$directive("on", $caa9439642c6336c$var$skipDuringClone((el,
2774
2758
  let removeListener = $caa9439642c6336c$var$on(el, value, modifiers, (e)=>{
2775
2759
  evaluate2(()=>{}, {
2776
2760
  scope: {
2777
- $event: e
2761
+ "$event": e
2778
2762
  },
2779
2763
  params: [
2780
2764
  e
@@ -6739,10 +6723,10 @@ var $1ffebed09abdb92f$exports = {};
6739
6723
  (0, (/*@__PURE__*/$parcel$interopDefault($1ffebed09abdb92f$exports))).apply((0, (/*@__PURE__*/$parcel$interopDefault($5267f0d63de538ba$exports))), {
6740
6724
  format: (level)=>`${`[${level}]`.padStart(7)} Lookbook:`
6741
6725
  });
6742
- let $2be3bf71ec224090$var$logLevel = 3;
6743
- if (window.LOG_LEVEL !== undefined) $2be3bf71ec224090$var$logLevel = window.LOG_LEVEL;
6744
- (0, (/*@__PURE__*/$parcel$interopDefault($5267f0d63de538ba$exports))).setLevel($2be3bf71ec224090$var$logLevel);
6745
- function $2be3bf71ec224090$export$2e2bcd8739ae039(Alpine) {
6726
+ let $227a3c1b2ea887ad$var$logLevel = 3;
6727
+ if (window.LOG_LEVEL !== undefined) $227a3c1b2ea887ad$var$logLevel = window.LOG_LEVEL;
6728
+ (0, (/*@__PURE__*/$parcel$interopDefault($5267f0d63de538ba$exports))).setLevel($227a3c1b2ea887ad$var$logLevel);
6729
+ function $227a3c1b2ea887ad$export$2e2bcd8739ae039(Alpine) {
6746
6730
  Alpine.directive("log", (el, { modifiers: modifiers , expression: expression }, { evaluateLater: evaluateLater , effect: effect })=>{
6747
6731
  let logFn = typeof expression === "string" ? (callback)=>callback(expression) : evaluateLater(expression);
6748
6732
  effect(()=>logFn((message)=>{
@@ -6757,7 +6741,7 @@ function $2be3bf71ec224090$export$2e2bcd8739ae039(Alpine) {
6757
6741
  }
6758
6742
 
6759
6743
 
6760
- var $4d527fa4ac70acba$export$2e2bcd8739ae039 = {
6744
+ var $f4afa2ce11c8f99d$export$2e2bcd8739ae039 = {
6761
6745
  desktopWidth: 768,
6762
6746
  wideDesktopWidth: 1200,
6763
6747
  sidebar: {
@@ -6783,14 +6767,14 @@ var $4d527fa4ac70acba$export$2e2bcd8739ae039 = {
6783
6767
  };
6784
6768
 
6785
6769
 
6786
- function $9930d46698775b42$export$33d4bfa367d0ee08(condition, callback) {
6770
+ function $7ecd1fc3a6b35e5c$export$33d4bfa367d0ee08(condition, callback) {
6787
6771
  const mediaQueryList = window.matchMedia(condition);
6788
6772
  const handleChange = (mql)=>callback(mql.matches);
6789
6773
  handleChange(mediaQueryList);
6790
6774
  mediaQueryList.addEventListener("change", (mql)=>handleChange(mql));
6791
6775
  return mediaQueryList;
6792
6776
  }
6793
- function $9930d46698775b42$export$a2214cc2adb2dc44(element, callback = ()=>{}) {
6777
+ function $7ecd1fc3a6b35e5c$export$a2214cc2adb2dc44(element, callback = ()=>{}) {
6794
6778
  const observer = new ResizeObserver((entries)=>{
6795
6779
  const rect = entries[0].target.getBoundingClientRect();
6796
6780
  callback({
@@ -6804,29 +6788,29 @@ function $9930d46698775b42$export$a2214cc2adb2dc44(element, callback = ()=>{}) {
6804
6788
 
6805
6789
 
6806
6790
 
6807
- function $7ae6ae39c2ec9059$export$6cb344a21ca18aec(content) {
6791
+ function $fb8f79f7dd40b68f$export$6cb344a21ca18aec(content) {
6808
6792
  var txt = document.createElement("textarea");
6809
6793
  txt.innerHTML = content;
6810
6794
  return txt.value;
6811
6795
  }
6812
- function $7ae6ae39c2ec9059$export$2ce3c33e50a76e49(string, prefix = null) {
6796
+ function $fb8f79f7dd40b68f$export$2ce3c33e50a76e49(string, prefix = null) {
6813
6797
  return prefix ? `${prefix}-${string}` : string;
6814
6798
  }
6815
- function $7ae6ae39c2ec9059$export$f720fd0ddbeb53d9(value) {
6799
+ function $fb8f79f7dd40b68f$export$f720fd0ddbeb53d9(value) {
6816
6800
  const json = decodeURIComponent(value);
6817
6801
  return JSON.parse(json);
6818
6802
  }
6819
- function $7ae6ae39c2ec9059$export$c788aab010beeaec(data) {
6803
+ function $fb8f79f7dd40b68f$export$c788aab010beeaec(data) {
6820
6804
  const str = JSON.stringify(data);
6821
6805
  return encodeURIComponent(str);
6822
6806
  }
6823
6807
 
6824
6808
 
6825
- const { sidebar: $aabd7bdddb195dac$var$sidebar , main: $aabd7bdddb195dac$var$main , inspector: $aabd7bdddb195dac$var$inspector } = (0, $4d527fa4ac70acba$export$2e2bcd8739ae039);
6826
- function $aabd7bdddb195dac$export$2e2bcd8739ae039(Alpine, { prefix: prefix }) {
6809
+ const { sidebar: $b8cbee737d5fb22b$var$sidebar , main: $b8cbee737d5fb22b$var$main , inspector: $b8cbee737d5fb22b$var$inspector } = (0, $f4afa2ce11c8f99d$export$2e2bcd8739ae039);
6810
+ function $b8cbee737d5fb22b$export$2e2bcd8739ae039(Alpine, { prefix: prefix }) {
6827
6811
  return {
6828
6812
  init () {
6829
- (0, $9930d46698775b42$export$33d4bfa367d0ee08)(`(min-width: ${(0, $4d527fa4ac70acba$export$2e2bcd8739ae039).desktopWidth}px)`, (matches)=>{
6813
+ (0, $7ecd1fc3a6b35e5c$export$33d4bfa367d0ee08)(`(min-width: ${(0, $f4afa2ce11c8f99d$export$2e2bcd8739ae039).desktopWidth}px)`, (matches)=>{
6830
6814
  this._isDesktop = matches;
6831
6815
  (0, (/*@__PURE__*/$parcel$interopDefault($5267f0d63de538ba$exports))).debug(`Media query 'desktop': ${matches ? "✅ match" : "❌ no match"}`);
6832
6816
  });
@@ -6843,21 +6827,21 @@ function $aabd7bdddb195dac$export$2e2bcd8739ae039(Alpine, { prefix: prefix }) {
6843
6827
  split: Alpine.$persist({
6844
6828
  direction: "vertical",
6845
6829
  sizes: [
6846
- `${$aabd7bdddb195dac$var$sidebar.defaultWidth}px`,
6830
+ `${$b8cbee737d5fb22b$var$sidebar.defaultWidth}px`,
6847
6831
  "1fr"
6848
6832
  ]
6849
- }).as((0, $7ae6ae39c2ec9059$export$2ce3c33e50a76e49)("main-split", prefix)),
6833
+ }).as((0, $fb8f79f7dd40b68f$export$2ce3c33e50a76e49)("main-split", prefix)),
6850
6834
  opts: {
6851
6835
  minSizes: [
6852
- $aabd7bdddb195dac$var$sidebar.minWidth,
6853
- $aabd7bdddb195dac$var$main.minWidth
6836
+ $b8cbee737d5fb22b$var$sidebar.minWidth,
6837
+ $b8cbee737d5fb22b$var$main.minWidth
6854
6838
  ]
6855
6839
  }
6856
6840
  },
6857
6841
  // Sidebar visibility and sections
6858
6842
  sidebar: {
6859
- _hiddenDesktop: Alpine.$persist(false).as((0, $7ae6ae39c2ec9059$export$2ce3c33e50a76e49)("sidebar-hidden-desktop", prefix)),
6860
- _hiddenMobile: Alpine.$persist(true).as((0, $7ae6ae39c2ec9059$export$2ce3c33e50a76e49)("sidebar-hidden-mobile", prefix)),
6843
+ _hiddenDesktop: Alpine.$persist(false).as((0, $fb8f79f7dd40b68f$export$2ce3c33e50a76e49)("sidebar-hidden-desktop", prefix)),
6844
+ _hiddenMobile: Alpine.$persist(true).as((0, $fb8f79f7dd40b68f$export$2ce3c33e50a76e49)("sidebar-hidden-mobile", prefix)),
6861
6845
  set hidden (value){
6862
6846
  if (Alpine.store("layout").desktop) this._hiddenDesktop = value;
6863
6847
  else this._hiddenMobile = value;
@@ -6872,11 +6856,11 @@ function $aabd7bdddb195dac$export$2e2bcd8739ae039(Alpine, { prefix: prefix }) {
6872
6856
  "50%",
6873
6857
  "50%"
6874
6858
  ]
6875
- }).as((0, $7ae6ae39c2ec9059$export$2ce3c33e50a76e49)("sidebar-split", prefix)),
6859
+ }).as((0, $fb8f79f7dd40b68f$export$2ce3c33e50a76e49)("sidebar-split", prefix)),
6876
6860
  opts: {
6877
6861
  minSizes: [
6878
- $aabd7bdddb195dac$var$sidebar.minSectionHeight,
6879
- $aabd7bdddb195dac$var$sidebar.minSectionHeight
6862
+ $b8cbee737d5fb22b$var$sidebar.minSectionHeight,
6863
+ $b8cbee737d5fb22b$var$sidebar.minSectionHeight
6880
6864
  ]
6881
6865
  }
6882
6866
  },
@@ -6892,21 +6876,21 @@ function $aabd7bdddb195dac$export$2e2bcd8739ae039(Alpine, { prefix: prefix }) {
6892
6876
  direction: "horizontal",
6893
6877
  horizontalSizes: [
6894
6878
  "1fr",
6895
- `${$aabd7bdddb195dac$var$inspector.drawer.defaultHeight}px`
6879
+ `${$b8cbee737d5fb22b$var$inspector.drawer.defaultHeight}px`
6896
6880
  ],
6897
6881
  verticalSizes: [
6898
6882
  "1fr",
6899
- `${$aabd7bdddb195dac$var$inspector.drawer.defaultWidth}px`
6883
+ `${$b8cbee737d5fb22b$var$inspector.drawer.defaultWidth}px`
6900
6884
  ]
6901
- }).as((0, $7ae6ae39c2ec9059$export$2ce3c33e50a76e49)("inspector-split", prefix)),
6885
+ }).as((0, $fb8f79f7dd40b68f$export$2ce3c33e50a76e49)("inspector-split", prefix)),
6902
6886
  opts: {
6903
6887
  minVerticalSizes: [
6904
- $aabd7bdddb195dac$var$inspector.drawer.minWidth,
6905
- $aabd7bdddb195dac$var$inspector.drawer.minWidth
6888
+ $b8cbee737d5fb22b$var$inspector.drawer.minWidth,
6889
+ $b8cbee737d5fb22b$var$inspector.drawer.minWidth
6906
6890
  ],
6907
6891
  minHorizontalSizes: [
6908
- $aabd7bdddb195dac$var$inspector.drawer.minHeight,
6909
- $aabd7bdddb195dac$var$inspector.drawer.minHeight
6892
+ $b8cbee737d5fb22b$var$inspector.drawer.minHeight,
6893
+ $b8cbee737d5fb22b$var$inspector.drawer.minHeight
6910
6894
  ]
6911
6895
  }
6912
6896
  },
@@ -6916,7 +6900,7 @@ function $aabd7bdddb195dac$export$2e2bcd8739ae039(Alpine, { prefix: prefix }) {
6916
6900
  }
6917
6901
 
6918
6902
 
6919
- function $c1c96367c0368286$export$2e2bcd8739ae039(Alpine, name) {
6903
+ function $c87b0f0bca2ce26b$export$2e2bcd8739ae039(Alpine, name) {
6920
6904
  return {
6921
6905
  raw: Alpine.$persist("").as(name),
6922
6906
  get text () {
@@ -6930,50 +6914,50 @@ function $c1c96367c0368286$export$2e2bcd8739ae039(Alpine, name) {
6930
6914
 
6931
6915
 
6932
6916
 
6933
- function $45e94a9374456304$export$2e2bcd8739ae039(Alpine, { prefix: prefix }) {
6917
+ function $44e1c947423754b0$export$2e2bcd8739ae039(Alpine, { prefix: prefix }) {
6934
6918
  return {
6935
6919
  previews: {
6936
- filter: (0, $c1c96367c0368286$export$2e2bcd8739ae039)(Alpine, (0, $7ae6ae39c2ec9059$export$2ce3c33e50a76e49)("previews-filter-text", prefix)),
6937
- open: Alpine.$persist([]).as((0, $7ae6ae39c2ec9059$export$2ce3c33e50a76e49)("previews-nav-open", prefix))
6920
+ filter: (0, $c87b0f0bca2ce26b$export$2e2bcd8739ae039)(Alpine, (0, $fb8f79f7dd40b68f$export$2ce3c33e50a76e49)("previews-filter-text", prefix)),
6921
+ open: Alpine.$persist([]).as((0, $fb8f79f7dd40b68f$export$2ce3c33e50a76e49)("previews-nav-open", prefix))
6938
6922
  },
6939
6923
  pages: {
6940
- filter: (0, $c1c96367c0368286$export$2e2bcd8739ae039)(Alpine, (0, $7ae6ae39c2ec9059$export$2ce3c33e50a76e49)("pages-filter-text", prefix)),
6941
- open: Alpine.$persist([]).as((0, $7ae6ae39c2ec9059$export$2ce3c33e50a76e49)("pages-nav-open", prefix))
6924
+ filter: (0, $c87b0f0bca2ce26b$export$2e2bcd8739ae039)(Alpine, (0, $fb8f79f7dd40b68f$export$2ce3c33e50a76e49)("pages-filter-text", prefix)),
6925
+ open: Alpine.$persist([]).as((0, $fb8f79f7dd40b68f$export$2ce3c33e50a76e49)("pages-nav-open", prefix))
6942
6926
  }
6943
6927
  };
6944
6928
  }
6945
6929
 
6946
6930
 
6947
6931
 
6948
- function $6a63819b7ed6d0ed$export$2e2bcd8739ae039(Alpine, { prefix: prefix }) {
6932
+ function $9c7d83377882e3b9$export$2e2bcd8739ae039(Alpine, { prefix: prefix }) {
6949
6933
  return {
6950
6934
  minVerticalSplitWidth: 800,
6951
6935
  main: {
6952
- activeTab: Alpine.$persist("").as((0, $7ae6ae39c2ec9059$export$2ce3c33e50a76e49)("inspector-main-active-tab", prefix)),
6953
- width: Alpine.$persist("100%").as((0, $7ae6ae39c2ec9059$export$2ce3c33e50a76e49)("inspector-main-width", prefix)),
6954
- height: Alpine.$persist("100%").as((0, $7ae6ae39c2ec9059$export$2ce3c33e50a76e49)("inspector-main-height", prefix)),
6936
+ activeTab: Alpine.$persist("").as((0, $fb8f79f7dd40b68f$export$2ce3c33e50a76e49)("inspector-main-active-tab", prefix)),
6937
+ width: Alpine.$persist("100%").as((0, $fb8f79f7dd40b68f$export$2ce3c33e50a76e49)("inspector-main-width", prefix)),
6938
+ height: Alpine.$persist("100%").as((0, $fb8f79f7dd40b68f$export$2ce3c33e50a76e49)("inspector-main-height", prefix)),
6955
6939
  lastWidth: null,
6956
6940
  lastHeight: null,
6957
6941
  resizing: false
6958
6942
  },
6959
6943
  drawer: {
6960
- hidden: Alpine.$persist(false).as((0, $7ae6ae39c2ec9059$export$2ce3c33e50a76e49)("inspector-drawer-hidden", prefix)),
6961
- activeTab: Alpine.$persist("").as((0, $7ae6ae39c2ec9059$export$2ce3c33e50a76e49)("inspector-drawer-active-tab", prefix))
6944
+ hidden: Alpine.$persist(false).as((0, $fb8f79f7dd40b68f$export$2ce3c33e50a76e49)("inspector-drawer-hidden", prefix)),
6945
+ activeTab: Alpine.$persist("").as((0, $fb8f79f7dd40b68f$export$2ce3c33e50a76e49)("inspector-drawer-active-tab", prefix))
6962
6946
  }
6963
6947
  };
6964
6948
  }
6965
6949
 
6966
6950
 
6967
6951
 
6968
- function $9954130d663b77bc$export$2e2bcd8739ae039(Alpine, { prefix: prefix }) {
6952
+ function $1fa236e81ee747be$export$2e2bcd8739ae039(Alpine, { prefix: prefix }) {
6969
6953
  return {
6970
- embeds: Alpine.$persist({}).as((0, $7ae6ae39c2ec9059$export$2ce3c33e50a76e49)("pages-embeds", prefix))
6954
+ embeds: Alpine.$persist({}).as((0, $fb8f79f7dd40b68f$export$2ce3c33e50a76e49)("pages-embeds", prefix))
6971
6955
  };
6972
6956
  }
6973
6957
 
6974
6958
 
6975
6959
 
6976
- function $96e0343bbb13096b$export$2e2bcd8739ae039(Alpine, { prefix: prefix }) {
6960
+ function $d56ec5b1270324e7$export$2e2bcd8739ae039(Alpine, { prefix: prefix }) {
6977
6961
  return {
6978
6962
  showTooltips: true
6979
6963
  };
@@ -6982,11 +6966,11 @@ function $96e0343bbb13096b$export$2e2bcd8739ae039(Alpine, { prefix: prefix }) {
6982
6966
 
6983
6967
 
6984
6968
 
6985
- function $af7ba71c6eecd94a$export$2e2bcd8739ae039(Alpine, { prefix: prefix }) {
6969
+ function $728fb5b231175bdb$export$2e2bcd8739ae039(Alpine, { prefix: prefix }) {
6986
6970
  return {
6987
- filter: (0, $c1c96367c0368286$export$2e2bcd8739ae039)(Alpine, (0, $7ae6ae39c2ec9059$export$2ce3c33e50a76e49)("workbench-filter", prefix)),
6971
+ filter: (0, $c87b0f0bca2ce26b$export$2e2bcd8739ae039)(Alpine, (0, $fb8f79f7dd40b68f$export$2ce3c33e50a76e49)("workbench-filter", prefix)),
6988
6972
  nav: {
6989
- open: Alpine.$persist([]).as((0, $7ae6ae39c2ec9059$export$2ce3c33e50a76e49)("workbench-nav-open", prefix)),
6973
+ open: Alpine.$persist([]).as((0, $fb8f79f7dd40b68f$export$2ce3c33e50a76e49)("workbench-nav-open", prefix)),
6990
6974
  location: {
6991
6975
  pathname: null
6992
6976
  }
@@ -6998,7 +6982,7 @@ function $af7ba71c6eecd94a$export$2e2bcd8739ae039(Alpine, { prefix: prefix }) {
6998
6982
  "50%",
6999
6983
  "50%"
7000
6984
  ]
7001
- }).as((0, $7ae6ae39c2ec9059$export$2ce3c33e50a76e49)("workbench-horizontal-split", prefix))
6985
+ }).as((0, $fb8f79f7dd40b68f$export$2ce3c33e50a76e49)("workbench-horizontal-split", prefix))
7002
6986
  },
7003
6987
  verticalSplitLayout: {
7004
6988
  split: Alpine.$persist({
@@ -7008,7 +6992,7 @@ function $af7ba71c6eecd94a$export$2e2bcd8739ae039(Alpine, { prefix: prefix }) {
7008
6992
  "30%",
7009
6993
  "30%"
7010
6994
  ]
7011
- }).as((0, $7ae6ae39c2ec9059$export$2ce3c33e50a76e49)("workbench-vertical-split", prefix))
6995
+ }).as((0, $fb8f79f7dd40b68f$export$2ce3c33e50a76e49)("workbench-vertical-split", prefix))
7012
6996
  },
7013
6997
  tabbedPanels: {
7014
6998
  activeTab: "tab-1"
@@ -7657,7 +7641,7 @@ var $7d6b1fa982d8364d$exports = {};
7657
7641
 
7658
7642
 
7659
7643
 
7660
- function $ccd45e92e751836d$export$2e2bcd8739ae039(endpoint) {
7644
+ function $f57397824b7ddfec$export$2e2bcd8739ae039(endpoint) {
7661
7645
  const uid = (Date.now() + (Math.random() * 100 | 0)).toString();
7662
7646
  const consumer = (0, $7d6b1fa982d8364d$exports.createConsumer)(`${endpoint}?uid=${uid}`);
7663
7647
  return {
@@ -7681,7 +7665,7 @@ function $ccd45e92e751836d$export$2e2bcd8739ae039(endpoint) {
7681
7665
  }
7682
7666
 
7683
7667
 
7684
- function $e263283f97229955$export$2e5e8c41f5d4e7c7(from, to) {
7668
+ function $490552754c23ef6f$export$2e5e8c41f5d4e7c7(from, to) {
7685
7669
  Alpine.morph(from, to, {
7686
7670
  key (el) {
7687
7671
  return el.getAttribute("key") ? el.getAttribute("key") : el.id;
@@ -7696,35 +7680,35 @@ function $e263283f97229955$export$2e5e8c41f5d4e7c7(from, to) {
7696
7680
  }
7697
7681
  });
7698
7682
  }
7699
- function $e263283f97229955$export$bdf7e699b242f476(el, opts = {}) {
7683
+ function $490552754c23ef6f$export$bdf7e699b242f476(el, opts = {}) {
7700
7684
  const style = window.getComputedStyle(el, null);
7701
7685
  return {
7702
7686
  width: opts.includeMargins ? el.offsetWidth + parseInt(style.getPropertyValue("margin-left")) + parseInt(style.getPropertyValue("margin-right")) : el.offsetWidth,
7703
7687
  height: opts.includeMargins ? el.offsetHeight + parseInt(style.getPropertyValue("margin-top")) + parseInt(style.getPropertyValue("margin-bottom")) : el.offsetHeight
7704
7688
  };
7705
7689
  }
7706
- function $e263283f97229955$export$b98882f166bb7ce2(link) {
7690
+ function $490552754c23ef6f$export$b98882f166bb7ce2(link) {
7707
7691
  if (link.href) return link.host !== window.location.host;
7708
7692
  return false;
7709
7693
  }
7710
7694
 
7711
7695
 
7712
- async function $e8e1f68a69f95ce8$export$51c59e2af49c1a92(url, selector) {
7696
+ async function $41e83ac737081df5$export$51c59e2af49c1a92(url, selector) {
7713
7697
  const response = await fetch(url || window.document.location);
7714
- if (response.ok) {
7715
- const html = await response.text();
7716
- const doc = new DOMParser().parseFromString(html, "text/html");
7717
- return {
7718
- fragment: selector ? doc.querySelector(selector).outerHTML : null,
7719
- title: doc.title,
7720
- doc: doc
7721
- };
7722
- } else throw new Error(`Error fetching HTML from ${url}`);
7698
+ const html = await response.text();
7699
+ const doc = new DOMParser().parseFromString(html, "text/html");
7700
+ return {
7701
+ ok: response.ok,
7702
+ fragment: selector ? doc.querySelector(selector).outerHTML : null,
7703
+ title: doc.title,
7704
+ response: response,
7705
+ doc: doc
7706
+ };
7723
7707
  }
7724
7708
 
7725
7709
 
7726
7710
 
7727
- function $d709d0f4027033b2$export$2e2bcd8739ae039() {
7711
+ function $5792afa4170ed552$export$2e2bcd8739ae039() {
7728
7712
  return {
7729
7713
  _requestsInProgress: 0,
7730
7714
  version: Alpine.$persist("").as("lookbook-version"),
@@ -7738,7 +7722,7 @@ function $d709d0f4027033b2$export$2e2bcd8739ae039() {
7738
7722
  init () {
7739
7723
  if (window.SOCKET_PATH) {
7740
7724
  this.debug(`Lookbook socket created`);
7741
- const socket = (0, $ccd45e92e751836d$export$2e2bcd8739ae039)(window.SOCKET_PATH);
7725
+ const socket = (0, $f57397824b7ddfec$export$2e2bcd8739ae039)(window.SOCKET_PATH);
7742
7726
  socket.addListener("Lookbook::ReloadChannel", ()=>this.updateDOM());
7743
7727
  }
7744
7728
  },
@@ -7757,7 +7741,7 @@ function $d709d0f4027033b2$export$2e2bcd8739ae039() {
7757
7741
  hijax (evt) {
7758
7742
  const link = evt.target.closest("a[href]");
7759
7743
  if (link) {
7760
- const external = (0, $e263283f97229955$export$b98882f166bb7ce2)(link);
7744
+ const external = (0, $490552754c23ef6f$export$b98882f166bb7ce2)(link);
7761
7745
  const embedded = this.isEmbedded();
7762
7746
  if (embedded && (!link.hasAttribute("target") || external)) {
7763
7747
  evt.preventDefault();
@@ -7775,8 +7759,8 @@ function $d709d0f4027033b2$export$2e2bcd8739ae039() {
7775
7759
  this.$dispatch("dom:update-start");
7776
7760
  this.requestStart();
7777
7761
  try {
7778
- const { fragment: fragment , title: title } = await (0, $e8e1f68a69f95ce8$export$51c59e2af49c1a92)(window.location, `#${this.$root.id}`);
7779
- (0, $e263283f97229955$export$2e5e8c41f5d4e7c7)(this.$root, fragment);
7762
+ const { fragment: fragment , title: title } = await (0, $41e83ac737081df5$export$51c59e2af49c1a92)(window.location, `#${this.$root.id}`);
7763
+ (0, $490552754c23ef6f$export$2e5e8c41f5d4e7c7)(this.$root, fragment);
7780
7764
  document.title = title;
7781
7765
  this.requestEnd();
7782
7766
  this.$dispatch("dom:update-complete");
@@ -7810,13 +7794,13 @@ function $d709d0f4027033b2$export$2e2bcd8739ae039() {
7810
7794
  }
7811
7795
 
7812
7796
 
7813
- function $5439cede634b2921$export$4e811121b221213b(importObject, path = []) {
7797
+ function $12b7aa006b8a97e1$export$4e811121b221213b(importObject, path = []) {
7814
7798
  let components = {};
7815
7799
  Object.keys(importObject).forEach((key)=>{
7816
- if (key === "default") components[$5439cede634b2921$var$toCamel(path.join("_"))] = importObject[key];
7800
+ if (key === "default") components[$12b7aa006b8a97e1$var$toCamel(path.join("_"))] = importObject[key];
7817
7801
  else components = {
7818
7802
  ...components,
7819
- ...$5439cede634b2921$export$4e811121b221213b(importObject[key], [
7803
+ ...$12b7aa006b8a97e1$export$4e811121b221213b(importObject[key], [
7820
7804
  ...path,
7821
7805
  key
7822
7806
  ])
@@ -7824,14 +7808,14 @@ function $5439cede634b2921$export$4e811121b221213b(importObject, path = []) {
7824
7808
  });
7825
7809
  return components;
7826
7810
  }
7827
- function $5439cede634b2921$var$toCamel(s) {
7811
+ function $12b7aa006b8a97e1$var$toCamel(s) {
7828
7812
  return s.replace(/([-_][a-z])/gi, ($1)=>{
7829
7813
  return $1.toUpperCase().replace("-", "").replace("_", "");
7830
7814
  });
7831
7815
  }
7832
7816
 
7833
7817
 
7834
- var $77553f14666631eb$exports = {};
7818
+ var $52abf2efa3492135$exports = {};
7835
7819
  var $cbd28b10fa9798c7$exports = {};
7836
7820
 
7837
7821
  $parcel$defineInteropFlag($cbd28b10fa9798c7$exports);
@@ -11269,19 +11253,19 @@ var $b013befce1f6217f$export$2e2bcd8739ae039 = $b013befce1f6217f$var$tippy;
11269
11253
  theme: "tooltip",
11270
11254
  appendTo: document.getElementById("app")
11271
11255
  });
11272
- var $d6f449055c23f07a$export$2e2bcd8739ae039 = (0, $b013befce1f6217f$export$2e2bcd8739ae039);
11256
+ var $789b7d27a7c715a6$export$2e2bcd8739ae039 = (0, $b013befce1f6217f$export$2e2bcd8739ae039);
11273
11257
 
11274
11258
 
11275
- var $2ef98910f916db6b$exports = {};
11259
+ var $7a759511c361f2bd$exports = {};
11276
11260
 
11277
- $parcel$defineInteropFlag($2ef98910f916db6b$exports);
11261
+ $parcel$defineInteropFlag($7a759511c361f2bd$exports);
11278
11262
 
11279
- $parcel$export($2ef98910f916db6b$exports, "initTooltip", () => $2ef98910f916db6b$export$353372104066311a);
11280
- $parcel$export($2ef98910f916db6b$exports, "default", () => $2ef98910f916db6b$export$2e2bcd8739ae039);
11263
+ $parcel$export($7a759511c361f2bd$exports, "initTooltip", () => $7a759511c361f2bd$export$353372104066311a);
11264
+ $parcel$export($7a759511c361f2bd$exports, "default", () => $7a759511c361f2bd$export$2e2bcd8739ae039);
11281
11265
 
11282
- function $2ef98910f916db6b$var$tooltipCreator({ target: target }) {
11266
+ function $7a759511c361f2bd$var$tooltipCreator({ target: target }) {
11283
11267
  const content = this.$el.dataset.tooltipText || (this.$refs.tooltip ? this.$refs.tooltip.innerHTML : null);
11284
- if (content) return (0, $d6f449055c23f07a$export$2e2bcd8739ae039)(target || this.$refs.tooltipTarget || this.$el, {
11268
+ if (content) return (0, $789b7d27a7c715a6$export$2e2bcd8739ae039)(target || this.$refs.tooltipTarget || this.$el, {
11285
11269
  delay: [
11286
11270
  200,
11287
11271
  0
@@ -11292,13 +11276,13 @@ function $2ef98910f916db6b$var$tooltipCreator({ target: target }) {
11292
11276
  onShow: ()=>this.$store.settings.showTooltips
11293
11277
  });
11294
11278
  }
11295
- function $2ef98910f916db6b$export$353372104066311a(context, opts) {
11296
- return $2ef98910f916db6b$var$tooltipCreator.bind(context)(opts || {});
11279
+ function $7a759511c361f2bd$export$353372104066311a(context, opts) {
11280
+ return $7a759511c361f2bd$var$tooltipCreator.bind(context)(opts || {});
11297
11281
  }
11298
- function $2ef98910f916db6b$export$2e2bcd8739ae039() {
11282
+ function $7a759511c361f2bd$export$2e2bcd8739ae039() {
11299
11283
  return {
11300
11284
  init () {
11301
- $2ef98910f916db6b$export$353372104066311a(this);
11285
+ $7a759511c361f2bd$export$353372104066311a(this);
11302
11286
  }
11303
11287
  };
11304
11288
  }
@@ -11309,10 +11293,10 @@ function $cbd28b10fa9798c7$export$2e2bcd8739ae039() {
11309
11293
  let dropdown = null;
11310
11294
  return {
11311
11295
  init () {
11312
- if (this.$refs.tooltip) tooltip = (0, $2ef98910f916db6b$export$353372104066311a)(this, {
11296
+ if (this.$refs.tooltip) tooltip = (0, $7a759511c361f2bd$export$353372104066311a)(this, {
11313
11297
  target: this.$refs.icon
11314
11298
  });
11315
- if (this.dropdownContent) dropdown = (0, $d6f449055c23f07a$export$2e2bcd8739ae039)(this.$el, {
11299
+ if (this.dropdownContent) dropdown = (0, $789b7d27a7c715a6$export$2e2bcd8739ae039)(this.$el, {
11316
11300
  content: this.dropdownContent,
11317
11301
  trigger: "click",
11318
11302
  theme: "menu",
@@ -11377,14 +11361,14 @@ var $47a1c62621be0c54$exports = {};
11377
11361
  $parcel$defineInteropFlag($47a1c62621be0c54$exports);
11378
11362
 
11379
11363
  $parcel$export($47a1c62621be0c54$exports, "default", () => $47a1c62621be0c54$export$2e2bcd8739ae039);
11380
- var $122263eab94cad08$exports = {};
11364
+ var $4e31c85e11272811$exports = {};
11381
11365
 
11382
- $parcel$defineInteropFlag($122263eab94cad08$exports);
11366
+ $parcel$defineInteropFlag($4e31c85e11272811$exports);
11383
11367
 
11384
- $parcel$export($122263eab94cad08$exports, "initClipboard", () => $122263eab94cad08$export$c6684e6159b21de3);
11385
- $parcel$export($122263eab94cad08$exports, "default", () => $122263eab94cad08$export$2e2bcd8739ae039);
11368
+ $parcel$export($4e31c85e11272811$exports, "initClipboard", () => $4e31c85e11272811$export$c6684e6159b21de3);
11369
+ $parcel$export($4e31c85e11272811$exports, "default", () => $4e31c85e11272811$export$2e2bcd8739ae039);
11386
11370
 
11387
- function $122263eab94cad08$export$c6684e6159b21de3(context = {}) {
11371
+ function $4e31c85e11272811$export$c6684e6159b21de3(context = {}) {
11388
11372
  let copyTimeout = null;
11389
11373
  return Object.assign(context, {
11390
11374
  copied: false,
@@ -11396,7 +11380,7 @@ function $122263eab94cad08$export$c6684e6159b21de3(context = {}) {
11396
11380
  this.warn("Could not find copy target");
11397
11381
  return false;
11398
11382
  }
11399
- const content = (0, $7ae6ae39c2ec9059$export$6cb344a21ca18aec)(targetEl.innerHTML.trim());
11383
+ const content = (0, $fb8f79f7dd40b68f$export$6cb344a21ca18aec)(targetEl.innerHTML.trim());
11400
11384
  await window.navigator.clipboard.writeText(content);
11401
11385
  this.copied = true;
11402
11386
  if (copyTimeout) clearTimeout(copyTimeout);
@@ -11409,8 +11393,8 @@ function $122263eab94cad08$export$c6684e6159b21de3(context = {}) {
11409
11393
  onCopyComplete () {}
11410
11394
  });
11411
11395
  }
11412
- function $122263eab94cad08$export$2e2bcd8739ae039() {
11413
- return $122263eab94cad08$export$c6684e6159b21de3({});
11396
+ function $4e31c85e11272811$export$2e2bcd8739ae039() {
11397
+ return $4e31c85e11272811$export$c6684e6159b21de3({});
11414
11398
  }
11415
11399
 
11416
11400
 
@@ -11422,7 +11406,7 @@ function $47a1c62621be0c54$export$2e2bcd8739ae039() {
11422
11406
  copied: false,
11423
11407
  init () {
11424
11408
  button.init.bind(this)();
11425
- (0, $122263eab94cad08$export$c6684e6159b21de3)(this);
11409
+ (0, $4e31c85e11272811$export$c6684e6159b21de3)(this);
11426
11410
  }
11427
11411
  };
11428
11412
  }
@@ -11449,7 +11433,7 @@ function $e398acaded942bbe$export$2e2bcd8739ae039(targetSelector) {
11449
11433
  }
11450
11434
  },
11451
11435
  createObserver () {
11452
- if (this.target) this.observer = (0, $9930d46698775b42$export$a2214cc2adb2dc44)(this.target, ({ width: width , height: height })=>{
11436
+ if (this.target) this.observer = (0, $7ecd1fc3a6b35e5c$export$a2214cc2adb2dc44)(this.target, ({ width: width , height: height })=>{
11453
11437
  this.width = width;
11454
11438
  this.height = height;
11455
11439
  });
@@ -11473,7 +11457,7 @@ function $216ef7001f59f21d$export$2e2bcd8739ae039() {
11473
11457
  copied: false,
11474
11458
  copyEmbedCode () {
11475
11459
  this.$nextTick(async ()=>{
11476
- const content = (0, $7ae6ae39c2ec9059$export$6cb344a21ca18aec)(this.$refs.copyTarget.innerHTML.trim());
11460
+ const content = (0, $fb8f79f7dd40b68f$export$6cb344a21ca18aec)(this.$refs.copyTarget.innerHTML.trim());
11477
11461
  await window.navigator.clipboard.writeText(content);
11478
11462
  this.copied = true;
11479
11463
  if (copyTimeout) clearTimeout(copyTimeout);
@@ -11511,18 +11495,6 @@ function $e9904a14dabf652d$export$2e2bcd8739ae039(store) {
11511
11495
  }
11512
11496
 
11513
11497
 
11514
- var $36506012e0c6e9e3$exports = {};
11515
-
11516
- $parcel$defineInteropFlag($36506012e0c6e9e3$exports);
11517
-
11518
- $parcel$export($36506012e0c6e9e3$exports, "default", () => $36506012e0c6e9e3$export$2e2bcd8739ae039);
11519
- function $36506012e0c6e9e3$export$2e2bcd8739ae039(iconName) {
11520
- return {
11521
- iconName: iconName
11522
- };
11523
- }
11524
-
11525
-
11526
11498
  var $d92d9d5253f84566$exports = {};
11527
11499
 
11528
11500
  $parcel$defineInteropFlag($d92d9d5253f84566$exports);
@@ -12032,7 +12004,7 @@ function $506dabb2bf255b38$export$2e2bcd8739ae039({ split: split , opts: opts =
12032
12004
  else return opts.minSizes || [];
12033
12005
  },
12034
12006
  init () {
12035
- (0, $9930d46698775b42$export$a2214cc2adb2dc44)(this.$el, ({ width: width , height: height })=>{
12007
+ (0, $7ecd1fc3a6b35e5c$export$a2214cc2adb2dc44)(this.$el, ({ width: width , height: height })=>{
12036
12008
  this.layoutWidth = width;
12037
12009
  this.layoutHeight = height;
12038
12010
  });
@@ -12169,14 +12141,14 @@ function $0db07828cadc68e0$export$2e2bcd8739ae039(store) {
12169
12141
  return Array.from(this.$refs.tabsDropdown ? this.$refs.tabsDropdown.children : []);
12170
12142
  },
12171
12143
  get tabWidths () {
12172
- return this.tabs.map((tab)=>(0, $e263283f97229955$export$bdf7e699b242f476)(tab, {
12144
+ return this.tabs.map((tab)=>(0, $490552754c23ef6f$export$bdf7e699b242f476)(tab, {
12173
12145
  includeMargins: true
12174
12146
  }).width);
12175
12147
  },
12176
12148
  init () {
12177
12149
  this.$nextTick(()=>{
12178
12150
  if (this.$root.parentElement.offsetWidth === this.$root.offsetWidth) this.visibleTabsCount = this.tabs.length;
12179
- dropdown = (0, $d6f449055c23f07a$export$2e2bcd8739ae039)(this.$refs.dropdownTrigger, {
12151
+ dropdown = (0, $789b7d27a7c715a6$export$2e2bcd8739ae039)(this.$refs.dropdownTrigger, {
12180
12152
  content: this.$refs.tabsDropdown,
12181
12153
  theme: "menu",
12182
12154
  interactive: true,
@@ -12186,7 +12158,7 @@ function $0db07828cadc68e0$export$2e2bcd8739ae039(store) {
12186
12158
  });
12187
12159
  const initialTab = initial ? this.tabs.find((t)=>this._getRef(t) === initial) : this.tabs[0];
12188
12160
  this.selectTab(initialTab || this.tabs[0], true);
12189
- this.parentObserver = (0, $9930d46698775b42$export$a2214cc2adb2dc44)(this.$root.parentElement, (0, $c5d017602d25d050$export$61fc7d43ac8f84b0)(10, this.handleResize.bind(this)));
12161
+ this.parentObserver = (0, $7ecd1fc3a6b35e5c$export$a2214cc2adb2dc44)(this.$root.parentElement, (0, $c5d017602d25d050$export$61fc7d43ac8f84b0)(10, this.handleResize.bind(this)));
12190
12162
  this.$watch("visibleTabsCount", (value)=>{
12191
12163
  this.debug(`'#${this.$root.id}' visible tabs count:`, value);
12192
12164
  });
@@ -12364,14 +12336,13 @@ function $6d64716f0b34fdf4$export$2e2bcd8739ae039(store) {
12364
12336
  }
12365
12337
 
12366
12338
 
12367
- $77553f14666631eb$exports = {
12339
+ $52abf2efa3492135$exports = {
12368
12340
  "button": $cbd28b10fa9798c7$exports,
12369
12341
  "code": $99486586f6691564$exports,
12370
12342
  "copy_button": $47a1c62621be0c54$exports,
12371
12343
  "dimensions_display": $e398acaded942bbe$exports,
12372
12344
  "embed_code_dropdown": $216ef7001f59f21d$exports,
12373
12345
  "filter": $e9904a14dabf652d$exports,
12374
- "icon": $36506012e0c6e9e3$exports,
12375
12346
  "nav": $d92d9d5253f84566$exports,
12376
12347
  "split_layout": $506dabb2bf255b38$exports,
12377
12348
  "tab_panels": $a87dacf5139b5e2f$exports,
@@ -12380,7 +12351,125 @@ $77553f14666631eb$exports = {
12380
12351
  };
12381
12352
 
12382
12353
 
12383
- var $2af7656449ff0341$exports = {};
12354
+ var $f3e1e32f4a1bd6da$exports = {};
12355
+ var $6a9b69d9cc7f810f$exports = {};
12356
+
12357
+ $parcel$defineInteropFlag($6a9b69d9cc7f810f$exports);
12358
+
12359
+ $parcel$export($6a9b69d9cc7f810f$exports, "default", () => $6a9b69d9cc7f810f$export$2e2bcd8739ae039);
12360
+ var $cdfeaa1e0e8d642c$exports = {};
12361
+ (function(global, factory) {
12362
+ $cdfeaa1e0e8d642c$exports = factory();
12363
+ })($cdfeaa1e0e8d642c$exports, function() {
12364
+ "use strict";
12365
+ /* eslint-disable no-var */ function assign(target) {
12366
+ for(var i = 1; i < arguments.length; i++){
12367
+ var source = arguments[i];
12368
+ for(var key in source)target[key] = source[key];
12369
+ }
12370
+ return target;
12371
+ }
12372
+ /* eslint-enable no-var */ /* eslint-disable no-var */ var defaultConverter = {
12373
+ read: function(value) {
12374
+ if (value[0] === '"') value = value.slice(1, -1);
12375
+ return value.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent);
12376
+ },
12377
+ write: function(value) {
12378
+ return encodeURIComponent(value).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g, decodeURIComponent);
12379
+ }
12380
+ };
12381
+ /* eslint-enable no-var */ /* eslint-disable no-var */ function init(converter, defaultAttributes) {
12382
+ function set(key, value, attributes) {
12383
+ if (typeof document === "undefined") return;
12384
+ attributes = assign({}, defaultAttributes, attributes);
12385
+ if (typeof attributes.expires === "number") attributes.expires = new Date(Date.now() + attributes.expires * 864e5);
12386
+ if (attributes.expires) attributes.expires = attributes.expires.toUTCString();
12387
+ key = encodeURIComponent(key).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
12388
+ var stringifiedAttributes = "";
12389
+ for(var attributeName in attributes){
12390
+ if (!attributes[attributeName]) continue;
12391
+ stringifiedAttributes += "; " + attributeName;
12392
+ if (attributes[attributeName] === true) continue;
12393
+ // Considers RFC 6265 section 5.2:
12394
+ // ...
12395
+ // 3. If the remaining unparsed-attributes contains a %x3B (";")
12396
+ // character:
12397
+ // Consume the characters of the unparsed-attributes up to,
12398
+ // not including, the first %x3B (";") character.
12399
+ // ...
12400
+ stringifiedAttributes += "=" + attributes[attributeName].split(";")[0];
12401
+ }
12402
+ return document.cookie = key + "=" + converter.write(value, key) + stringifiedAttributes;
12403
+ }
12404
+ function get(key) {
12405
+ if (typeof document === "undefined" || arguments.length && !key) return;
12406
+ // To prevent the for loop in the first place assign an empty array
12407
+ // in case there are no cookies at all.
12408
+ var cookies = document.cookie ? document.cookie.split("; ") : [];
12409
+ var jar = {};
12410
+ for(var i = 0; i < cookies.length; i++){
12411
+ var parts = cookies[i].split("=");
12412
+ var value = parts.slice(1).join("=");
12413
+ try {
12414
+ var foundKey = decodeURIComponent(parts[0]);
12415
+ jar[foundKey] = converter.read(value, foundKey);
12416
+ if (key === foundKey) break;
12417
+ } catch (e) {}
12418
+ }
12419
+ return key ? jar[key] : jar;
12420
+ }
12421
+ return Object.create({
12422
+ set: set,
12423
+ get: get,
12424
+ remove: function(key, attributes) {
12425
+ set(key, "", assign({}, attributes, {
12426
+ expires: -1
12427
+ }));
12428
+ },
12429
+ withAttributes: function(attributes) {
12430
+ return init(this.converter, assign({}, this.attributes, attributes));
12431
+ },
12432
+ withConverter: function(converter) {
12433
+ return init(assign({}, this.converter, converter), this.attributes);
12434
+ }
12435
+ }, {
12436
+ attributes: {
12437
+ value: Object.freeze(defaultAttributes)
12438
+ },
12439
+ converter: {
12440
+ value: Object.freeze(converter)
12441
+ }
12442
+ });
12443
+ }
12444
+ var api = init(defaultConverter, {
12445
+ path: "/"
12446
+ });
12447
+ /* eslint-enable no-var */ return api;
12448
+ });
12449
+
12450
+
12451
+
12452
+ function $6a9b69d9cc7f810f$export$2e2bcd8739ae039({ name: name , value: value }) {
12453
+ return {
12454
+ name: name,
12455
+ value: value,
12456
+ init () {
12457
+ this.$watch("value", ()=>this.update());
12458
+ },
12459
+ update () {
12460
+ (0, (/*@__PURE__*/$parcel$interopDefault($cdfeaa1e0e8d642c$exports))).set(`lookbook-display-${name}`, this.value);
12461
+ const searchParams = new URLSearchParams(window.location.search);
12462
+ const display = searchParams.get("_display");
12463
+ const displayParams = display ? (0, $fb8f79f7dd40b68f$export$f720fd0ddbeb53d9)(display) : {};
12464
+ displayParams[this.name] = this.value;
12465
+ searchParams.set("_display", (0, $fb8f79f7dd40b68f$export$c788aab010beeaec)(displayParams));
12466
+ const path = location.href.replace(location.search, "");
12467
+ this.navigateTo(`${path}?${searchParams.toString()}`);
12468
+ }
12469
+ };
12470
+ }
12471
+
12472
+
12384
12473
  var $c299e36fa9e271bc$exports = {};
12385
12474
 
12386
12475
  $parcel$defineInteropFlag($c299e36fa9e271bc$exports);
@@ -12398,12 +12487,12 @@ var $ef5e88eaa61efd95$exports = {};
12398
12487
  */ // eslint-disable-next-line sonarjs/cognitive-complexity, no-shadow-restricted-names
12399
12488
  (function(undefined) {
12400
12489
  if (typeof window === "undefined") return; // don't run for server side render
12401
- var count = 0, logEnabled = false, hiddenCheckEnabled = false, msgHeader = "message", msgHeaderLen = msgHeader.length, msgId = "[iFrameSizer]", msgIdLen = msgId.length, pagePosition = null, requestAnimationFrame = window.requestAnimationFrame, resetRequiredMethods = {
12490
+ var count = 0, logEnabled = false, hiddenCheckEnabled = false, msgHeader = "message", msgHeaderLen = msgHeader.length, msgId = "[iFrameSizer]", msgIdLen = msgId.length, pagePosition = null, requestAnimationFrame = window.requestAnimationFrame, resetRequiredMethods = Object.freeze({
12402
12491
  max: 1,
12403
12492
  scroll: 1,
12404
12493
  bodyScroll: 1,
12405
12494
  documentElementScroll: 1
12406
- }, settings = {}, timer = null, defaults = {
12495
+ }), settings = {}, timer = null, defaults = Object.freeze({
12407
12496
  autoResize: true,
12408
12497
  bodyBackground: null,
12409
12498
  bodyMargin: null,
@@ -12442,7 +12531,7 @@ var $ef5e88eaa61efd95$exports = {};
12442
12531
  onScroll: function() {
12443
12532
  return true;
12444
12533
  }
12445
- };
12534
+ });
12446
12535
  function getMutationObserver() {
12447
12536
  return window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
12448
12537
  }
@@ -12960,6 +13049,7 @@ var $ef5e88eaa61efd95$exports = {};
12960
13049
  return id;
12961
13050
  }
12962
13051
  function ensureHasId(iframeId) {
13052
+ if (typeof iframeId !== "string") throw new TypeError("Invaild id for iFrame. Expected String");
12963
13053
  if ("" === iframeId) {
12964
13054
  // eslint-disable-next-line no-multi-assign
12965
13055
  iframe.id = iframeId = newId();
@@ -13068,11 +13158,11 @@ var $ef5e88eaa61efd95$exports = {};
13068
13158
  }
13069
13159
  function processOptions(options) {
13070
13160
  options = options || {};
13071
- settings[iframeId] = {
13072
- firstRun: true,
13073
- iframe: iframe,
13074
- remoteHost: iframe.src && iframe.src.split("/").slice(0, 3).join("/")
13075
- };
13161
+ settings[iframeId] = Object.create(null) // Protect against prototype attacks
13162
+ ;
13163
+ settings[iframeId].iframe = iframe;
13164
+ settings[iframeId].firstRun = true;
13165
+ settings[iframeId].remoteHost = iframe.src && iframe.src.split("/").slice(0, 3).join("/");
13076
13166
  checkOptions(options);
13077
13167
  Object.keys(options).forEach(depricate, options);
13078
13168
  copyOptions(options);
@@ -13262,124 +13352,6 @@ function $c299e36fa9e271bc$export$2e2bcd8739ae039(id, embedStore) {
13262
13352
  }
13263
13353
 
13264
13354
 
13265
- var $6a9b69d9cc7f810f$exports = {};
13266
-
13267
- $parcel$defineInteropFlag($6a9b69d9cc7f810f$exports);
13268
-
13269
- $parcel$export($6a9b69d9cc7f810f$exports, "default", () => $6a9b69d9cc7f810f$export$2e2bcd8739ae039);
13270
- var $cdfeaa1e0e8d642c$exports = {};
13271
- (function(global, factory) {
13272
- $cdfeaa1e0e8d642c$exports = factory();
13273
- })($cdfeaa1e0e8d642c$exports, function() {
13274
- "use strict";
13275
- /* eslint-disable no-var */ function assign(target) {
13276
- for(var i = 1; i < arguments.length; i++){
13277
- var source = arguments[i];
13278
- for(var key in source)target[key] = source[key];
13279
- }
13280
- return target;
13281
- }
13282
- /* eslint-enable no-var */ /* eslint-disable no-var */ var defaultConverter = {
13283
- read: function(value) {
13284
- if (value[0] === '"') value = value.slice(1, -1);
13285
- return value.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent);
13286
- },
13287
- write: function(value) {
13288
- return encodeURIComponent(value).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g, decodeURIComponent);
13289
- }
13290
- };
13291
- /* eslint-enable no-var */ /* eslint-disable no-var */ function init(converter, defaultAttributes) {
13292
- function set(key, value, attributes) {
13293
- if (typeof document === "undefined") return;
13294
- attributes = assign({}, defaultAttributes, attributes);
13295
- if (typeof attributes.expires === "number") attributes.expires = new Date(Date.now() + attributes.expires * 864e5);
13296
- if (attributes.expires) attributes.expires = attributes.expires.toUTCString();
13297
- key = encodeURIComponent(key).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
13298
- var stringifiedAttributes = "";
13299
- for(var attributeName in attributes){
13300
- if (!attributes[attributeName]) continue;
13301
- stringifiedAttributes += "; " + attributeName;
13302
- if (attributes[attributeName] === true) continue;
13303
- // Considers RFC 6265 section 5.2:
13304
- // ...
13305
- // 3. If the remaining unparsed-attributes contains a %x3B (";")
13306
- // character:
13307
- // Consume the characters of the unparsed-attributes up to,
13308
- // not including, the first %x3B (";") character.
13309
- // ...
13310
- stringifiedAttributes += "=" + attributes[attributeName].split(";")[0];
13311
- }
13312
- return document.cookie = key + "=" + converter.write(value, key) + stringifiedAttributes;
13313
- }
13314
- function get(key) {
13315
- if (typeof document === "undefined" || arguments.length && !key) return;
13316
- // To prevent the for loop in the first place assign an empty array
13317
- // in case there are no cookies at all.
13318
- var cookies = document.cookie ? document.cookie.split("; ") : [];
13319
- var jar = {};
13320
- for(var i = 0; i < cookies.length; i++){
13321
- var parts = cookies[i].split("=");
13322
- var value = parts.slice(1).join("=");
13323
- try {
13324
- var foundKey = decodeURIComponent(parts[0]);
13325
- jar[foundKey] = converter.read(value, foundKey);
13326
- if (key === foundKey) break;
13327
- } catch (e) {}
13328
- }
13329
- return key ? jar[key] : jar;
13330
- }
13331
- return Object.create({
13332
- set: set,
13333
- get: get,
13334
- remove: function(key, attributes) {
13335
- set(key, "", assign({}, attributes, {
13336
- expires: -1
13337
- }));
13338
- },
13339
- withAttributes: function(attributes) {
13340
- return init(this.converter, assign({}, this.attributes, attributes));
13341
- },
13342
- withConverter: function(converter) {
13343
- return init(assign({}, this.converter, converter), this.attributes);
13344
- }
13345
- }, {
13346
- attributes: {
13347
- value: Object.freeze(defaultAttributes)
13348
- },
13349
- converter: {
13350
- value: Object.freeze(converter)
13351
- }
13352
- });
13353
- }
13354
- var api = init(defaultConverter, {
13355
- path: "/"
13356
- });
13357
- /* eslint-enable no-var */ return api;
13358
- });
13359
-
13360
-
13361
-
13362
- function $6a9b69d9cc7f810f$export$2e2bcd8739ae039({ name: name , value: value }) {
13363
- return {
13364
- name: name,
13365
- value: value,
13366
- init () {
13367
- this.$watch("value", ()=>this.update());
13368
- },
13369
- update () {
13370
- (0, (/*@__PURE__*/$parcel$interopDefault($cdfeaa1e0e8d642c$exports))).set(`lookbook-display-${name}`, this.value);
13371
- const searchParams = new URLSearchParams(window.location.search);
13372
- const display = searchParams.get("_display");
13373
- const displayParams = display ? (0, $7ae6ae39c2ec9059$export$f720fd0ddbeb53d9)(display) : {};
13374
- displayParams[this.name] = this.value;
13375
- searchParams.set("_display", (0, $7ae6ae39c2ec9059$export$c788aab010beeaec)(displayParams));
13376
- const path = location.href.replace(location.search, "");
13377
- this.navigateTo(`${path}?${searchParams.toString()}`);
13378
- }
13379
- };
13380
- }
13381
-
13382
-
13383
13355
  var $9b24cbeb3a465447$exports = {};
13384
13356
 
13385
13357
  $parcel$defineInteropFlag($9b24cbeb3a465447$exports);
@@ -13447,7 +13419,7 @@ function $1a7a7298eec5b755$export$2e2bcd8739ae039() {
13447
13419
  return {
13448
13420
  narrow: false,
13449
13421
  init () {
13450
- (0, $9930d46698775b42$export$a2214cc2adb2dc44)(this.$el, ({ width: width })=>{
13422
+ (0, $7ecd1fc3a6b35e5c$export$a2214cc2adb2dc44)(this.$el, ({ width: width })=>{
13451
13423
  this.narrow = width < 500;
13452
13424
  });
13453
13425
  }
@@ -13469,13 +13441,13 @@ function $e773f8ef556b41ff$export$2e2bcd8739ae039() {
13469
13441
  }
13470
13442
 
13471
13443
 
13472
- $2af7656449ff0341$exports = {
13473
- "embed": {
13474
- "inspector": $c299e36fa9e271bc$exports
13475
- },
13444
+ $f3e1e32f4a1bd6da$exports = {
13476
13445
  "display_options": {
13477
13446
  "field": $6a9b69d9cc7f810f$exports
13478
13447
  },
13448
+ "embed": {
13449
+ "inspector": $c299e36fa9e271bc$exports
13450
+ },
13479
13451
  "nav": {
13480
13452
  "item": $9b24cbeb3a465447$exports
13481
13453
  },
@@ -13486,14 +13458,14 @@ $2af7656449ff0341$exports = {
13486
13458
  };
13487
13459
 
13488
13460
 
13489
- var $6c10158820e535ef$exports = {};
13461
+ var $338da9a25bc5c332$exports = {};
13490
13462
 
13491
- var $7f7fff78376549af$exports = {};
13463
+ var $f13f118be065081c$exports = {};
13492
13464
 
13493
- $parcel$defineInteropFlag($7f7fff78376549af$exports);
13465
+ $parcel$defineInteropFlag($f13f118be065081c$exports);
13494
13466
 
13495
- $parcel$export($7f7fff78376549af$exports, "default", () => $7f7fff78376549af$export$2e2bcd8739ae039);
13496
- function $7f7fff78376549af$export$2e2bcd8739ae039({ name: name , value: value }) {
13467
+ $parcel$export($f13f118be065081c$exports, "default", () => $f13f118be065081c$export$2e2bcd8739ae039);
13468
+ function $f13f118be065081c$export$2e2bcd8739ae039({ name: name , value: value }) {
13497
13469
  return {
13498
13470
  name: name,
13499
13471
  value: value,
@@ -13516,10 +13488,10 @@ function $7f7fff78376549af$export$2e2bcd8739ae039({ name: name , value: value }
13516
13488
 
13517
13489
 
13518
13490
 
13519
- $6c10158820e535ef$exports = {
13520
- "clipboard": $122263eab94cad08$exports,
13521
- "params_input": $7f7fff78376549af$exports,
13522
- "tooltip": $2ef98910f916db6b$exports
13491
+ $338da9a25bc5c332$exports = {
13492
+ "clipboard": $4e31c85e11272811$exports,
13493
+ "params_input": $f13f118be065081c$exports,
13494
+ "tooltip": $7a759511c361f2bd$exports
13523
13495
  };
13524
13496
 
13525
13497
 
@@ -13528,32 +13500,32 @@ $6c10158820e535ef$exports = {
13528
13500
  (0, $caa9439642c6336c$export$2e2bcd8739ae039).plugin((0, $a5acee56471cec18$export$2e2bcd8739ae039));
13529
13501
  (0, $caa9439642c6336c$export$2e2bcd8739ae039).plugin((0, $512e3a9270ec7803$export$2e2bcd8739ae039));
13530
13502
  (0, $caa9439642c6336c$export$2e2bcd8739ae039).plugin((0, $69a8ec8dbeef3157$export$2e2bcd8739ae039));
13531
- (0, $caa9439642c6336c$export$2e2bcd8739ae039).plugin((0, $2be3bf71ec224090$export$2e2bcd8739ae039));
13503
+ (0, $caa9439642c6336c$export$2e2bcd8739ae039).plugin((0, $227a3c1b2ea887ad$export$2e2bcd8739ae039));
13532
13504
  // Stores
13533
- const $939f2ad3cd685486$var$prefix = window.APP_NAME;
13534
- (0, $caa9439642c6336c$export$2e2bcd8739ae039).store("layout", (0, $aabd7bdddb195dac$export$2e2bcd8739ae039)((0, $caa9439642c6336c$export$2e2bcd8739ae039), {
13535
- prefix: $939f2ad3cd685486$var$prefix
13505
+ const $22969b543678f572$var$prefix = window.APP_NAME;
13506
+ (0, $caa9439642c6336c$export$2e2bcd8739ae039).store("layout", (0, $b8cbee737d5fb22b$export$2e2bcd8739ae039)((0, $caa9439642c6336c$export$2e2bcd8739ae039), {
13507
+ prefix: $22969b543678f572$var$prefix
13536
13508
  }));
13537
- (0, $caa9439642c6336c$export$2e2bcd8739ae039).store("nav", (0, $45e94a9374456304$export$2e2bcd8739ae039)((0, $caa9439642c6336c$export$2e2bcd8739ae039), {
13538
- prefix: $939f2ad3cd685486$var$prefix
13509
+ (0, $caa9439642c6336c$export$2e2bcd8739ae039).store("nav", (0, $44e1c947423754b0$export$2e2bcd8739ae039)((0, $caa9439642c6336c$export$2e2bcd8739ae039), {
13510
+ prefix: $22969b543678f572$var$prefix
13539
13511
  }));
13540
- (0, $caa9439642c6336c$export$2e2bcd8739ae039).store("inspector", (0, $6a63819b7ed6d0ed$export$2e2bcd8739ae039)((0, $caa9439642c6336c$export$2e2bcd8739ae039), {
13541
- prefix: $939f2ad3cd685486$var$prefix
13512
+ (0, $caa9439642c6336c$export$2e2bcd8739ae039).store("inspector", (0, $9c7d83377882e3b9$export$2e2bcd8739ae039)((0, $caa9439642c6336c$export$2e2bcd8739ae039), {
13513
+ prefix: $22969b543678f572$var$prefix
13542
13514
  }));
13543
- (0, $caa9439642c6336c$export$2e2bcd8739ae039).store("pages", (0, $9954130d663b77bc$export$2e2bcd8739ae039)((0, $caa9439642c6336c$export$2e2bcd8739ae039), {
13544
- prefix: $939f2ad3cd685486$var$prefix
13515
+ (0, $caa9439642c6336c$export$2e2bcd8739ae039).store("pages", (0, $1fa236e81ee747be$export$2e2bcd8739ae039)((0, $caa9439642c6336c$export$2e2bcd8739ae039), {
13516
+ prefix: $22969b543678f572$var$prefix
13545
13517
  }));
13546
- (0, $caa9439642c6336c$export$2e2bcd8739ae039).store("settings", (0, $96e0343bbb13096b$export$2e2bcd8739ae039)((0, $caa9439642c6336c$export$2e2bcd8739ae039), {
13547
- prefix: $939f2ad3cd685486$var$prefix
13518
+ (0, $caa9439642c6336c$export$2e2bcd8739ae039).store("settings", (0, $d56ec5b1270324e7$export$2e2bcd8739ae039)((0, $caa9439642c6336c$export$2e2bcd8739ae039), {
13519
+ prefix: $22969b543678f572$var$prefix
13548
13520
  }));
13549
13521
  // Components
13550
- (0, $caa9439642c6336c$export$2e2bcd8739ae039).data("app", (0, $d709d0f4027033b2$export$2e2bcd8739ae039));
13522
+ (0, $caa9439642c6336c$export$2e2bcd8739ae039).data("app", (0, $5792afa4170ed552$export$2e2bcd8739ae039));
13551
13523
  [
13552
- $77553f14666631eb$exports,
13553
- $2af7656449ff0341$exports,
13554
- $6c10158820e535ef$exports
13524
+ $52abf2efa3492135$exports,
13525
+ $f3e1e32f4a1bd6da$exports,
13526
+ $338da9a25bc5c332$exports
13555
13527
  ].forEach((scripts)=>{
13556
- const components = (0, $5439cede634b2921$export$4e811121b221213b)(scripts);
13528
+ const components = (0, $12b7aa006b8a97e1$export$4e811121b221213b)(scripts);
13557
13529
  Object.keys(components).forEach((name)=>{
13558
13530
  (0, $caa9439642c6336c$export$2e2bcd8739ae039).data(`${name}Component`, components[name]);
13559
13531
  });