easy-navigation 2.1.282 → 2.1.284
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.
- package/lib/accordion.js +50 -263
- package/lib/button/accordion.js +55 -164
- package/lib/button/navigation/accordion.js +55 -158
- package/lib/constants.js +3 -3
- package/lib/div/accordion.js +72 -309
- package/lib/example/accordion.js +19 -104
- package/lib/example/article/buttons.js +12 -109
- package/lib/example/article/codes.js +12 -109
- package/lib/example/article/headings.js +12 -109
- package/lib/example/article/home.js +20 -123
- package/lib/example/article/inputs.js +12 -109
- package/lib/example/article/links.js +12 -109
- package/lib/example/article/sections.js +12 -109
- package/lib/example/article.js +28 -149
- package/lib/example/articlesArray.js +10 -10
- package/lib/example/button/accordion.js +12 -23
- package/lib/example/button/link.js +28 -104
- package/lib/example/createMethods.js +3 -4
- package/lib/example/item/accordion.js +6 -84
- package/lib/example/navigation/accordion.js +16 -23
- package/lib/example/paths.js +8 -8
- package/lib/example/preamble.js +2 -2
- package/lib/example/uris.js +8 -8
- package/lib/example/view.js +45 -200
- package/lib/example.js +9 -9
- package/lib/index.js +9 -9
- package/lib/item/accordion.js +100 -324
- package/lib/item/navigation/accordion.js +22 -226
- package/lib/list/navigation/accordion.js +46 -213
- package/lib/navigation/accordion.js +14 -157
- package/lib/utilities/array.js +2 -9
- package/package.json +5 -1
- package/.swcrc +0 -11
- package/bin/main.js +0 -17
- package/example.js +0 -37856
- package/index.html +0 -46
package/lib/div/accordion.js
CHANGED
|
@@ -8,329 +8,92 @@ Object.defineProperty(exports, "default", {
|
|
|
8
8
|
return _default;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
function _assert_this_initialized(self) {
|
|
15
|
-
if (self === void 0) {
|
|
16
|
-
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
17
|
-
}
|
|
18
|
-
return self;
|
|
19
|
-
}
|
|
20
|
-
function _call_super(_this, derived, args) {
|
|
21
|
-
derived = _get_prototype_of(derived);
|
|
22
|
-
return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
|
|
23
|
-
}
|
|
24
|
-
function _class_call_check(instance, Constructor) {
|
|
25
|
-
if (!(instance instanceof Constructor)) {
|
|
26
|
-
throw new TypeError("Cannot call a class as a function");
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
function _construct(Parent, args, Class) {
|
|
30
|
-
if (_is_native_reflect_construct()) {
|
|
31
|
-
_construct = Reflect.construct;
|
|
32
|
-
} else {
|
|
33
|
-
_construct = function construct(Parent, args, Class) {
|
|
34
|
-
var a = [
|
|
35
|
-
null
|
|
36
|
-
];
|
|
37
|
-
a.push.apply(a, args);
|
|
38
|
-
var Constructor = Function.bind.apply(Parent, a);
|
|
39
|
-
var instance = new Constructor();
|
|
40
|
-
if (Class) _set_prototype_of(instance, Class.prototype);
|
|
41
|
-
return instance;
|
|
42
|
-
};
|
|
43
|
-
}
|
|
44
|
-
return _construct.apply(null, arguments);
|
|
45
|
-
}
|
|
46
|
-
function _defineProperties(target, props) {
|
|
47
|
-
for(var i = 0; i < props.length; i++){
|
|
48
|
-
var descriptor = props[i];
|
|
49
|
-
descriptor.enumerable = descriptor.enumerable || false;
|
|
50
|
-
descriptor.configurable = true;
|
|
51
|
-
if ("value" in descriptor) descriptor.writable = true;
|
|
52
|
-
Object.defineProperty(target, descriptor.key, descriptor);
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
function _create_class(Constructor, protoProps, staticProps) {
|
|
56
|
-
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
|
|
57
|
-
if (staticProps) _defineProperties(Constructor, staticProps);
|
|
58
|
-
return Constructor;
|
|
59
|
-
}
|
|
60
|
-
function _define_property(obj, key, value) {
|
|
61
|
-
if (key in obj) {
|
|
62
|
-
Object.defineProperty(obj, key, {
|
|
63
|
-
value: value,
|
|
64
|
-
enumerable: true,
|
|
65
|
-
configurable: true,
|
|
66
|
-
writable: true
|
|
67
|
-
});
|
|
68
|
-
} else {
|
|
69
|
-
obj[key] = value;
|
|
70
|
-
}
|
|
71
|
-
return obj;
|
|
72
|
-
}
|
|
73
|
-
function _get(target, property, receiver) {
|
|
74
|
-
if (typeof Reflect !== "undefined" && Reflect.get) {
|
|
75
|
-
_get = Reflect.get;
|
|
76
|
-
} else {
|
|
77
|
-
_get = function get(target, property, receiver) {
|
|
78
|
-
var base = _super_prop_base(target, property);
|
|
79
|
-
if (!base) return;
|
|
80
|
-
var desc = Object.getOwnPropertyDescriptor(base, property);
|
|
81
|
-
if (desc.get) {
|
|
82
|
-
return desc.get.call(receiver || target);
|
|
83
|
-
}
|
|
84
|
-
return desc.value;
|
|
85
|
-
};
|
|
86
|
-
}
|
|
87
|
-
return _get(target, property, receiver || target);
|
|
88
|
-
}
|
|
89
|
-
function _get_prototype_of(o) {
|
|
90
|
-
_get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
|
|
91
|
-
return o.__proto__ || Object.getPrototypeOf(o);
|
|
92
|
-
};
|
|
93
|
-
return _get_prototype_of(o);
|
|
94
|
-
}
|
|
95
|
-
function _inherits(subClass, superClass) {
|
|
96
|
-
if (typeof superClass !== "function" && superClass !== null) {
|
|
97
|
-
throw new TypeError("Super expression must either be null or a function");
|
|
98
|
-
}
|
|
99
|
-
subClass.prototype = Object.create(superClass && superClass.prototype, {
|
|
100
|
-
constructor: {
|
|
101
|
-
value: subClass,
|
|
102
|
-
writable: true,
|
|
103
|
-
configurable: true
|
|
104
|
-
}
|
|
105
|
-
});
|
|
106
|
-
if (superClass) _set_prototype_of(subClass, superClass);
|
|
107
|
-
}
|
|
11
|
+
const _easywithstyle = /*#__PURE__*/ _interop_require_default(require("easy-with-style"));
|
|
12
|
+
const _easy = require("easy");
|
|
13
|
+
const _constants = require("../constants");
|
|
108
14
|
function _interop_require_default(obj) {
|
|
109
15
|
return obj && obj.__esModule ? obj : {
|
|
110
16
|
default: obj
|
|
111
17
|
};
|
|
112
18
|
}
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
var source = arguments[i] != null ? arguments[i] : {};
|
|
119
|
-
var ownKeys = Object.keys(source);
|
|
120
|
-
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
121
|
-
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
122
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
123
|
-
}));
|
|
124
|
-
}
|
|
125
|
-
ownKeys.forEach(function(key) {
|
|
126
|
-
_define_property(target, key, source[key]);
|
|
127
|
-
});
|
|
19
|
+
class AccordionDiv extends _easy.Element {
|
|
20
|
+
expand(initialHeight, instantly) {
|
|
21
|
+
const height = this.getHeight(), finalHeight = height; ///
|
|
22
|
+
this.removeClass("collapsed");
|
|
23
|
+
this.resize(initialHeight, finalHeight, instantly);
|
|
128
24
|
}
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
135
|
-
if (enumerableOnly) {
|
|
136
|
-
symbols = symbols.filter(function(sym) {
|
|
137
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
138
|
-
});
|
|
139
|
-
}
|
|
140
|
-
keys.push.apply(keys, symbols);
|
|
141
|
-
}
|
|
142
|
-
return keys;
|
|
143
|
-
}
|
|
144
|
-
function _object_spread_props(target, source) {
|
|
145
|
-
source = source != null ? source : {};
|
|
146
|
-
if (Object.getOwnPropertyDescriptors) {
|
|
147
|
-
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
148
|
-
} else {
|
|
149
|
-
ownKeys(Object(source)).forEach(function(key) {
|
|
150
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
25
|
+
collapse(instantly, done) {
|
|
26
|
+
const height = this.getHeight(), finalHeight = 0, initialHeight = height; ///
|
|
27
|
+
this.resize(initialHeight, finalHeight, instantly, ()=>{
|
|
28
|
+
this.addClass("collapsed");
|
|
29
|
+
done();
|
|
151
30
|
});
|
|
152
31
|
}
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
32
|
+
getHeight() {
|
|
33
|
+
let height;
|
|
34
|
+
const display = this.style("display");
|
|
35
|
+
this.show();
|
|
36
|
+
height = super.getHeight();
|
|
37
|
+
this.display(display);
|
|
38
|
+
return height;
|
|
158
39
|
}
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
_set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
|
|
163
|
-
o.__proto__ = p;
|
|
164
|
-
return o;
|
|
165
|
-
};
|
|
166
|
-
return _set_prototype_of(o, p);
|
|
167
|
-
}
|
|
168
|
-
function _super_prop_base(object, property) {
|
|
169
|
-
while(!Object.prototype.hasOwnProperty.call(object, property)){
|
|
170
|
-
object = _get_prototype_of(object);
|
|
171
|
-
if (object === null) break;
|
|
40
|
+
isCollapsed() {
|
|
41
|
+
const collapsed = this.hasClass("collapsed");
|
|
42
|
+
return collapsed;
|
|
172
43
|
}
|
|
173
|
-
|
|
174
|
-
}
|
|
175
|
-
|
|
176
|
-
if (!raw) {
|
|
177
|
-
raw = strings.slice(0);
|
|
44
|
+
setHeight(height) {
|
|
45
|
+
height = height === _constants.AUTO ? height : `${height}px`; ///
|
|
46
|
+
this.style("height", height);
|
|
178
47
|
}
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
}));
|
|
184
|
-
}
|
|
185
|
-
function _type_of(obj) {
|
|
186
|
-
"@swc/helpers - typeof";
|
|
187
|
-
return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
|
|
188
|
-
}
|
|
189
|
-
function _wrap_native_super(Class) {
|
|
190
|
-
var _cache = typeof Map === "function" ? new Map() : undefined;
|
|
191
|
-
_wrap_native_super = function wrapNativeSuper(Class) {
|
|
192
|
-
if (Class === null || !_is_native_function(Class)) return Class;
|
|
193
|
-
if (typeof Class !== "function") {
|
|
194
|
-
throw new TypeError("Super expression must either be null or a function");
|
|
195
|
-
}
|
|
196
|
-
if (typeof _cache !== "undefined") {
|
|
197
|
-
if (_cache.has(Class)) return _cache.get(Class);
|
|
198
|
-
_cache.set(Class, Wrapper);
|
|
48
|
+
resize(initialHeight, finalHeight, instantly, done) {
|
|
49
|
+
if (instantly) {
|
|
50
|
+
done && done(); ///
|
|
51
|
+
return;
|
|
199
52
|
}
|
|
200
|
-
|
|
201
|
-
|
|
53
|
+
const initialTime = Date.now();
|
|
54
|
+
this.animate(initialTime, initialHeight, finalHeight, ()=>{
|
|
55
|
+
this.setHeight(_constants.AUTO);
|
|
56
|
+
done && done(); ///
|
|
57
|
+
});
|
|
58
|
+
}
|
|
59
|
+
animate(initialTime, initialHeight, finalHeight, done) {
|
|
60
|
+
const currentTime = Date.now(), elapsedTime = currentTime - initialTime, scale = elapsedTime / _constants.ACCORDION_SCALE_FACTOR, completed = scale > 1;
|
|
61
|
+
if (completed) {
|
|
62
|
+
done();
|
|
63
|
+
return;
|
|
202
64
|
}
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
writable: true,
|
|
208
|
-
configurable: true
|
|
209
|
-
}
|
|
65
|
+
const heightDifference = finalHeight - initialHeight, height = initialHeight + scale * heightDifference;
|
|
66
|
+
this.setHeight(height);
|
|
67
|
+
requestAnimationFrame(()=>{
|
|
68
|
+
this.animate(initialTime, initialHeight, finalHeight, done);
|
|
210
69
|
});
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
}
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
]);
|
|
227
|
-
_templateObject = function _templateObject() {
|
|
228
|
-
return data;
|
|
70
|
+
}
|
|
71
|
+
parentContext() {
|
|
72
|
+
const context = this.getContext(), resizeDiv = this.resize.bind(this), expandDiv = this.expand.bind(this), collapseDiv = this.collapse.bind(this), getDivHeight = this.getHeight.bind(this), isCollapsed = this.isCollapsed.bind(this);
|
|
73
|
+
return {
|
|
74
|
+
...context,
|
|
75
|
+
resizeDiv,
|
|
76
|
+
expandDiv,
|
|
77
|
+
collapseDiv,
|
|
78
|
+
getDivHeight,
|
|
79
|
+
isCollapsed
|
|
80
|
+
};
|
|
81
|
+
}
|
|
82
|
+
static tagName = "div";
|
|
83
|
+
static defaultProperties = {
|
|
84
|
+
className: "accordion"
|
|
229
85
|
};
|
|
230
|
-
return data;
|
|
231
86
|
}
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
this.removeClass("collapsed");
|
|
244
|
-
this.resize(initialHeight, finalHeight, instantly);
|
|
245
|
-
}
|
|
246
|
-
},
|
|
247
|
-
{
|
|
248
|
-
key: "collapse",
|
|
249
|
-
value: function collapse(instantly, done) {
|
|
250
|
-
var _this = this;
|
|
251
|
-
var height = this.getHeight(), finalHeight = 0, initialHeight = height; ///
|
|
252
|
-
this.resize(initialHeight, finalHeight, instantly, function() {
|
|
253
|
-
_this.addClass("collapsed");
|
|
254
|
-
done();
|
|
255
|
-
});
|
|
256
|
-
}
|
|
257
|
-
},
|
|
258
|
-
{
|
|
259
|
-
key: "getHeight",
|
|
260
|
-
value: function getHeight() {
|
|
261
|
-
var height;
|
|
262
|
-
var display = this.style("display");
|
|
263
|
-
this.show();
|
|
264
|
-
height = _get(_get_prototype_of(AccordionDiv.prototype), "getHeight", this).call(this);
|
|
265
|
-
this.display(display);
|
|
266
|
-
return height;
|
|
267
|
-
}
|
|
268
|
-
},
|
|
269
|
-
{
|
|
270
|
-
key: "isCollapsed",
|
|
271
|
-
value: function isCollapsed() {
|
|
272
|
-
var collapsed = this.hasClass("collapsed");
|
|
273
|
-
return collapsed;
|
|
274
|
-
}
|
|
275
|
-
},
|
|
276
|
-
{
|
|
277
|
-
key: "setHeight",
|
|
278
|
-
value: function setHeight(height) {
|
|
279
|
-
height = height === _constants.AUTO ? height : "".concat(height, "px"); ///
|
|
280
|
-
this.style("height", height);
|
|
281
|
-
}
|
|
282
|
-
},
|
|
283
|
-
{
|
|
284
|
-
key: "resize",
|
|
285
|
-
value: function resize(initialHeight, finalHeight, instantly, done) {
|
|
286
|
-
var _this = this;
|
|
287
|
-
if (instantly) {
|
|
288
|
-
done && done(); ///
|
|
289
|
-
return;
|
|
290
|
-
}
|
|
291
|
-
var initialTime = Date.now();
|
|
292
|
-
this.animate(initialTime, initialHeight, finalHeight, function() {
|
|
293
|
-
_this.setHeight(_constants.AUTO);
|
|
294
|
-
done && done(); ///
|
|
295
|
-
});
|
|
296
|
-
}
|
|
297
|
-
},
|
|
298
|
-
{
|
|
299
|
-
key: "animate",
|
|
300
|
-
value: function animate(initialTime, initialHeight, finalHeight, done) {
|
|
301
|
-
var _this = this;
|
|
302
|
-
var currentTime = Date.now(), elapsedTime = currentTime - initialTime, scale = elapsedTime / _constants.ACCORDION_SCALE_FACTOR, completed = scale > 1;
|
|
303
|
-
if (completed) {
|
|
304
|
-
done();
|
|
305
|
-
return;
|
|
306
|
-
}
|
|
307
|
-
var heightDifference = finalHeight - initialHeight, height = initialHeight + scale * heightDifference;
|
|
308
|
-
this.setHeight(height);
|
|
309
|
-
requestAnimationFrame(function() {
|
|
310
|
-
_this.animate(initialTime, initialHeight, finalHeight, done);
|
|
311
|
-
});
|
|
312
|
-
}
|
|
313
|
-
},
|
|
314
|
-
{
|
|
315
|
-
key: "parentContext",
|
|
316
|
-
value: function parentContext() {
|
|
317
|
-
var context = this.getContext(), resizeDiv = this.resize.bind(this), expandDiv = this.expand.bind(this), collapseDiv = this.collapse.bind(this), getDivHeight = this.getHeight.bind(this), isCollapsed = this.isCollapsed.bind(this);
|
|
318
|
-
return _object_spread_props(_object_spread({}, context), {
|
|
319
|
-
resizeDiv: resizeDiv,
|
|
320
|
-
expandDiv: expandDiv,
|
|
321
|
-
collapseDiv: collapseDiv,
|
|
322
|
-
getDivHeight: getDivHeight,
|
|
323
|
-
isCollapsed: isCollapsed
|
|
324
|
-
});
|
|
325
|
-
}
|
|
326
|
-
}
|
|
327
|
-
]);
|
|
328
|
-
return AccordionDiv;
|
|
329
|
-
}(_wrap_native_super(_easy.Element));
|
|
330
|
-
_define_property(AccordionDiv, "tagName", "div");
|
|
331
|
-
_define_property(AccordionDiv, "defaultProperties", {
|
|
332
|
-
className: "accordion"
|
|
333
|
-
});
|
|
334
|
-
var _default = (0, _easywithstyle.default)(AccordionDiv)(_templateObject());
|
|
87
|
+
const _default = (0, _easywithstyle.default)(AccordionDiv)`
|
|
88
|
+
|
|
89
|
+
overflow: hidden;
|
|
90
|
+
|
|
91
|
+
display: block;
|
|
92
|
+
|
|
93
|
+
.collapsed {
|
|
94
|
+
display: none;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
`;
|
|
335
98
|
|
|
336
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
99
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kaXYvYWNjb3JkaW9uLmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgd2l0aFN0eWxlIGZyb20gXCJlYXN5LXdpdGgtc3R5bGVcIjsgIC8vL1xuXG5pbXBvcnQgeyBFbGVtZW50IH0gZnJvbSBcImVhc3lcIjtcblxuaW1wb3J0IHsgQVVUTywgQUNDT1JESU9OX1NDQUxFX0ZBQ1RPUiB9IGZyb20gXCIuLi9jb25zdGFudHNcIjtcblxuY2xhc3MgQWNjb3JkaW9uRGl2IGV4dGVuZHMgRWxlbWVudCB7XG4gIGV4cGFuZChpbml0aWFsSGVpZ2h0LCBpbnN0YW50bHkpIHtcbiAgICBjb25zdCBoZWlnaHQgPSB0aGlzLmdldEhlaWdodCgpLFxuICAgICAgICAgIGZpbmFsSGVpZ2h0ID0gaGVpZ2h0OyAvLy9cblxuICAgIHRoaXMucmVtb3ZlQ2xhc3MoXCJjb2xsYXBzZWRcIik7XG5cbiAgICB0aGlzLnJlc2l6ZShpbml0aWFsSGVpZ2h0LCBmaW5hbEhlaWdodCwgaW5zdGFudGx5KTtcbiAgfVxuXG4gIGNvbGxhcHNlKGluc3RhbnRseSwgZG9uZSkge1xuICAgIGNvbnN0IGhlaWdodCA9IHRoaXMuZ2V0SGVpZ2h0KCksXG4gICAgICAgICAgZmluYWxIZWlnaHQgPSAwLFxuICAgICAgICAgIGluaXRpYWxIZWlnaHQgPSBoZWlnaHQ7IC8vL1xuXG4gICAgdGhpcy5yZXNpemUoaW5pdGlhbEhlaWdodCwgZmluYWxIZWlnaHQsIGluc3RhbnRseSwgKCkgPT4ge1xuICAgICAgdGhpcy5hZGRDbGFzcyhcImNvbGxhcHNlZFwiKTtcblxuICAgICAgZG9uZSgpO1xuICAgIH0pO1xuICB9XG5cbiAgZ2V0SGVpZ2h0KCkge1xuICAgIGxldCBoZWlnaHQ7XG5cbiAgICBjb25zdCBkaXNwbGF5ID0gdGhpcy5zdHlsZShcImRpc3BsYXlcIik7XG5cbiAgICB0aGlzLnNob3coKTtcblxuICAgIGhlaWdodCA9IHN1cGVyLmdldEhlaWdodCgpO1xuXG4gICAgdGhpcy5kaXNwbGF5KGRpc3BsYXkpO1xuXG4gICAgcmV0dXJuIGhlaWdodDtcbiAgfVxuXG4gIGlzQ29sbGFwc2VkKCkge1xuICAgIGNvbnN0IGNvbGxhcHNlZCA9IHRoaXMuaGFzQ2xhc3MoXCJjb2xsYXBzZWRcIik7XG5cbiAgICByZXR1cm4gY29sbGFwc2VkO1xuICB9XG5cbiAgc2V0SGVpZ2h0KGhlaWdodCkge1xuICAgIGhlaWdodCA9IChoZWlnaHQgPT09IEFVVE8pID9cbiAgICAgIGhlaWdodCA6XG4gICAgICBgJHtoZWlnaHR9cHhgOyAvLy9cblxuICAgIHRoaXMuc3R5bGUoXCJoZWlnaHRcIiwgaGVpZ2h0KTtcbiAgfVxuXG4gIHJlc2l6ZShpbml0aWFsSGVpZ2h0LCBmaW5hbEhlaWdodCwgaW5zdGFudGx5LCBkb25lKSB7XG4gICAgaWYgKGluc3RhbnRseSkge1xuICAgICAgZG9uZSAmJiBkb25lKCk7IC8vL1xuXG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgaW5pdGlhbFRpbWUgPSBEYXRlLm5vdygpO1xuXG4gICAgdGhpcy5hbmltYXRlKGluaXRpYWxUaW1lLCBpbml0aWFsSGVpZ2h0LCBmaW5hbEhlaWdodCwgKCkgPT4ge1xuICAgICAgdGhpcy5zZXRIZWlnaHQoQVVUTyk7XG5cbiAgICAgIGRvbmUgJiYgZG9uZSgpOyAvLy9cbiAgICB9KTtcbiAgfVxuXG4gIGFuaW1hdGUoaW5pdGlhbFRpbWUsIGluaXRpYWxIZWlnaHQsIGZpbmFsSGVpZ2h0LCBkb25lKSB7XG4gICAgY29uc3QgY3VycmVudFRpbWUgPSBEYXRlLm5vdygpLCAvLy9cbiAgICAgICAgICBlbGFwc2VkVGltZSA9IGN1cnJlbnRUaW1lIC0gaW5pdGlhbFRpbWUsXG4gICAgICAgICAgc2NhbGUgPSBlbGFwc2VkVGltZSAvIEFDQ09SRElPTl9TQ0FMRV9GQUNUT1IsXG4gICAgICAgICAgY29tcGxldGVkID0gKHNjYWxlID4gMSk7XG5cbiAgICBpZiAoY29tcGxldGVkKSB7XG4gICAgICBkb25lKCk7XG5cbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBoZWlnaHREaWZmZXJlbmNlID0gKGZpbmFsSGVpZ2h0IC0gaW5pdGlhbEhlaWdodCksXG4gICAgICAgICAgaGVpZ2h0ID0gaW5pdGlhbEhlaWdodCArIHNjYWxlICogaGVpZ2h0RGlmZmVyZW5jZTtcblxuICAgIHRoaXMuc2V0SGVpZ2h0KGhlaWdodCk7XG5cbiAgICByZXF1ZXN0QW5pbWF0aW9uRnJhbWUoKCkgPT4ge1xuICAgICAgdGhpcy5hbmltYXRlKGluaXRpYWxUaW1lLCBpbml0aWFsSGVpZ2h0LCBmaW5hbEhlaWdodCwgZG9uZSk7XG4gICAgfSk7XG4gIH1cblxuICBwYXJlbnRDb250ZXh0KCkge1xuICAgIGNvbnN0IGNvbnRleHQgPSB0aGlzLmdldENvbnRleHQoKSxcbiAgICAgICAgICByZXNpemVEaXYgPSB0aGlzLnJlc2l6ZS5iaW5kKHRoaXMpLCAvLy9cbiAgICAgICAgICBleHBhbmREaXYgPSB0aGlzLmV4cGFuZC5iaW5kKHRoaXMpLCAvLy9cbiAgICAgICAgICBjb2xsYXBzZURpdiA9IHRoaXMuY29sbGFwc2UuYmluZCh0aGlzKSwgLy8vXG4gICAgICAgICAgZ2V0RGl2SGVpZ2h0ID0gdGhpcy5nZXRIZWlnaHQuYmluZCh0aGlzKSwgLy8vXG4gICAgICAgICAgaXNDb2xsYXBzZWQgPSB0aGlzLmlzQ29sbGFwc2VkLmJpbmQodGhpcyk7XG5cbiAgICByZXR1cm4gKHtcbiAgICAgIC4uLmNvbnRleHQsXG4gICAgICByZXNpemVEaXYsXG4gICAgICBleHBhbmREaXYsXG4gICAgICBjb2xsYXBzZURpdixcbiAgICAgIGdldERpdkhlaWdodCxcbiAgICAgIGlzQ29sbGFwc2VkXG4gICAgfSk7XG4gIH1cblxuICBzdGF0aWMgdGFnTmFtZSA9IFwiZGl2XCI7XG5cbiAgc3RhdGljIGRlZmF1bHRQcm9wZXJ0aWVzID0ge1xuICAgIGNsYXNzTmFtZTogXCJhY2NvcmRpb25cIlxuICB9O1xufVxuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGUoQWNjb3JkaW9uRGl2KWBcblxuICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBcbiAgLmNvbGxhcHNlZCB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuICBcbmA7XG4iXSwibmFtZXMiOlsiQWNjb3JkaW9uRGl2IiwiRWxlbWVudCIsImV4cGFuZCIsImluaXRpYWxIZWlnaHQiLCJpbnN0YW50bHkiLCJoZWlnaHQiLCJnZXRIZWlnaHQiLCJmaW5hbEhlaWdodCIsInJlbW92ZUNsYXNzIiwicmVzaXplIiwiY29sbGFwc2UiLCJkb25lIiwiYWRkQ2xhc3MiLCJkaXNwbGF5Iiwic3R5bGUiLCJzaG93IiwiaXNDb2xsYXBzZWQiLCJjb2xsYXBzZWQiLCJoYXNDbGFzcyIsInNldEhlaWdodCIsIkFVVE8iLCJpbml0aWFsVGltZSIsIkRhdGUiLCJub3ciLCJhbmltYXRlIiwiY3VycmVudFRpbWUiLCJlbGFwc2VkVGltZSIsInNjYWxlIiwiQUNDT1JESU9OX1NDQUxFX0ZBQ1RPUiIsImNvbXBsZXRlZCIsImhlaWdodERpZmZlcmVuY2UiLCJyZXF1ZXN0QW5pbWF0aW9uRnJhbWUiLCJwYXJlbnRDb250ZXh0IiwiY29udGV4dCIsImdldENvbnRleHQiLCJyZXNpemVEaXYiLCJiaW5kIiwiZXhwYW5kRGl2IiwiY29sbGFwc2VEaXYiLCJnZXREaXZIZWlnaHQiLCJ0YWdOYW1lIiwiZGVmYXVsdFByb3BlcnRpZXMiLCJjbGFzc05hbWUiLCJ3aXRoU3R5bGUiXSwibWFwcGluZ3MiOiJBQUFBOzs7OytCQXlIQTs7O2VBQUE7OztzRUF2SHNCO3NCQUVFOzJCQUVxQjs7Ozs7O0FBRTdDLE1BQU1BLHFCQUFxQkMsYUFBTztJQUNoQ0MsT0FBT0MsYUFBYSxFQUFFQyxTQUFTLEVBQUU7UUFDL0IsTUFBTUMsU0FBUyxJQUFJLENBQUNDLFNBQVMsSUFDdkJDLGNBQWNGLFFBQVEsR0FBRztRQUUvQixJQUFJLENBQUNHLFdBQVcsQ0FBQztRQUVqQixJQUFJ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
|
package/lib/example/accordion.js
CHANGED
|
@@ -8,113 +8,28 @@ Object.defineProperty(exports, "default", {
|
|
|
8
8
|
return _default;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
function _assert_this_initialized(self) {
|
|
15
|
-
if (self === void 0) {
|
|
16
|
-
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
17
|
-
}
|
|
18
|
-
return self;
|
|
19
|
-
}
|
|
20
|
-
function _call_super(_this, derived, args) {
|
|
21
|
-
derived = _get_prototype_of(derived);
|
|
22
|
-
return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
|
|
23
|
-
}
|
|
24
|
-
function _class_call_check(instance, Constructor) {
|
|
25
|
-
if (!(instance instanceof Constructor)) {
|
|
26
|
-
throw new TypeError("Cannot call a class as a function");
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
function _define_property(obj, key, value) {
|
|
30
|
-
if (key in obj) {
|
|
31
|
-
Object.defineProperty(obj, key, {
|
|
32
|
-
value: value,
|
|
33
|
-
enumerable: true,
|
|
34
|
-
configurable: true,
|
|
35
|
-
writable: true
|
|
36
|
-
});
|
|
37
|
-
} else {
|
|
38
|
-
obj[key] = value;
|
|
39
|
-
}
|
|
40
|
-
return obj;
|
|
41
|
-
}
|
|
42
|
-
function _get_prototype_of(o) {
|
|
43
|
-
_get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
|
|
44
|
-
return o.__proto__ || Object.getPrototypeOf(o);
|
|
45
|
-
};
|
|
46
|
-
return _get_prototype_of(o);
|
|
47
|
-
}
|
|
48
|
-
function _inherits(subClass, superClass) {
|
|
49
|
-
if (typeof superClass !== "function" && superClass !== null) {
|
|
50
|
-
throw new TypeError("Super expression must either be null or a function");
|
|
51
|
-
}
|
|
52
|
-
subClass.prototype = Object.create(superClass && superClass.prototype, {
|
|
53
|
-
constructor: {
|
|
54
|
-
value: subClass,
|
|
55
|
-
writable: true,
|
|
56
|
-
configurable: true
|
|
57
|
-
}
|
|
58
|
-
});
|
|
59
|
-
if (superClass) _set_prototype_of(subClass, superClass);
|
|
60
|
-
}
|
|
11
|
+
const _easywithstyle = /*#__PURE__*/ _interop_require_default(require("easy-with-style"));
|
|
12
|
+
const _index = require("../index");
|
|
13
|
+
const _accordion = /*#__PURE__*/ _interop_require_default(require("./item/accordion"));
|
|
61
14
|
function _interop_require_default(obj) {
|
|
62
15
|
return obj && obj.__esModule ? obj : {
|
|
63
16
|
default: obj
|
|
64
17
|
};
|
|
65
18
|
}
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
raw = strings.slice(0);
|
|
82
|
-
}
|
|
83
|
-
return Object.freeze(Object.defineProperties(strings, {
|
|
84
|
-
raw: {
|
|
85
|
-
value: Object.freeze(raw)
|
|
86
|
-
}
|
|
87
|
-
}));
|
|
88
|
-
}
|
|
89
|
-
function _type_of(obj) {
|
|
90
|
-
"@swc/helpers - typeof";
|
|
91
|
-
return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
|
|
92
|
-
}
|
|
93
|
-
function _is_native_reflect_construct() {
|
|
94
|
-
try {
|
|
95
|
-
var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
|
|
96
|
-
} catch (_) {}
|
|
97
|
-
return (_is_native_reflect_construct = function() {
|
|
98
|
-
return !!result;
|
|
99
|
-
})();
|
|
100
|
-
}
|
|
101
|
-
function _templateObject() {
|
|
102
|
-
var data = _tagged_template_literal([
|
|
103
|
-
"\n\n grid-area: accordion;\n\n border: 1px solid black;\n \n @media (min-width: 800px) {\n \n border: none;\n \n }\n\n"
|
|
104
|
-
]);
|
|
105
|
-
_templateObject = function _templateObject() {
|
|
106
|
-
return data;
|
|
107
|
-
};
|
|
108
|
-
return data;
|
|
109
|
-
}
|
|
110
|
-
var _class;
|
|
111
|
-
var _default = (0, _easywithstyle.default)((_class = /*#__PURE__*/ function(Accordion) {
|
|
112
|
-
_inherits(_class, Accordion);
|
|
113
|
-
function _class() {
|
|
114
|
-
_class_call_check(this, _class);
|
|
115
|
-
return _call_super(this, _class, arguments);
|
|
116
|
-
}
|
|
117
|
-
return _class;
|
|
118
|
-
}(_index.Accordion), _define_property(_class, "AccordionItem", _accordion.default), _class))(_templateObject());
|
|
19
|
+
const _default = (0, _easywithstyle.default)(class extends _index.Accordion {
|
|
20
|
+
static AccordionItem = _accordion.default;
|
|
21
|
+
})`
|
|
22
|
+
|
|
23
|
+
grid-area: accordion;
|
|
24
|
+
|
|
25
|
+
border: 1px solid black;
|
|
26
|
+
|
|
27
|
+
@media (min-width: 800px) {
|
|
28
|
+
|
|
29
|
+
border: none;
|
|
30
|
+
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
`;
|
|
119
34
|
|
|
120
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9leGFtcGxlL2FjY29yZGlvbi5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcblxuaW1wb3J0IHdpdGhTdHlsZSBmcm9tIFwiZWFzeS13aXRoLXN0eWxlXCI7ICAvLy9cblxuaW1wb3J0IHsgQWNjb3JkaW9uIH0gZnJvbSBcIi4uL2luZGV4XCI7IC8vL1xuXG5pbXBvcnQgQWNjb3JkaW9uSXRlbSBmcm9tIFwiLi9pdGVtL2FjY29yZGlvblwiO1xuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGUoY2xhc3MgZXh0ZW5kcyBBY2NvcmRpb24ge1xuICBzdGF0aWMgQWNjb3JkaW9uSXRlbSA9IEFjY29yZGlvbkl0ZW07XG59KWBcblxuICBncmlkLWFyZWE6IGFjY29yZGlvbjtcblxuICBib3JkZXI6IDFweCBzb2xpZCBibGFjaztcbiAgXG4gIEBtZWRpYSAobWluLXdpZHRoOiA4MDBweCkge1xuICBcbiAgICBib3JkZXI6IG5vbmU7XG4gIFxuICB9XG5cbmA7XG4iXSwibmFtZXMiOlsid2l0aFN0eWxlIiwiQWNjb3JkaW9uIiwiQWNjb3JkaW9uSXRlbSJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7K0JBUUE7OztlQUFBOzs7c0VBTnNCO3VCQUVJO2tFQUVBOzs7Ozs7TUFFMUIsV0FBZUEsSUFBQUEsc0JBQVMsRUFBQyxjQUFjQyxnQkFBUztJQUM5QyxPQUFPQyxnQkFBZ0JBLGtCQUFhLENBQUM7QUFDdkMsRUFBRSxDQUFDOzs7Ozs7Ozs7Ozs7QUFZSCxDQUFDIn0=
|