lookbook 2.0.0.beta.9 → 2.0.0.rc.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/components/lookbook/filter/component.html.erb +14 -14
- data/app/components/lookbook/prose/component.css +4 -0
- data/app/components/lookbook/prose/component.html.erb +0 -1
- data/app/views/layouts/lookbook/application.html.erb +4 -4
- data/app/views/lookbook/inspector/inputs/_color.html.erb +2 -1
- data/app/views/lookbook/inspector/inputs/_text_two_step.html.erb +19 -0
- data/app/views/lookbook/pages/show.html.erb +1 -1
- data/config/app.yml +3 -1
- data/config/inputs.yml +2 -2
- data/lib/lookbook/engine.rb +11 -5
- data/lib/lookbook/entities/collections/preview_collection.rb +4 -1
- data/lib/lookbook/entities/concerns/locatable_entity.rb +7 -2
- data/lib/lookbook/entities/preview_entity.rb +4 -4
- data/lib/lookbook/entities/scenario_entity.rb +1 -1
- data/lib/lookbook/param.rb +7 -1
- data/lib/lookbook/version.rb +1 -1
- data/public/lookbook-assets/css/lookbook.css +28 -14
- data/public/lookbook-assets/css/lookbook.css.map +1 -1
- data/public/lookbook-assets/js/index.js +151 -151
- data/public/lookbook-assets/js/index.js.map +1 -1
- metadata +3 -3
- data/lib/lookbook/features.rb +0 -24
@@ -7815,7 +7815,7 @@ function $12b7aa006b8a97e1$var$toCamel(s) {
|
|
7815
7815
|
}
|
7816
7816
|
|
7817
7817
|
|
7818
|
-
var $
|
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
|
-
|
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
|
-
"
|
12350
|
-
"
|
12349
|
+
"tabs": $0db07828cadc68e0$exports,
|
12350
|
+
"viewport": $6d64716f0b34fdf4$exports
|
12351
12351
|
};
|
12352
12352
|
|
12353
12353
|
|
12354
|
-
var $
|
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
|
-
|
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
|
-
"
|
13456
|
-
"
|
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
|
-
$
|
13525
|
-
$
|
13524
|
+
$52abf2efa3492135$exports,
|
13525
|
+
$3b154185c6273749$exports,
|
13526
13526
|
$338da9a25bc5c332$exports
|
13527
13527
|
].forEach((scripts)=>{
|
13528
13528
|
const components = (0, $12b7aa006b8a97e1$export$4e811121b221213b)(scripts);
|