lookbook 1.0.0.beta.2 → 1.0.0.beta.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (73) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +180 -40
  3. data/app/components/lookbook/{component.rb → base_component.rb} +7 -5
  4. data/app/components/lookbook/button/component.rb +1 -1
  5. data/app/components/lookbook/button_group/component.rb +1 -1
  6. data/app/components/lookbook/code/component.rb +1 -1
  7. data/app/components/lookbook/copy_button/component.html.erb +3 -3
  8. data/app/components/lookbook/copy_button/component.rb +1 -1
  9. data/app/components/lookbook/dimensions_display/component.rb +1 -1
  10. data/app/components/lookbook/embed/component.html.erb +34 -33
  11. data/app/components/lookbook/embed/component.rb +1 -1
  12. data/app/components/lookbook/filter/component.html.erb +1 -1
  13. data/app/components/lookbook/filter/component.rb +1 -1
  14. data/app/components/lookbook/header/component.html.erb +8 -13
  15. data/app/components/lookbook/header/component.rb +6 -1
  16. data/app/components/lookbook/icon/component.rb +1 -1
  17. data/app/components/lookbook/nav/component.html.erb +4 -8
  18. data/app/components/lookbook/nav/component.rb +6 -8
  19. data/app/components/lookbook/nav/item/component.html.erb +12 -6
  20. data/app/components/lookbook/nav/item/component.rb +10 -3
  21. data/app/components/lookbook/page_tabs/component.html.erb +1 -1
  22. data/app/components/lookbook/page_tabs/component.rb +1 -1
  23. data/app/components/lookbook/params_editor/component.rb +1 -1
  24. data/app/components/lookbook/params_editor/field/component.rb +1 -1
  25. data/app/components/lookbook/prose/component.rb +1 -1
  26. data/app/components/lookbook/split_layout/component.html.erb +1 -1
  27. data/app/components/lookbook/split_layout/component.rb +1 -1
  28. data/app/components/lookbook/tab_panels/component.rb +1 -1
  29. data/app/components/lookbook/tab_panels/panel/component.html.erb +2 -2
  30. data/app/components/lookbook/tab_panels/panel/component.rb +2 -2
  31. data/app/components/lookbook/tabs/component.html.erb +2 -2
  32. data/app/components/lookbook/tabs/component.js +6 -6
  33. data/app/components/lookbook/tabs/component.rb +1 -1
  34. data/app/components/lookbook/tabs/dropdown_tab/component.html.erb +1 -1
  35. data/app/components/lookbook/tabs/dropdown_tab/component.rb +1 -1
  36. data/app/components/lookbook/tabs/tab/component.html.erb +1 -1
  37. data/app/components/lookbook/tabs/tab/component.rb +1 -1
  38. data/app/components/lookbook/tag_component.rb +5 -10
  39. data/app/components/lookbook/toolbar/component.rb +1 -1
  40. data/app/components/lookbook/viewport/component.rb +1 -1
  41. data/app/controllers/lookbook/application_controller.rb +1 -1
  42. data/app/controllers/lookbook/previews_controller.rb +24 -29
  43. data/app/helpers/lookbook/application_helper.rb +6 -0
  44. data/app/helpers/lookbook/component_helper.rb +4 -0
  45. data/app/helpers/lookbook/page_helper.rb +1 -1
  46. data/app/views/layouts/lookbook/application.html.erb +76 -58
  47. data/app/views/layouts/lookbook/page.html.erb +35 -35
  48. data/app/views/layouts/lookbook/shell.html.erb +2 -48
  49. data/app/views/layouts/lookbook/skeleton.html.erb +7 -1
  50. data/app/views/lookbook/404.html.erb +1 -1
  51. data/app/views/lookbook/index.html.erb +24 -11
  52. data/app/views/lookbook/pages/show.html.erb +7 -7
  53. data/app/views/lookbook/previews/panels/_notes.html.erb +1 -1
  54. data/app/views/lookbook/previews/show.html.erb +10 -10
  55. data/lib/lookbook/collection.rb +1 -1
  56. data/lib/lookbook/component.rb +31 -0
  57. data/lib/lookbook/config.rb +101 -40
  58. data/lib/lookbook/engine.rb +88 -18
  59. data/lib/lookbook/markdown.rb +3 -1
  60. data/lib/lookbook/page.rb +6 -2
  61. data/lib/lookbook/parser.rb +1 -4
  62. data/lib/lookbook/preview.rb +59 -12
  63. data/lib/lookbook/preview_example.rb +1 -1
  64. data/lib/lookbook/source_inspector.rb +10 -0
  65. data/lib/lookbook/utils.rb +2 -2
  66. data/lib/lookbook/version.rb +1 -1
  67. data/lib/lookbook.rb +1 -12
  68. data/lib/tasks/lookbook_tasks.rake +1 -1
  69. data/public/lookbook-assets/css/lookbook.css +34 -38
  70. data/public/lookbook-assets/css/lookbook.css.map +1 -1
  71. data/public/lookbook-assets/js/lookbook.js +79 -78
  72. data/public/lookbook-assets/js/lookbook.js.map +1 -1
  73. metadata +4 -3
@@ -7849,17 +7849,7 @@ function $5439cede634b2921$var$toCamel(s) {
7849
7849
  }
7850
7850
 
7851
7851
 
7852
- var $6c7bb428bd81c9cb$exports = {};
7853
- var $99486586f6691564$exports = {};
7854
-
7855
- $parcel$defineInteropFlag($99486586f6691564$exports);
7856
-
7857
- $parcel$export($99486586f6691564$exports, "default", () => $99486586f6691564$export$2e2bcd8739ae039);
7858
- function $99486586f6691564$export$2e2bcd8739ae039() {
7859
- return {};
7860
- }
7861
-
7862
-
7852
+ var $8827b5620b152958$exports = {};
7863
7853
  var $cbd28b10fa9798c7$exports = {};
7864
7854
 
7865
7855
  $parcel$defineInteropFlag($cbd28b10fa9798c7$exports);
@@ -11545,62 +11535,6 @@ function $e398acaded942bbe$export$2e2bcd8739ae039(targetSelector) {
11545
11535
  }
11546
11536
 
11547
11537
 
11548
- var $47a1c62621be0c54$exports = {};
11549
-
11550
- $parcel$defineInteropFlag($47a1c62621be0c54$exports);
11551
-
11552
- $parcel$export($47a1c62621be0c54$exports, "default", () => $47a1c62621be0c54$export$2e2bcd8739ae039);
11553
- var $122263eab94cad08$exports = {};
11554
-
11555
- $parcel$defineInteropFlag($122263eab94cad08$exports);
11556
-
11557
- $parcel$export($122263eab94cad08$exports, "initClipboard", () => $122263eab94cad08$export$c6684e6159b21de3);
11558
- $parcel$export($122263eab94cad08$exports, "default", () => $122263eab94cad08$export$2e2bcd8739ae039);
11559
-
11560
- function $122263eab94cad08$export$c6684e6159b21de3(context = {}) {
11561
- let copyTimeout = null;
11562
- return Object.assign(context, {
11563
- copied: false,
11564
- async copyToClipboard (target = null) {
11565
- let targetEl;
11566
- if (this.$refs.copyTarget) targetEl = this.$refs.copyTarget;
11567
- else if (typeof target === "string") targetEl = document.querySelector(target);
11568
- if (!targetEl) {
11569
- this.warn("Could not find copy target");
11570
- return false;
11571
- }
11572
- const content = $7ae6ae39c2ec9059$export$6cb344a21ca18aec(targetEl.innerText.trim());
11573
- await window.navigator.clipboard.writeText(content);
11574
- this.copied = true;
11575
- if (copyTimeout) clearTimeout(copyTimeout);
11576
- copyTimeout = setTimeout(()=>{
11577
- this.copied = false;
11578
- this.onCopyComplete();
11579
- }, 1000);
11580
- return content;
11581
- },
11582
- onCopyComplete () {}
11583
- });
11584
- }
11585
- function $122263eab94cad08$export$2e2bcd8739ae039() {
11586
- return $122263eab94cad08$export$c6684e6159b21de3({});
11587
- }
11588
-
11589
-
11590
-
11591
- function $47a1c62621be0c54$export$2e2bcd8739ae039() {
11592
- const button = $cbd28b10fa9798c7$export$2e2bcd8739ae039();
11593
- return {
11594
- ...button,
11595
- copied: false,
11596
- init () {
11597
- button.init.bind(this)();
11598
- $122263eab94cad08$export$c6684e6159b21de3(this);
11599
- }
11600
- };
11601
- }
11602
-
11603
-
11604
11538
  var $e1f51f020443edd4$exports = {};
11605
11539
 
11606
11540
  $parcel$defineInteropFlag($e1f51f020443edd4$exports);
@@ -12466,6 +12400,16 @@ function $e1f51f020443edd4$export$2e2bcd8739ae039(id, embedStore) {
12466
12400
  }
12467
12401
 
12468
12402
 
12403
+ var $99486586f6691564$exports = {};
12404
+
12405
+ $parcel$defineInteropFlag($99486586f6691564$exports);
12406
+
12407
+ $parcel$export($99486586f6691564$exports, "default", () => $99486586f6691564$export$2e2bcd8739ae039);
12408
+ function $99486586f6691564$export$2e2bcd8739ae039() {
12409
+ return {};
12410
+ }
12411
+
12412
+
12469
12413
  var $e9904a14dabf652d$exports = {};
12470
12414
 
12471
12415
  $parcel$defineInteropFlag($e9904a14dabf652d$exports);
@@ -12491,6 +12435,62 @@ function $e9904a14dabf652d$export$2e2bcd8739ae039(store) {
12491
12435
  }
12492
12436
 
12493
12437
 
12438
+ var $47a1c62621be0c54$exports = {};
12439
+
12440
+ $parcel$defineInteropFlag($47a1c62621be0c54$exports);
12441
+
12442
+ $parcel$export($47a1c62621be0c54$exports, "default", () => $47a1c62621be0c54$export$2e2bcd8739ae039);
12443
+ var $122263eab94cad08$exports = {};
12444
+
12445
+ $parcel$defineInteropFlag($122263eab94cad08$exports);
12446
+
12447
+ $parcel$export($122263eab94cad08$exports, "initClipboard", () => $122263eab94cad08$export$c6684e6159b21de3);
12448
+ $parcel$export($122263eab94cad08$exports, "default", () => $122263eab94cad08$export$2e2bcd8739ae039);
12449
+
12450
+ function $122263eab94cad08$export$c6684e6159b21de3(context = {}) {
12451
+ let copyTimeout = null;
12452
+ return Object.assign(context, {
12453
+ copied: false,
12454
+ async copyToClipboard (target = null) {
12455
+ let targetEl;
12456
+ if (this.$refs.copyTarget) targetEl = this.$refs.copyTarget;
12457
+ else if (typeof target === "string") targetEl = document.querySelector(target);
12458
+ if (!targetEl) {
12459
+ this.warn("Could not find copy target");
12460
+ return false;
12461
+ }
12462
+ const content = $7ae6ae39c2ec9059$export$6cb344a21ca18aec(targetEl.innerText.trim());
12463
+ await window.navigator.clipboard.writeText(content);
12464
+ this.copied = true;
12465
+ if (copyTimeout) clearTimeout(copyTimeout);
12466
+ copyTimeout = setTimeout(()=>{
12467
+ this.copied = false;
12468
+ this.onCopyComplete();
12469
+ }, 1000);
12470
+ return content;
12471
+ },
12472
+ onCopyComplete () {}
12473
+ });
12474
+ }
12475
+ function $122263eab94cad08$export$2e2bcd8739ae039() {
12476
+ return $122263eab94cad08$export$c6684e6159b21de3({});
12477
+ }
12478
+
12479
+
12480
+
12481
+ function $47a1c62621be0c54$export$2e2bcd8739ae039() {
12482
+ const button = $cbd28b10fa9798c7$export$2e2bcd8739ae039();
12483
+ return {
12484
+ ...button,
12485
+ copied: false,
12486
+ init () {
12487
+ button.init.bind(this)();
12488
+ $122263eab94cad08$export$c6684e6159b21de3(this);
12489
+ }
12490
+ };
12491
+ }
12492
+
12493
+
12494
12494
  var $36506012e0c6e9e3$exports = {};
12495
12495
 
12496
12496
  $parcel$defineInteropFlag($36506012e0c6e9e3$exports);
@@ -13153,7 +13153,7 @@ $parcel$export($0db07828cadc68e0$exports, "default", () => $0db07828cadc68e0$exp
13153
13153
 
13154
13154
 
13155
13155
  function $0db07828cadc68e0$export$2e2bcd8739ae039(store) {
13156
- const initial = store ? store.activeTab : null;
13156
+ const initial1 = store ? store.activeTab : null;
13157
13157
  let dropdown = null;
13158
13158
  return {
13159
13159
  visibleTabsCount: 0,
@@ -13162,7 +13162,7 @@ function $0db07828cadc68e0$export$2e2bcd8739ae039(store) {
13162
13162
  return store || this;
13163
13163
  },
13164
13164
  get tabs () {
13165
- return Array.from(this.$refs.tabs.children);
13165
+ return this.$refs.tabs ? Array.from(this.$refs.tabs.children) : [];
13166
13166
  },
13167
13167
  get dropdownTabs () {
13168
13168
  return Array.from(this.$refs.tabsDropdown ? this.$refs.tabsDropdown.children : []);
@@ -13183,9 +13183,9 @@ function $0db07828cadc68e0$export$2e2bcd8739ae039(store) {
13183
13183
  placement: "bottom",
13184
13184
  appendTo: this.$root
13185
13185
  });
13186
- const initialTab = initial ? this.tabs.find((t)=>this._getRef(t) === initial
13186
+ const initialTab = initial1 ? this.tabs.find((t)=>this._getRef(t) === initial1
13187
13187
  ) : this.tabs[0];
13188
- this.selectTab(initialTab);
13188
+ this.selectTab(initialTab, true);
13189
13189
  this.parentObserver = $9930d46698775b42$export$a2214cc2adb2dc44(this.$root.parentElement, (/*@__PURE__*/$parcel$interopDefault($d3ec6a576bb30dc9$exports))(this.handleResize.bind(this), 10));
13190
13190
  this.$watch("visibleTabsCount", (value)=>{
13191
13191
  this.debug(`'#${this.$root.id}' visible tabs count:`, value);
@@ -13195,11 +13195,9 @@ function $0db07828cadc68e0$export$2e2bcd8739ae039(store) {
13195
13195
  handleResize ({ width: width }) {
13196
13196
  if (width === this._lastMeasuredWidth) return;
13197
13197
  if (width === this.$root.offsetWidth) {
13198
- console.log("uep");
13199
13198
  this.visibleTabsCount = this.tabs.length;
13200
13199
  return;
13201
13200
  }
13202
- console.log(width);
13203
13201
  let sumTabWidths = 60;
13204
13202
  let triggerLeft = 20;
13205
13203
  let visibleTabsCount = 0;
@@ -13214,9 +13212,12 @@ function $0db07828cadc68e0$export$2e2bcd8739ae039(store) {
13214
13212
  this.triggerLeft = triggerLeft;
13215
13213
  this._lastMeasuredWidth = width;
13216
13214
  },
13217
- selectTab (el) {
13215
+ selectTab (el, initial = false) {
13218
13216
  this.store.activeTab = this._getRef(el);
13219
13217
  dropdown.hide();
13218
+ if (!initial) this.$dispatch("tabs:change", {
13219
+ tabs: this
13220
+ });
13220
13221
  },
13221
13222
  isSelected (el) {
13222
13223
  return this.store.activeTab === this._getRef(el);
@@ -13363,13 +13364,13 @@ function $6d64716f0b34fdf4$export$2e2bcd8739ae039(store) {
13363
13364
  }
13364
13365
 
13365
13366
 
13366
- $6c7bb428bd81c9cb$exports = {
13367
- "code": $99486586f6691564$exports,
13367
+ $8827b5620b152958$exports = {
13368
13368
  "button": $cbd28b10fa9798c7$exports,
13369
13369
  "dimensions_display": $e398acaded942bbe$exports,
13370
- "copy_button": $47a1c62621be0c54$exports,
13371
13370
  "embed": $e1f51f020443edd4$exports,
13371
+ "code": $99486586f6691564$exports,
13372
13372
  "filter": $e9904a14dabf652d$exports,
13373
+ "copy_button": $47a1c62621be0c54$exports,
13373
13374
  "icon": $36506012e0c6e9e3$exports,
13374
13375
  "nav": $d92d9d5253f84566$exports,
13375
13376
  "params_editor": $b63b9c6d236b3f65$exports,
@@ -13523,7 +13524,7 @@ $caa9439642c6336c$export$2e2bcd8739ae039.store("settings", $96e0343bbb13096b$exp
13523
13524
  // Components
13524
13525
  $caa9439642c6336c$export$2e2bcd8739ae039.data("app", $d709d0f4027033b2$export$2e2bcd8739ae039);
13525
13526
  [
13526
- $6c7bb428bd81c9cb$exports,
13527
+ $8827b5620b152958$exports,
13527
13528
  $e4eab7529959b73b$exports,
13528
13529
  $4979d2d897a1c01f$exports
13529
13530
  ].forEach((scripts)=>{