lookbook 2.0.0.beta.9 → 2.0.0.rc.1

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.
@@ -7815,7 +7815,7 @@ function $12b7aa006b8a97e1$var$toCamel(s) {
7815
7815
  }
7816
7816
 
7817
7817
 
7818
- var $d9c79682b7f8e136$exports = {};
7818
+ var $52abf2efa3492135$exports = {};
7819
7819
  var $cbd28b10fa9798c7$exports = {};
7820
7820
 
7821
7821
  $parcel$defineInteropFlag($cbd28b10fa9798c7$exports);
@@ -11356,39 +11356,6 @@ function $99486586f6691564$export$2e2bcd8739ae039() {
11356
11356
  }
11357
11357
 
11358
11358
 
11359
- var $e398acaded942bbe$exports = {};
11360
-
11361
- $parcel$defineInteropFlag($e398acaded942bbe$exports);
11362
-
11363
- $parcel$export($e398acaded942bbe$exports, "default", () => $e398acaded942bbe$export$2e2bcd8739ae039);
11364
-
11365
- function $e398acaded942bbe$export$2e2bcd8739ae039(targetSelector) {
11366
- return {
11367
- width: 0,
11368
- height: 0,
11369
- resizing: false,
11370
- target: null,
11371
- init () {
11372
- this.target = document.querySelector(targetSelector);
11373
- if (this.target) {
11374
- this.width = Math.round(this.target.clientWidth);
11375
- this.height = Math.round(this.target.clientHeight);
11376
- this.createObserver();
11377
- }
11378
- },
11379
- createObserver () {
11380
- if (this.target) this.observer = (0, $7ecd1fc3a6b35e5c$export$a2214cc2adb2dc44)(this.target, ({ width: width , height: height })=>{
11381
- this.width = width;
11382
- this.height = height;
11383
- });
11384
- },
11385
- tearDown () {
11386
- if (this.observer) this.observer.disconnect();
11387
- }
11388
- };
11389
- }
11390
-
11391
-
11392
11359
  var $47a1c62621be0c54$exports = {};
11393
11360
 
11394
11361
  $parcel$defineInteropFlag($47a1c62621be0c54$exports);
@@ -11445,6 +11412,39 @@ function $47a1c62621be0c54$export$2e2bcd8739ae039() {
11445
11412
  }
11446
11413
 
11447
11414
 
11415
+ var $e398acaded942bbe$exports = {};
11416
+
11417
+ $parcel$defineInteropFlag($e398acaded942bbe$exports);
11418
+
11419
+ $parcel$export($e398acaded942bbe$exports, "default", () => $e398acaded942bbe$export$2e2bcd8739ae039);
11420
+
11421
+ function $e398acaded942bbe$export$2e2bcd8739ae039(targetSelector) {
11422
+ return {
11423
+ width: 0,
11424
+ height: 0,
11425
+ resizing: false,
11426
+ target: null,
11427
+ init () {
11428
+ this.target = document.querySelector(targetSelector);
11429
+ if (this.target) {
11430
+ this.width = Math.round(this.target.clientWidth);
11431
+ this.height = Math.round(this.target.clientHeight);
11432
+ this.createObserver();
11433
+ }
11434
+ },
11435
+ createObserver () {
11436
+ if (this.target) this.observer = (0, $7ecd1fc3a6b35e5c$export$a2214cc2adb2dc44)(this.target, ({ width: width , height: height })=>{
11437
+ this.width = width;
11438
+ this.height = height;
11439
+ });
11440
+ },
11441
+ tearDown () {
11442
+ if (this.observer) this.observer.disconnect();
11443
+ }
11444
+ };
11445
+ }
11446
+
11447
+
11448
11448
  var $216ef7001f59f21d$exports = {};
11449
11449
 
11450
11450
  $parcel$defineInteropFlag($216ef7001f59f21d$exports);
@@ -12116,6 +12116,99 @@ function $a87dacf5139b5e2f$export$2e2bcd8739ae039(store) {
12116
12116
  }
12117
12117
 
12118
12118
 
12119
+ var $0db07828cadc68e0$exports = {};
12120
+
12121
+ $parcel$defineInteropFlag($0db07828cadc68e0$exports);
12122
+
12123
+ $parcel$export($0db07828cadc68e0$exports, "default", () => $0db07828cadc68e0$export$2e2bcd8739ae039);
12124
+
12125
+
12126
+
12127
+
12128
+ function $0db07828cadc68e0$export$2e2bcd8739ae039(store) {
12129
+ const initial = store ? store.activeTab : null;
12130
+ let dropdown = null;
12131
+ return {
12132
+ visibleTabsCount: 0,
12133
+ triggerLeft: 0,
12134
+ get store () {
12135
+ return store || this;
12136
+ },
12137
+ get tabs () {
12138
+ return this.$refs.tabs ? Array.from(this.$refs.tabs.children) : [];
12139
+ },
12140
+ get dropdownTabs () {
12141
+ return Array.from(this.$refs.tabsDropdown ? this.$refs.tabsDropdown.children : []);
12142
+ },
12143
+ get tabWidths () {
12144
+ return this.tabs.map((tab)=>(0, $490552754c23ef6f$export$bdf7e699b242f476)(tab, {
12145
+ includeMargins: true
12146
+ }).width);
12147
+ },
12148
+ init () {
12149
+ this.$nextTick(()=>{
12150
+ if (this.$root.parentElement.offsetWidth === this.$root.offsetWidth) this.visibleTabsCount = this.tabs.length;
12151
+ dropdown = (0, $789b7d27a7c715a6$export$2e2bcd8739ae039)(this.$refs.dropdownTrigger, {
12152
+ content: this.$refs.tabsDropdown,
12153
+ theme: "menu",
12154
+ interactive: true,
12155
+ trigger: "click",
12156
+ placement: "bottom",
12157
+ appendTo: this.$root
12158
+ });
12159
+ const initialTab = initial ? this.tabs.find((t)=>this._getRef(t) === initial) : this.tabs[0];
12160
+ this.selectTab(initialTab || this.tabs[0], true);
12161
+ this.parentObserver = (0, $7ecd1fc3a6b35e5c$export$a2214cc2adb2dc44)(this.$root.parentElement, (0, $c5d017602d25d050$export$61fc7d43ac8f84b0)(10, this.handleResize.bind(this)));
12162
+ this.$watch("visibleTabsCount", (value)=>{
12163
+ this.debug(`'#${this.$root.id}' visible tabs count:`, value);
12164
+ });
12165
+ });
12166
+ },
12167
+ handleResize ({ width: width }) {
12168
+ if (width === this._lastMeasuredWidth) return;
12169
+ if (width === this.$root.offsetWidth) {
12170
+ this.visibleTabsCount = this.tabs.length;
12171
+ return;
12172
+ }
12173
+ let sumTabWidths = 60;
12174
+ let triggerLeft = 20;
12175
+ let visibleTabsCount = 0;
12176
+ this.tabWidths.forEach((tabWidth)=>{
12177
+ sumTabWidths += tabWidth;
12178
+ if (sumTabWidths < width) {
12179
+ triggerLeft += tabWidth;
12180
+ visibleTabsCount++;
12181
+ }
12182
+ });
12183
+ this.visibleTabsCount = visibleTabsCount;
12184
+ this.triggerLeft = triggerLeft;
12185
+ this._lastMeasuredWidth = width;
12186
+ },
12187
+ selectTab (el, initial = false) {
12188
+ this.store.activeTab = this._getRef(el);
12189
+ dropdown.hide();
12190
+ if (!initial) this.$dispatch("tabs:change", {
12191
+ tabs: this
12192
+ });
12193
+ },
12194
+ isSelected (el) {
12195
+ return this.store.activeTab === this._getRef(el);
12196
+ },
12197
+ isDisabled (el) {
12198
+ return el.getAttribute("data-disabled") == "true";
12199
+ },
12200
+ hasHiddenTabs () {
12201
+ return this.visibleTabsCount < this.tabs.length;
12202
+ },
12203
+ // protected
12204
+ _lastMeasuredWidth: 0,
12205
+ _getRef (el) {
12206
+ return el ? el.getAttribute("x-ref").replace("dropdown-", "") : null;
12207
+ }
12208
+ };
12209
+ }
12210
+
12211
+
12119
12212
  var $6d64716f0b34fdf4$exports = {};
12120
12213
 
12121
12214
  $parcel$defineInteropFlag($6d64716f0b34fdf4$exports);
@@ -12243,115 +12336,22 @@ function $6d64716f0b34fdf4$export$2e2bcd8739ae039(store) {
12243
12336
  }
12244
12337
 
12245
12338
 
12246
- var $0db07828cadc68e0$exports = {};
12247
-
12248
- $parcel$defineInteropFlag($0db07828cadc68e0$exports);
12249
-
12250
- $parcel$export($0db07828cadc68e0$exports, "default", () => $0db07828cadc68e0$export$2e2bcd8739ae039);
12251
-
12252
-
12253
-
12254
-
12255
- function $0db07828cadc68e0$export$2e2bcd8739ae039(store) {
12256
- const initial = store ? store.activeTab : null;
12257
- let dropdown = null;
12258
- return {
12259
- visibleTabsCount: 0,
12260
- triggerLeft: 0,
12261
- get store () {
12262
- return store || this;
12263
- },
12264
- get tabs () {
12265
- return this.$refs.tabs ? Array.from(this.$refs.tabs.children) : [];
12266
- },
12267
- get dropdownTabs () {
12268
- return Array.from(this.$refs.tabsDropdown ? this.$refs.tabsDropdown.children : []);
12269
- },
12270
- get tabWidths () {
12271
- return this.tabs.map((tab)=>(0, $490552754c23ef6f$export$bdf7e699b242f476)(tab, {
12272
- includeMargins: true
12273
- }).width);
12274
- },
12275
- init () {
12276
- this.$nextTick(()=>{
12277
- if (this.$root.parentElement.offsetWidth === this.$root.offsetWidth) this.visibleTabsCount = this.tabs.length;
12278
- dropdown = (0, $789b7d27a7c715a6$export$2e2bcd8739ae039)(this.$refs.dropdownTrigger, {
12279
- content: this.$refs.tabsDropdown,
12280
- theme: "menu",
12281
- interactive: true,
12282
- trigger: "click",
12283
- placement: "bottom",
12284
- appendTo: this.$root
12285
- });
12286
- const initialTab = initial ? this.tabs.find((t)=>this._getRef(t) === initial) : this.tabs[0];
12287
- this.selectTab(initialTab || this.tabs[0], true);
12288
- this.parentObserver = (0, $7ecd1fc3a6b35e5c$export$a2214cc2adb2dc44)(this.$root.parentElement, (0, $c5d017602d25d050$export$61fc7d43ac8f84b0)(10, this.handleResize.bind(this)));
12289
- this.$watch("visibleTabsCount", (value)=>{
12290
- this.debug(`'#${this.$root.id}' visible tabs count:`, value);
12291
- });
12292
- });
12293
- },
12294
- handleResize ({ width: width }) {
12295
- if (width === this._lastMeasuredWidth) return;
12296
- if (width === this.$root.offsetWidth) {
12297
- this.visibleTabsCount = this.tabs.length;
12298
- return;
12299
- }
12300
- let sumTabWidths = 60;
12301
- let triggerLeft = 20;
12302
- let visibleTabsCount = 0;
12303
- this.tabWidths.forEach((tabWidth)=>{
12304
- sumTabWidths += tabWidth;
12305
- if (sumTabWidths < width) {
12306
- triggerLeft += tabWidth;
12307
- visibleTabsCount++;
12308
- }
12309
- });
12310
- this.visibleTabsCount = visibleTabsCount;
12311
- this.triggerLeft = triggerLeft;
12312
- this._lastMeasuredWidth = width;
12313
- },
12314
- selectTab (el, initial = false) {
12315
- this.store.activeTab = this._getRef(el);
12316
- dropdown.hide();
12317
- if (!initial) this.$dispatch("tabs:change", {
12318
- tabs: this
12319
- });
12320
- },
12321
- isSelected (el) {
12322
- return this.store.activeTab === this._getRef(el);
12323
- },
12324
- isDisabled (el) {
12325
- return el.getAttribute("data-disabled") == "true";
12326
- },
12327
- hasHiddenTabs () {
12328
- return this.visibleTabsCount < this.tabs.length;
12329
- },
12330
- // protected
12331
- _lastMeasuredWidth: 0,
12332
- _getRef (el) {
12333
- return el ? el.getAttribute("x-ref").replace("dropdown-", "") : null;
12334
- }
12335
- };
12336
- }
12337
-
12338
-
12339
- $d9c79682b7f8e136$exports = {
12339
+ $52abf2efa3492135$exports = {
12340
12340
  "button": $cbd28b10fa9798c7$exports,
12341
12341
  "code": $99486586f6691564$exports,
12342
- "dimensions_display": $e398acaded942bbe$exports,
12343
12342
  "copy_button": $47a1c62621be0c54$exports,
12343
+ "dimensions_display": $e398acaded942bbe$exports,
12344
12344
  "embed_code_dropdown": $216ef7001f59f21d$exports,
12345
12345
  "filter": $e9904a14dabf652d$exports,
12346
12346
  "nav": $d92d9d5253f84566$exports,
12347
12347
  "split_layout": $506dabb2bf255b38$exports,
12348
12348
  "tab_panels": $a87dacf5139b5e2f$exports,
12349
- "viewport": $6d64716f0b34fdf4$exports,
12350
- "tabs": $0db07828cadc68e0$exports
12349
+ "tabs": $0db07828cadc68e0$exports,
12350
+ "viewport": $6d64716f0b34fdf4$exports
12351
12351
  };
12352
12352
 
12353
12353
 
12354
- var $f3e1e32f4a1bd6da$exports = {};
12354
+ var $3b154185c6273749$exports = {};
12355
12355
  var $6a9b69d9cc7f810f$exports = {};
12356
12356
 
12357
12357
  $parcel$defineInteropFlag($6a9b69d9cc7f810f$exports);
@@ -13409,6 +13409,20 @@ function $9b24cbeb3a465447$export$2e2bcd8739ae039({ id: id , matchers: matchers
13409
13409
  }
13410
13410
 
13411
13411
 
13412
+ var $e773f8ef556b41ff$exports = {};
13413
+
13414
+ $parcel$defineInteropFlag($e773f8ef556b41ff$exports);
13415
+
13416
+ $parcel$export($e773f8ef556b41ff$exports, "default", () => $e773f8ef556b41ff$export$2e2bcd8739ae039);
13417
+ function $e773f8ef556b41ff$export$2e2bcd8739ae039() {
13418
+ return {
13419
+ get isNarrowLayout () {
13420
+ return this.narrow || false;
13421
+ }
13422
+ };
13423
+ }
13424
+
13425
+
13412
13426
  var $1a7a7298eec5b755$exports = {};
13413
13427
 
13414
13428
  $parcel$defineInteropFlag($1a7a7298eec5b755$exports);
@@ -13427,21 +13441,7 @@ function $1a7a7298eec5b755$export$2e2bcd8739ae039() {
13427
13441
  }
13428
13442
 
13429
13443
 
13430
- var $e773f8ef556b41ff$exports = {};
13431
-
13432
- $parcel$defineInteropFlag($e773f8ef556b41ff$exports);
13433
-
13434
- $parcel$export($e773f8ef556b41ff$exports, "default", () => $e773f8ef556b41ff$export$2e2bcd8739ae039);
13435
- function $e773f8ef556b41ff$export$2e2bcd8739ae039() {
13436
- return {
13437
- get isNarrowLayout () {
13438
- return this.narrow || false;
13439
- }
13440
- };
13441
- }
13442
-
13443
-
13444
- $f3e1e32f4a1bd6da$exports = {
13444
+ $3b154185c6273749$exports = {
13445
13445
  "display_options": {
13446
13446
  "field": $6a9b69d9cc7f810f$exports
13447
13447
  },
@@ -13452,8 +13452,8 @@ $f3e1e32f4a1bd6da$exports = {
13452
13452
  "item": $9b24cbeb3a465447$exports
13453
13453
  },
13454
13454
  "params": {
13455
- "editor": $1a7a7298eec5b755$exports,
13456
- "field": $e773f8ef556b41ff$exports
13455
+ "field": $e773f8ef556b41ff$exports,
13456
+ "editor": $1a7a7298eec5b755$exports
13457
13457
  }
13458
13458
  };
13459
13459
 
@@ -13521,8 +13521,8 @@ const $22969b543678f572$var$prefix = window.APP_NAME;
13521
13521
  // Components
13522
13522
  (0, $caa9439642c6336c$export$2e2bcd8739ae039).data("app", (0, $5792afa4170ed552$export$2e2bcd8739ae039));
13523
13523
  [
13524
- $d9c79682b7f8e136$exports,
13525
- $f3e1e32f4a1bd6da$exports,
13524
+ $52abf2efa3492135$exports,
13525
+ $3b154185c6273749$exports,
13526
13526
  $338da9a25bc5c332$exports
13527
13527
  ].forEach((scripts)=>{
13528
13528
  const components = (0, $12b7aa006b8a97e1$export$4e811121b221213b)(scripts);