@m3e/slide-group 1.0.5 → 1.1.0
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/README.md +3 -2
- package/dist/custom-elements.json +8 -0
- package/dist/index.js +537 -234
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +8 -81
- package/dist/index.min.js.map +1 -1
- package/dist/src/SlideGroupElement.d.ts +4 -0
- package/dist/src/SlideGroupElement.d.ts.map +1 -1
- package/package.json +3 -17
package/dist/index.js
CHANGED
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
*/
|
|
6
6
|
import { css, LitElement, html, nothing } from 'lit';
|
|
7
7
|
import { debounce, ResizeController } from '@m3e/core';
|
|
8
|
+
import { M3eDirectionality } from '@m3e/core/bidi';
|
|
8
9
|
|
|
9
10
|
/******************************************************************************
|
|
10
11
|
Copyright (c) Microsoft Corporation.
|
|
@@ -19,26 +20,30 @@ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
|
19
20
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
20
21
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
21
22
|
PERFORMANCE OF THIS SOFTWARE.
|
|
22
|
-
***************************************************************************** */
|
|
23
|
-
/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
23
|
+
***************************************************************************** */
|
|
24
|
+
/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
|
|
25
|
+
|
|
26
|
+
function __decorate(decorators, target, key, desc) {
|
|
27
|
+
var c = arguments.length,
|
|
28
|
+
r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
|
|
29
|
+
d;
|
|
30
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
31
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
32
|
+
}
|
|
33
|
+
function __classPrivateFieldGet(receiver, state, kind, f) {
|
|
34
|
+
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
|
|
35
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
36
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
37
|
+
}
|
|
38
|
+
function __classPrivateFieldSet(receiver, state, value, kind, f) {
|
|
39
|
+
if (kind === "m") throw new TypeError("Private method is not writable");
|
|
40
|
+
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
|
|
41
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
42
|
+
return kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value), value;
|
|
43
|
+
}
|
|
44
|
+
typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
|
|
45
|
+
var e = new Error(message);
|
|
46
|
+
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
42
47
|
};
|
|
43
48
|
|
|
44
49
|
/**
|
|
@@ -46,47 +51,410 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
46
51
|
* Copyright 2017 Google LLC
|
|
47
52
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
48
53
|
*/
|
|
49
|
-
const t$1=t=>(e,o)=>
|
|
54
|
+
const t$1 = t => (e, o) => {
|
|
55
|
+
void 0 !== o ? o.addInitializer(() => {
|
|
56
|
+
customElements.define(t, e);
|
|
57
|
+
}) : customElements.define(t, e);
|
|
58
|
+
};
|
|
50
59
|
|
|
51
60
|
/**
|
|
52
61
|
* @license
|
|
53
62
|
* Copyright 2019 Google LLC
|
|
54
63
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
55
64
|
*/
|
|
56
|
-
const t
|
|
65
|
+
const t = globalThis,
|
|
66
|
+
e$3 = t.ShadowRoot && (void 0 === t.ShadyCSS || t.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype,
|
|
67
|
+
s = Symbol(),
|
|
68
|
+
o$2 = new WeakMap();
|
|
69
|
+
let n$2 = class n {
|
|
70
|
+
constructor(t, e, o) {
|
|
71
|
+
if (this._$cssResult$ = true, o !== s) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
|
|
72
|
+
this.cssText = t, this.t = e;
|
|
73
|
+
}
|
|
74
|
+
get styleSheet() {
|
|
75
|
+
let t = this.o;
|
|
76
|
+
const s = this.t;
|
|
77
|
+
if (e$3 && void 0 === t) {
|
|
78
|
+
const e = void 0 !== s && 1 === s.length;
|
|
79
|
+
e && (t = o$2.get(s)), void 0 === t && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), e && o$2.set(s, t));
|
|
80
|
+
}
|
|
81
|
+
return t;
|
|
82
|
+
}
|
|
83
|
+
toString() {
|
|
84
|
+
return this.cssText;
|
|
85
|
+
}
|
|
86
|
+
};
|
|
87
|
+
const r$3 = t => new n$2("string" == typeof t ? t : t + "", void 0, s),
|
|
88
|
+
S = (s, o) => {
|
|
89
|
+
if (e$3) s.adoptedStyleSheets = o.map(t => t instanceof CSSStyleSheet ? t : t.styleSheet);else for (const e of o) {
|
|
90
|
+
const o = document.createElement("style"),
|
|
91
|
+
n = t.litNonce;
|
|
92
|
+
void 0 !== n && o.setAttribute("nonce", n), o.textContent = e.cssText, s.appendChild(o);
|
|
93
|
+
}
|
|
94
|
+
},
|
|
95
|
+
c$1 = e$3 ? t => t : t => t instanceof CSSStyleSheet ? (t => {
|
|
96
|
+
let e = "";
|
|
97
|
+
for (const s of t.cssRules) e += s.cssText;
|
|
98
|
+
return r$3(e);
|
|
99
|
+
})(t) : t;
|
|
57
100
|
|
|
58
101
|
/**
|
|
59
102
|
* @license
|
|
60
103
|
* Copyright 2017 Google LLC
|
|
61
104
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
62
|
-
*/
|
|
105
|
+
*/
|
|
106
|
+
const {
|
|
107
|
+
is: i,
|
|
108
|
+
defineProperty: e$2,
|
|
109
|
+
getOwnPropertyDescriptor: h,
|
|
110
|
+
getOwnPropertyNames: r$2,
|
|
111
|
+
getOwnPropertySymbols: o$1,
|
|
112
|
+
getPrototypeOf: n$1
|
|
113
|
+
} = Object,
|
|
114
|
+
a = globalThis,
|
|
115
|
+
c = a.trustedTypes,
|
|
116
|
+
l = c ? c.emptyScript : "",
|
|
117
|
+
p = a.reactiveElementPolyfillSupport,
|
|
118
|
+
d = (t, s) => t,
|
|
119
|
+
u = {
|
|
120
|
+
toAttribute(t, s) {
|
|
121
|
+
switch (s) {
|
|
122
|
+
case Boolean:
|
|
123
|
+
t = t ? l : null;
|
|
124
|
+
break;
|
|
125
|
+
case Object:
|
|
126
|
+
case Array:
|
|
127
|
+
t = null == t ? t : JSON.stringify(t);
|
|
128
|
+
}
|
|
129
|
+
return t;
|
|
130
|
+
},
|
|
131
|
+
fromAttribute(t, s) {
|
|
132
|
+
let i = t;
|
|
133
|
+
switch (s) {
|
|
134
|
+
case Boolean:
|
|
135
|
+
i = null !== t;
|
|
136
|
+
break;
|
|
137
|
+
case Number:
|
|
138
|
+
i = null === t ? null : Number(t);
|
|
139
|
+
break;
|
|
140
|
+
case Object:
|
|
141
|
+
case Array:
|
|
142
|
+
try {
|
|
143
|
+
i = JSON.parse(t);
|
|
144
|
+
} catch (t) {
|
|
145
|
+
i = null;
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
return i;
|
|
149
|
+
}
|
|
150
|
+
},
|
|
151
|
+
f = (t, s) => !i(t, s),
|
|
152
|
+
b = {
|
|
153
|
+
attribute: true,
|
|
154
|
+
type: String,
|
|
155
|
+
converter: u,
|
|
156
|
+
reflect: false,
|
|
157
|
+
useDefault: false,
|
|
158
|
+
hasChanged: f
|
|
159
|
+
};
|
|
160
|
+
Symbol.metadata ??= Symbol("metadata"), a.litPropertyMetadata ??= new WeakMap();
|
|
161
|
+
class y extends HTMLElement {
|
|
162
|
+
static addInitializer(t) {
|
|
163
|
+
this._$Ei(), (this.l ??= []).push(t);
|
|
164
|
+
}
|
|
165
|
+
static get observedAttributes() {
|
|
166
|
+
return this.finalize(), this._$Eh && [...this._$Eh.keys()];
|
|
167
|
+
}
|
|
168
|
+
static createProperty(t, s = b) {
|
|
169
|
+
if (s.state && (s.attribute = false), this._$Ei(), this.prototype.hasOwnProperty(t) && ((s = Object.create(s)).wrapped = true), this.elementProperties.set(t, s), !s.noAccessor) {
|
|
170
|
+
const i = Symbol(),
|
|
171
|
+
h = this.getPropertyDescriptor(t, i, s);
|
|
172
|
+
void 0 !== h && e$2(this.prototype, t, h);
|
|
173
|
+
}
|
|
174
|
+
}
|
|
175
|
+
static getPropertyDescriptor(t, s, i) {
|
|
176
|
+
const {
|
|
177
|
+
get: e,
|
|
178
|
+
set: r
|
|
179
|
+
} = h(this.prototype, t) ?? {
|
|
180
|
+
get() {
|
|
181
|
+
return this[s];
|
|
182
|
+
},
|
|
183
|
+
set(t) {
|
|
184
|
+
this[s] = t;
|
|
185
|
+
}
|
|
186
|
+
};
|
|
187
|
+
return {
|
|
188
|
+
get: e,
|
|
189
|
+
set(s) {
|
|
190
|
+
const h = e?.call(this);
|
|
191
|
+
r?.call(this, s), this.requestUpdate(t, h, i);
|
|
192
|
+
},
|
|
193
|
+
configurable: true,
|
|
194
|
+
enumerable: true
|
|
195
|
+
};
|
|
196
|
+
}
|
|
197
|
+
static getPropertyOptions(t) {
|
|
198
|
+
return this.elementProperties.get(t) ?? b;
|
|
199
|
+
}
|
|
200
|
+
static _$Ei() {
|
|
201
|
+
if (this.hasOwnProperty(d("elementProperties"))) return;
|
|
202
|
+
const t = n$1(this);
|
|
203
|
+
t.finalize(), void 0 !== t.l && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
|
|
204
|
+
}
|
|
205
|
+
static finalize() {
|
|
206
|
+
if (this.hasOwnProperty(d("finalized"))) return;
|
|
207
|
+
if (this.finalized = true, this._$Ei(), this.hasOwnProperty(d("properties"))) {
|
|
208
|
+
const t = this.properties,
|
|
209
|
+
s = [...r$2(t), ...o$1(t)];
|
|
210
|
+
for (const i of s) this.createProperty(i, t[i]);
|
|
211
|
+
}
|
|
212
|
+
const t = this[Symbol.metadata];
|
|
213
|
+
if (null !== t) {
|
|
214
|
+
const s = litPropertyMetadata.get(t);
|
|
215
|
+
if (void 0 !== s) for (const [t, i] of s) this.elementProperties.set(t, i);
|
|
216
|
+
}
|
|
217
|
+
this._$Eh = new Map();
|
|
218
|
+
for (const [t, s] of this.elementProperties) {
|
|
219
|
+
const i = this._$Eu(t, s);
|
|
220
|
+
void 0 !== i && this._$Eh.set(i, t);
|
|
221
|
+
}
|
|
222
|
+
this.elementStyles = this.finalizeStyles(this.styles);
|
|
223
|
+
}
|
|
224
|
+
static finalizeStyles(s) {
|
|
225
|
+
const i = [];
|
|
226
|
+
if (Array.isArray(s)) {
|
|
227
|
+
const e = new Set(s.flat(1 / 0).reverse());
|
|
228
|
+
for (const s of e) i.unshift(c$1(s));
|
|
229
|
+
} else void 0 !== s && i.push(c$1(s));
|
|
230
|
+
return i;
|
|
231
|
+
}
|
|
232
|
+
static _$Eu(t, s) {
|
|
233
|
+
const i = s.attribute;
|
|
234
|
+
return false === i ? void 0 : "string" == typeof i ? i : "string" == typeof t ? t.toLowerCase() : void 0;
|
|
235
|
+
}
|
|
236
|
+
constructor() {
|
|
237
|
+
super(), this._$Ep = void 0, this.isUpdatePending = false, this.hasUpdated = false, this._$Em = null, this._$Ev();
|
|
238
|
+
}
|
|
239
|
+
_$Ev() {
|
|
240
|
+
this._$ES = new Promise(t => this.enableUpdating = t), this._$AL = new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach(t => t(this));
|
|
241
|
+
}
|
|
242
|
+
addController(t) {
|
|
243
|
+
(this._$EO ??= new Set()).add(t), void 0 !== this.renderRoot && this.isConnected && t.hostConnected?.();
|
|
244
|
+
}
|
|
245
|
+
removeController(t) {
|
|
246
|
+
this._$EO?.delete(t);
|
|
247
|
+
}
|
|
248
|
+
_$E_() {
|
|
249
|
+
const t = new Map(),
|
|
250
|
+
s = this.constructor.elementProperties;
|
|
251
|
+
for (const i of s.keys()) this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
|
|
252
|
+
t.size > 0 && (this._$Ep = t);
|
|
253
|
+
}
|
|
254
|
+
createRenderRoot() {
|
|
255
|
+
const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
|
|
256
|
+
return S(t, this.constructor.elementStyles), t;
|
|
257
|
+
}
|
|
258
|
+
connectedCallback() {
|
|
259
|
+
this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(true), this._$EO?.forEach(t => t.hostConnected?.());
|
|
260
|
+
}
|
|
261
|
+
enableUpdating(t) {}
|
|
262
|
+
disconnectedCallback() {
|
|
263
|
+
this._$EO?.forEach(t => t.hostDisconnected?.());
|
|
264
|
+
}
|
|
265
|
+
attributeChangedCallback(t, s, i) {
|
|
266
|
+
this._$AK(t, i);
|
|
267
|
+
}
|
|
268
|
+
_$ET(t, s) {
|
|
269
|
+
const i = this.constructor.elementProperties.get(t),
|
|
270
|
+
e = this.constructor._$Eu(t, i);
|
|
271
|
+
if (void 0 !== e && true === i.reflect) {
|
|
272
|
+
const h = (void 0 !== i.converter?.toAttribute ? i.converter : u).toAttribute(s, i.type);
|
|
273
|
+
this._$Em = t, null == h ? this.removeAttribute(e) : this.setAttribute(e, h), this._$Em = null;
|
|
274
|
+
}
|
|
275
|
+
}
|
|
276
|
+
_$AK(t, s) {
|
|
277
|
+
const i = this.constructor,
|
|
278
|
+
e = i._$Eh.get(t);
|
|
279
|
+
if (void 0 !== e && this._$Em !== e) {
|
|
280
|
+
const t = i.getPropertyOptions(e),
|
|
281
|
+
h = "function" == typeof t.converter ? {
|
|
282
|
+
fromAttribute: t.converter
|
|
283
|
+
} : void 0 !== t.converter?.fromAttribute ? t.converter : u;
|
|
284
|
+
this._$Em = e;
|
|
285
|
+
const r = h.fromAttribute(s, t.type);
|
|
286
|
+
this[e] = r ?? this._$Ej?.get(e) ?? r, this._$Em = null;
|
|
287
|
+
}
|
|
288
|
+
}
|
|
289
|
+
requestUpdate(t, s, i) {
|
|
290
|
+
if (void 0 !== t) {
|
|
291
|
+
const e = this.constructor,
|
|
292
|
+
h = this[t];
|
|
293
|
+
if (i ??= e.getPropertyOptions(t), !((i.hasChanged ?? f)(h, s) || i.useDefault && i.reflect && h === this._$Ej?.get(t) && !this.hasAttribute(e._$Eu(t, i)))) return;
|
|
294
|
+
this.C(t, s, i);
|
|
295
|
+
}
|
|
296
|
+
false === this.isUpdatePending && (this._$ES = this._$EP());
|
|
297
|
+
}
|
|
298
|
+
C(t, s, {
|
|
299
|
+
useDefault: i,
|
|
300
|
+
reflect: e,
|
|
301
|
+
wrapped: h
|
|
302
|
+
}, r) {
|
|
303
|
+
i && !(this._$Ej ??= new Map()).has(t) && (this._$Ej.set(t, r ?? s ?? this[t]), true !== h || void 0 !== r) || (this._$AL.has(t) || (this.hasUpdated || i || (s = void 0), this._$AL.set(t, s)), true === e && this._$Em !== t && (this._$Eq ??= new Set()).add(t));
|
|
304
|
+
}
|
|
305
|
+
async _$EP() {
|
|
306
|
+
this.isUpdatePending = true;
|
|
307
|
+
try {
|
|
308
|
+
await this._$ES;
|
|
309
|
+
} catch (t) {
|
|
310
|
+
Promise.reject(t);
|
|
311
|
+
}
|
|
312
|
+
const t = this.scheduleUpdate();
|
|
313
|
+
return null != t && (await t), !this.isUpdatePending;
|
|
314
|
+
}
|
|
315
|
+
scheduleUpdate() {
|
|
316
|
+
return this.performUpdate();
|
|
317
|
+
}
|
|
318
|
+
performUpdate() {
|
|
319
|
+
if (!this.isUpdatePending) return;
|
|
320
|
+
if (!this.hasUpdated) {
|
|
321
|
+
if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
|
|
322
|
+
for (const [t, s] of this._$Ep) this[t] = s;
|
|
323
|
+
this._$Ep = void 0;
|
|
324
|
+
}
|
|
325
|
+
const t = this.constructor.elementProperties;
|
|
326
|
+
if (t.size > 0) for (const [s, i] of t) {
|
|
327
|
+
const {
|
|
328
|
+
wrapped: t
|
|
329
|
+
} = i,
|
|
330
|
+
e = this[s];
|
|
331
|
+
true !== t || this._$AL.has(s) || void 0 === e || this.C(s, void 0, i, e);
|
|
332
|
+
}
|
|
333
|
+
}
|
|
334
|
+
let t = false;
|
|
335
|
+
const s = this._$AL;
|
|
336
|
+
try {
|
|
337
|
+
t = this.shouldUpdate(s), t ? (this.willUpdate(s), this._$EO?.forEach(t => t.hostUpdate?.()), this.update(s)) : this._$EM();
|
|
338
|
+
} catch (s) {
|
|
339
|
+
throw t = false, this._$EM(), s;
|
|
340
|
+
}
|
|
341
|
+
t && this._$AE(s);
|
|
342
|
+
}
|
|
343
|
+
willUpdate(t) {}
|
|
344
|
+
_$AE(t) {
|
|
345
|
+
this._$EO?.forEach(t => t.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t)), this.updated(t);
|
|
346
|
+
}
|
|
347
|
+
_$EM() {
|
|
348
|
+
this._$AL = new Map(), this.isUpdatePending = false;
|
|
349
|
+
}
|
|
350
|
+
get updateComplete() {
|
|
351
|
+
return this.getUpdateComplete();
|
|
352
|
+
}
|
|
353
|
+
getUpdateComplete() {
|
|
354
|
+
return this._$ES;
|
|
355
|
+
}
|
|
356
|
+
shouldUpdate(t) {
|
|
357
|
+
return true;
|
|
358
|
+
}
|
|
359
|
+
update(t) {
|
|
360
|
+
this._$Eq &&= this._$Eq.forEach(t => this._$ET(t, this[t])), this._$EM();
|
|
361
|
+
}
|
|
362
|
+
updated(t) {}
|
|
363
|
+
firstUpdated(t) {}
|
|
364
|
+
}
|
|
365
|
+
y.elementStyles = [], y.shadowRootOptions = {
|
|
366
|
+
mode: "open"
|
|
367
|
+
}, y[d("elementProperties")] = new Map(), y[d("finalized")] = new Map(), p?.({
|
|
368
|
+
ReactiveElement: y
|
|
369
|
+
}), (a.reactiveElementVersions ??= []).push("2.1.1");
|
|
63
370
|
|
|
64
371
|
/**
|
|
65
372
|
* @license
|
|
66
373
|
* Copyright 2017 Google LLC
|
|
67
374
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
68
|
-
*/
|
|
375
|
+
*/
|
|
376
|
+
const o = {
|
|
377
|
+
attribute: true,
|
|
378
|
+
type: String,
|
|
379
|
+
converter: u,
|
|
380
|
+
reflect: false,
|
|
381
|
+
hasChanged: f
|
|
382
|
+
},
|
|
383
|
+
r$1 = (t = o, e, r) => {
|
|
384
|
+
const {
|
|
385
|
+
kind: n,
|
|
386
|
+
metadata: i
|
|
387
|
+
} = r;
|
|
388
|
+
let s = globalThis.litPropertyMetadata.get(i);
|
|
389
|
+
if (void 0 === s && globalThis.litPropertyMetadata.set(i, s = new Map()), "setter" === n && ((t = Object.create(t)).wrapped = true), s.set(r.name, t), "accessor" === n) {
|
|
390
|
+
const {
|
|
391
|
+
name: o
|
|
392
|
+
} = r;
|
|
393
|
+
return {
|
|
394
|
+
set(r) {
|
|
395
|
+
const n = e.get.call(this);
|
|
396
|
+
e.set.call(this, r), this.requestUpdate(o, n, t);
|
|
397
|
+
},
|
|
398
|
+
init(e) {
|
|
399
|
+
return void 0 !== e && this.C(o, void 0, t, e), e;
|
|
400
|
+
}
|
|
401
|
+
};
|
|
402
|
+
}
|
|
403
|
+
if ("setter" === n) {
|
|
404
|
+
const {
|
|
405
|
+
name: o
|
|
406
|
+
} = r;
|
|
407
|
+
return function (r) {
|
|
408
|
+
const n = this[o];
|
|
409
|
+
e.call(this, r), this.requestUpdate(o, n, t);
|
|
410
|
+
};
|
|
411
|
+
}
|
|
412
|
+
throw Error("Unsupported decorator location: " + n);
|
|
413
|
+
};
|
|
414
|
+
function n(t) {
|
|
415
|
+
return (e, o) => "object" == typeof o ? r$1(t, e, o) : ((t, e, o) => {
|
|
416
|
+
const r = e.hasOwnProperty(o);
|
|
417
|
+
return e.constructor.createProperty(o, t), r ? Object.getOwnPropertyDescriptor(e, o) : void 0;
|
|
418
|
+
})(t, e, o);
|
|
419
|
+
}
|
|
69
420
|
|
|
70
421
|
/**
|
|
71
422
|
* @license
|
|
72
423
|
* Copyright 2017 Google LLC
|
|
73
424
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
74
|
-
*/
|
|
425
|
+
*/
|
|
426
|
+
function r(r) {
|
|
427
|
+
return n({
|
|
428
|
+
...r,
|
|
429
|
+
state: true,
|
|
430
|
+
attribute: false
|
|
431
|
+
});
|
|
432
|
+
}
|
|
75
433
|
|
|
76
434
|
/**
|
|
77
435
|
* @license
|
|
78
436
|
* Copyright 2017 Google LLC
|
|
79
437
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
80
438
|
*/
|
|
81
|
-
const e$1=(e,t,c)=>(c.configurable=true,c.enumerable=true,Reflect.decorate&&"object"!=typeof t&&Object.defineProperty(e,t,c),c);
|
|
439
|
+
const e$1 = (e, t, c) => (c.configurable = true, c.enumerable = true, Reflect.decorate && "object" != typeof t && Object.defineProperty(e, t, c), c);
|
|
82
440
|
|
|
83
441
|
/**
|
|
84
442
|
* @license
|
|
85
443
|
* Copyright 2017 Google LLC
|
|
86
444
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
87
|
-
*/
|
|
445
|
+
*/
|
|
446
|
+
function e(e, r) {
|
|
447
|
+
return (n, s, i) => {
|
|
448
|
+
const o = t => t.renderRoot?.querySelector(e) ?? null;
|
|
449
|
+
return e$1(n, s, {
|
|
450
|
+
get() {
|
|
451
|
+
return o(this);
|
|
452
|
+
}
|
|
453
|
+
});
|
|
454
|
+
};
|
|
455
|
+
}
|
|
88
456
|
|
|
89
|
-
var _M3eSlideGroupElement_instances, _M3eSlideGroupElement_resizeController, _M3eSlideGroupElement_pageStart, _M3eSlideGroupElement_pageEnd;
|
|
457
|
+
var _M3eSlideGroupElement_instances, _M3eSlideGroupElement_directionalitySubscription, _M3eSlideGroupElement_resizeController, _M3eSlideGroupElement_pageStart, _M3eSlideGroupElement_pageEnd;
|
|
90
458
|
/**
|
|
91
459
|
* Presents pagination controls used to scroll overflowing content.
|
|
92
460
|
*
|
|
@@ -127,226 +495,161 @@ var _M3eSlideGroupElement_instances, _M3eSlideGroupElement_resizeController, _M3
|
|
|
127
495
|
* @cssprop --m3e-slide-group-divider-bottom - Adds bottom border to content container for visual separation.
|
|
128
496
|
*/
|
|
129
497
|
let M3eSlideGroupElement = class M3eSlideGroupElement extends LitElement {
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
/** @private */
|
|
134
|
-
_M3eSlideGroupElement_resizeController.set(this, new ResizeController(this, {
|
|
135
|
-
target: null,
|
|
136
|
-
callback: () => this._updatePaging(),
|
|
137
|
-
}));
|
|
138
|
-
/** @private */ this._canPage = false;
|
|
139
|
-
/** @private */ this._canPageStart = false;
|
|
140
|
-
/** @private */ this._canPageEnd = false;
|
|
141
|
-
/**
|
|
142
|
-
* Whether scroll buttons are disabled.
|
|
143
|
-
* @default false
|
|
144
|
-
*/
|
|
145
|
-
this.disabled = false;
|
|
146
|
-
/**
|
|
147
|
-
* Whether content is oriented vertically.
|
|
148
|
-
* @default false
|
|
149
|
-
*/
|
|
150
|
-
this.vertical = false;
|
|
151
|
-
/**
|
|
152
|
-
* A value, in pixels, indicating the scroll threshold at which to begin showing pagination controls.
|
|
153
|
-
* @default 0
|
|
154
|
-
*/
|
|
155
|
-
this.threshold = 0;
|
|
156
|
-
/**
|
|
157
|
-
* The accessible label given to the button used to move to the previous page.
|
|
158
|
-
* @default "Previous page"
|
|
159
|
-
*/
|
|
160
|
-
this.previousPageLabel = "Previous page";
|
|
161
|
-
/**
|
|
162
|
-
* The accessible label given to the button used to move to the next page.
|
|
163
|
-
* @default "Next page"
|
|
164
|
-
*/
|
|
165
|
-
this.nextPageLabel = "Next page";
|
|
166
|
-
}
|
|
167
|
-
/** @inheritdoc */
|
|
168
|
-
firstUpdated(_changedProperties) {
|
|
169
|
-
super.firstUpdated(_changedProperties);
|
|
170
|
-
__classPrivateFieldGet(this, _M3eSlideGroupElement_resizeController, "f").observe(this.scrollContainer);
|
|
171
|
-
}
|
|
172
|
-
/** @inheritdoc */
|
|
173
|
-
render() {
|
|
174
|
-
const prevButton = html `<m3e-icon-button
|
|
175
|
-
class="prev-button"
|
|
176
|
-
tabindex="-1"
|
|
177
|
-
aria-label="${this.previousPageLabel}"
|
|
178
|
-
?disabled="${!this._canPageStart}"
|
|
179
|
-
@click="${__classPrivateFieldGet(this, _M3eSlideGroupElement_instances, "m", _M3eSlideGroupElement_pageStart)}"
|
|
180
|
-
>
|
|
181
|
-
<slot name="prev-icon">
|
|
182
|
-
<svg class="icon" viewBox="0 -960 960 960" fill="currentColor">
|
|
183
|
-
<path d="M640-80 240-480l400-400 71 71-329 329 329 329-71 71Z" />
|
|
184
|
-
</svg>
|
|
185
|
-
</slot>
|
|
186
|
-
</m3e-icon-button>`;
|
|
187
|
-
const nextButton = html `<m3e-icon-button
|
|
188
|
-
class="next-button"
|
|
189
|
-
tabindex="-1"
|
|
190
|
-
aria-label="${this.nextPageLabel}"
|
|
191
|
-
?disabled="${!this._canPageEnd}"
|
|
192
|
-
@click="${__classPrivateFieldGet(this, _M3eSlideGroupElement_instances, "m", _M3eSlideGroupElement_pageEnd)}"
|
|
193
|
-
>
|
|
194
|
-
<slot name="next-icon">
|
|
195
|
-
<svg class="icon" viewBox="0 -960 960 960" fill="currentColor">
|
|
196
|
-
<path d="m321-80-71-71 329-329-329-329 71-71 400 400L321-80Z" />
|
|
197
|
-
</svg>
|
|
198
|
-
</slot>
|
|
199
|
-
</m3e-icon-button>`;
|
|
200
|
-
return html `${this._canPage ? prevButton : nothing}
|
|
201
|
-
<div class="content" @scroll="${this._updatePaging}"><slot></slot></div>
|
|
202
|
-
${this._canPage ? nextButton : nothing}`;
|
|
203
|
-
}
|
|
498
|
+
constructor() {
|
|
499
|
+
super(...arguments);
|
|
500
|
+
_M3eSlideGroupElement_instances.add(this);
|
|
204
501
|
/** @private */
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
502
|
+
_M3eSlideGroupElement_directionalitySubscription.set(this, void 0);
|
|
503
|
+
/** @private */
|
|
504
|
+
_M3eSlideGroupElement_resizeController.set(this, new ResizeController(this, {
|
|
505
|
+
target: null,
|
|
506
|
+
callback: () => this._updatePaging()
|
|
507
|
+
}));
|
|
508
|
+
/** @private */
|
|
509
|
+
this._canPage = false;
|
|
510
|
+
/** @private */
|
|
511
|
+
this._canPageStart = false;
|
|
512
|
+
/** @private */
|
|
513
|
+
this._canPageEnd = false;
|
|
514
|
+
/**
|
|
515
|
+
* Whether scroll buttons are disabled.
|
|
516
|
+
* @default false
|
|
517
|
+
*/
|
|
518
|
+
this.disabled = false;
|
|
519
|
+
/**
|
|
520
|
+
* Whether content is oriented vertically.
|
|
521
|
+
* @default false
|
|
522
|
+
*/
|
|
523
|
+
this.vertical = false;
|
|
524
|
+
/**
|
|
525
|
+
* A value, in pixels, indicating the scroll threshold at which to begin showing pagination controls.
|
|
526
|
+
* @default 0
|
|
527
|
+
*/
|
|
528
|
+
this.threshold = 0;
|
|
529
|
+
/**
|
|
530
|
+
* The accessible label given to the button used to move to the previous page.
|
|
531
|
+
* @default "Previous page"
|
|
532
|
+
*/
|
|
533
|
+
this.previousPageLabel = "Previous page";
|
|
534
|
+
/**
|
|
535
|
+
* The accessible label given to the button used to move to the next page.
|
|
536
|
+
* @default "Next page"
|
|
537
|
+
*/
|
|
538
|
+
this.nextPageLabel = "Next page";
|
|
539
|
+
}
|
|
540
|
+
/** @inheritdoc */
|
|
541
|
+
connectedCallback() {
|
|
542
|
+
super.connectedCallback();
|
|
543
|
+
__classPrivateFieldSet(this, _M3eSlideGroupElement_directionalitySubscription, M3eDirectionality.observe(() => this.requestUpdate()), "f");
|
|
544
|
+
}
|
|
545
|
+
/** @inheritdoc */
|
|
546
|
+
disconnectedCallback() {
|
|
547
|
+
super.disconnectedCallback();
|
|
548
|
+
__classPrivateFieldGet(this, _M3eSlideGroupElement_directionalitySubscription, "f")?.call(this);
|
|
549
|
+
}
|
|
550
|
+
/** @inheritdoc */
|
|
551
|
+
firstUpdated(_changedProperties) {
|
|
552
|
+
super.firstUpdated(_changedProperties);
|
|
553
|
+
__classPrivateFieldGet(this, _M3eSlideGroupElement_resizeController, "f").observe(this.scrollContainer);
|
|
554
|
+
}
|
|
555
|
+
/** @inheritdoc */
|
|
556
|
+
render() {
|
|
557
|
+
const prevButton = html`<m3e-icon-button class="prev-button" tabindex="-1" aria-label="${this.previousPageLabel}" ?disabled="${!this._canPageStart}" @click="${__classPrivateFieldGet(this, _M3eSlideGroupElement_instances, "m", _M3eSlideGroupElement_pageStart)}"><slot name="prev-icon">${M3eDirectionality.current === "ltr" || this.vertical ? html`<svg class="icon" viewBox="0 -960 960 960" fill="currentColor"><path d="M640-80 240-480l400-400 71 71-329 329 329 329-71 71Z"/></svg>` : html`<svg class="icon" viewBox="0 -960 960 960" fill="currentColor"><path d="m321-80-71-71 329-329-329-329 71-71 400 400L321-80Z"/></svg>`}</slot></m3e-icon-button>`;
|
|
558
|
+
const nextButton = html`<m3e-icon-button class="next-button" tabindex="-1" aria-label="${this.nextPageLabel}" ?disabled="${!this._canPageEnd}" @click="${__classPrivateFieldGet(this, _M3eSlideGroupElement_instances, "m", _M3eSlideGroupElement_pageEnd)}"><slot name="next-icon">${M3eDirectionality.current === "ltr" || this.vertical ? html`<svg class="icon" viewBox="0 -960 960 960" fill="currentColor"><path d="m321-80-71-71 329-329-329-329 71-71 400 400L321-80Z"/></svg>` : html`<svg class="icon" viewBox="0 -960 960 960" fill="currentColor"><path d="M640-80 240-480l400-400 71 71-329 329 329 329-71 71Z"/></svg>`}</slot></m3e-icon-button>`;
|
|
559
|
+
return html`${this._canPage ? prevButton : nothing}<div class="content" @scroll="${this._updatePaging}"><slot></slot></div>${this._canPage ? nextButton : nothing}`;
|
|
560
|
+
}
|
|
561
|
+
/** @private */
|
|
562
|
+
_updatePaging() {
|
|
563
|
+
if (this.disabled) {
|
|
564
|
+
this._canPage = false;
|
|
565
|
+
} else if (!this.vertical) {
|
|
566
|
+
this._canPage = Math.round(this.scrollContainer.scrollWidth) > Math.round(this.scrollContainer.clientWidth) + this.threshold;
|
|
567
|
+
if (this._canPage) {
|
|
568
|
+
this._canPageStart = Math.round(this.scrollContainer.scrollLeft) > this.threshold;
|
|
569
|
+
this._canPageEnd = Math.round(this.scrollContainer.scrollLeft) + this.threshold < Math.round(this.scrollContainer.scrollWidth - this.scrollContainer.clientWidth);
|
|
570
|
+
}
|
|
571
|
+
} else {
|
|
572
|
+
this._canPage = Math.round(this.scrollContainer.scrollHeight) > Math.round(this.scrollContainer.clientHeight) + this.threshold;
|
|
573
|
+
if (this._canPage) {
|
|
574
|
+
this._canPageStart = Math.round(this.scrollContainer.scrollTop) > this.threshold;
|
|
575
|
+
this._canPageEnd = Math.round(this.scrollContainer.scrollTop) + +this.threshold < Math.round(this.scrollContainer.scrollHeight - this.scrollContainer.clientHeight);
|
|
576
|
+
}
|
|
232
577
|
}
|
|
578
|
+
if (!this._canPage) {
|
|
579
|
+
this._canPageStart = this._canPageEnd = false;
|
|
580
|
+
}
|
|
581
|
+
}
|
|
233
582
|
};
|
|
583
|
+
_M3eSlideGroupElement_directionalitySubscription = new WeakMap();
|
|
234
584
|
_M3eSlideGroupElement_resizeController = new WeakMap();
|
|
235
585
|
_M3eSlideGroupElement_instances = new WeakSet();
|
|
236
586
|
_M3eSlideGroupElement_pageStart = function _M3eSlideGroupElement_pageStart() {
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
}
|
|
242
|
-
this.scrollContainer.scrollTo({ left, behavior: "smooth" });
|
|
587
|
+
if (!this.vertical) {
|
|
588
|
+
let left = this.scrollContainer.scrollLeft - this.scrollContainer.clientWidth;
|
|
589
|
+
if (left <= this.threshold) {
|
|
590
|
+
left = 0;
|
|
243
591
|
}
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
592
|
+
this.scrollContainer.scrollTo({
|
|
593
|
+
left,
|
|
594
|
+
behavior: "smooth"
|
|
595
|
+
});
|
|
596
|
+
} else {
|
|
597
|
+
let top = this.scrollContainer.scrollTop - this.scrollContainer.clientHeight;
|
|
598
|
+
if (top <= this.threshold) {
|
|
599
|
+
top = 0;
|
|
250
600
|
}
|
|
601
|
+
this.scrollContainer.scrollTo({
|
|
602
|
+
top,
|
|
603
|
+
behavior: "smooth"
|
|
604
|
+
});
|
|
605
|
+
}
|
|
251
606
|
};
|
|
252
607
|
_M3eSlideGroupElement_pageEnd = function _M3eSlideGroupElement_pageEnd() {
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
}
|
|
258
|
-
this.scrollContainer.scrollTo({ left, behavior: "smooth" });
|
|
608
|
+
if (!this.vertical) {
|
|
609
|
+
let left = this.scrollContainer.scrollLeft + this.scrollContainer.clientWidth;
|
|
610
|
+
if (left >= this.scrollContainer.scrollWidth - this.scrollContainer.clientWidth - this.threshold) {
|
|
611
|
+
left = this.scrollContainer.scrollWidth - this.scrollContainer.clientWidth;
|
|
259
612
|
}
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
613
|
+
this.scrollContainer.scrollTo({
|
|
614
|
+
left,
|
|
615
|
+
behavior: "smooth"
|
|
616
|
+
});
|
|
617
|
+
} else {
|
|
618
|
+
let top = this.scrollContainer.scrollTop + this.scrollContainer.clientHeight;
|
|
619
|
+
if (top >= this.scrollContainer.scrollHeight - this.scrollContainer.clientHeight - this.threshold) {
|
|
620
|
+
top = this.scrollContainer.scrollHeight - this.scrollContainer.clientHeight;
|
|
266
621
|
}
|
|
622
|
+
this.scrollContainer.scrollTo({
|
|
623
|
+
top,
|
|
624
|
+
behavior: "smooth"
|
|
625
|
+
});
|
|
626
|
+
}
|
|
267
627
|
};
|
|
268
628
|
/** The styles of the element. */
|
|
269
|
-
M3eSlideGroupElement.styles = css
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
:host(:not([vertical])) .next-button {
|
|
294
|
-
--m3e-icon-button-small-container-height: 100%;
|
|
295
|
-
width: var(--m3e-slide-group-button-size, 2.5rem);
|
|
296
|
-
}
|
|
297
|
-
:host([vertical]) .prev-button,
|
|
298
|
-
:host([vertical]) .next-button {
|
|
299
|
-
width: unset;
|
|
300
|
-
--m3e-icon-button-small-container-height: var(--m3e-slide-group-button-size, 2.5rem);
|
|
301
|
-
}
|
|
302
|
-
:host([vertical]) .prev-button .icon,
|
|
303
|
-
:host([vertical]) .next-button .icon {
|
|
304
|
-
transform: rotate(90deg);
|
|
305
|
-
}
|
|
306
|
-
.content {
|
|
307
|
-
flex: 1 1 auto;
|
|
308
|
-
display: inherit;
|
|
309
|
-
flex-wrap: inherit;
|
|
310
|
-
flex-direction: inherit;
|
|
311
|
-
overflow: inherit;
|
|
312
|
-
position: relative;
|
|
313
|
-
border-top: var(--m3e-slide-group-divider-top);
|
|
314
|
-
border-bottom: var(--m3e-slide-group-divider-bottom);
|
|
315
|
-
}
|
|
316
|
-
`;
|
|
317
|
-
__decorate([
|
|
318
|
-
e(".content")
|
|
319
|
-
], M3eSlideGroupElement.prototype, "scrollContainer", void 0);
|
|
320
|
-
__decorate([
|
|
321
|
-
r()
|
|
322
|
-
], M3eSlideGroupElement.prototype, "_canPage", void 0);
|
|
323
|
-
__decorate([
|
|
324
|
-
r()
|
|
325
|
-
], M3eSlideGroupElement.prototype, "_canPageStart", void 0);
|
|
326
|
-
__decorate([
|
|
327
|
-
r()
|
|
328
|
-
], M3eSlideGroupElement.prototype, "_canPageEnd", void 0);
|
|
329
|
-
__decorate([
|
|
330
|
-
n({ type: Boolean, reflect: true })
|
|
331
|
-
], M3eSlideGroupElement.prototype, "disabled", void 0);
|
|
332
|
-
__decorate([
|
|
333
|
-
n({ type: Boolean, reflect: true })
|
|
334
|
-
], M3eSlideGroupElement.prototype, "vertical", void 0);
|
|
335
|
-
__decorate([
|
|
336
|
-
n({ type: Number })
|
|
337
|
-
], M3eSlideGroupElement.prototype, "threshold", void 0);
|
|
338
|
-
__decorate([
|
|
339
|
-
n({ attribute: "previous-page-label" })
|
|
340
|
-
], M3eSlideGroupElement.prototype, "previousPageLabel", void 0);
|
|
341
|
-
__decorate([
|
|
342
|
-
n({ attribute: "next-page-label" })
|
|
343
|
-
], M3eSlideGroupElement.prototype, "nextPageLabel", void 0);
|
|
344
|
-
__decorate([
|
|
345
|
-
debounce(40)
|
|
346
|
-
], M3eSlideGroupElement.prototype, "_updatePaging", null);
|
|
347
|
-
M3eSlideGroupElement = __decorate([
|
|
348
|
-
t$1("m3e-slide-group")
|
|
349
|
-
], M3eSlideGroupElement);
|
|
629
|
+
M3eSlideGroupElement.styles = css`:host { display: flex; flex-wrap: nowrap; overflow: hidden; } :host([vertical]) { flex-direction: column; } .prev-button, .next-button { flex: none; --m3e-icon-button-small-shape-round: 0px; --m3e-icon-button-small-shape-square: 0px; --m3e-icon-button-small-shape-pressed-morph: 0px; --m3e-focus-ring-visibility: hidden; } ::slotted(prev-icon), ::slotted(next-icon), .icon { width: 1em; font-size: var(--m3e-slide-group-button-icon-size, var(--m3e-icon-button-small-icon-size, 1.5rem)) !important; } :host(:not([vertical])) .prev-button, :host(:not([vertical])) .next-button { --m3e-icon-button-small-container-height: 100%; width: var(--m3e-slide-group-button-size, 2.5rem); } :host([vertical]) .prev-button, :host([vertical]) .next-button { width: unset; --m3e-icon-button-small-container-height: var(--m3e-slide-group-button-size, 2.5rem); } :host([vertical]) .prev-button .icon, :host([vertical]) .next-button .icon { transform: rotate(90deg); } .content { flex: 1 1 auto; display: inherit; flex-wrap: inherit; flex-direction: inherit; overflow: inherit; position: relative; border-top: var(--m3e-slide-group-divider-top); border-bottom: var(--m3e-slide-group-divider-bottom); }`;
|
|
630
|
+
__decorate([e(".content")], M3eSlideGroupElement.prototype, "scrollContainer", void 0);
|
|
631
|
+
__decorate([r()], M3eSlideGroupElement.prototype, "_canPage", void 0);
|
|
632
|
+
__decorate([r()], M3eSlideGroupElement.prototype, "_canPageStart", void 0);
|
|
633
|
+
__decorate([r()], M3eSlideGroupElement.prototype, "_canPageEnd", void 0);
|
|
634
|
+
__decorate([n({
|
|
635
|
+
type: Boolean,
|
|
636
|
+
reflect: true
|
|
637
|
+
})], M3eSlideGroupElement.prototype, "disabled", void 0);
|
|
638
|
+
__decorate([n({
|
|
639
|
+
type: Boolean,
|
|
640
|
+
reflect: true
|
|
641
|
+
})], M3eSlideGroupElement.prototype, "vertical", void 0);
|
|
642
|
+
__decorate([n({
|
|
643
|
+
type: Number
|
|
644
|
+
})], M3eSlideGroupElement.prototype, "threshold", void 0);
|
|
645
|
+
__decorate([n({
|
|
646
|
+
attribute: "previous-page-label"
|
|
647
|
+
})], M3eSlideGroupElement.prototype, "previousPageLabel", void 0);
|
|
648
|
+
__decorate([n({
|
|
649
|
+
attribute: "next-page-label"
|
|
650
|
+
})], M3eSlideGroupElement.prototype, "nextPageLabel", void 0);
|
|
651
|
+
__decorate([debounce(40)], M3eSlideGroupElement.prototype, "_updatePaging", null);
|
|
652
|
+
M3eSlideGroupElement = __decorate([t$1("m3e-slide-group")], M3eSlideGroupElement);
|
|
350
653
|
|
|
351
654
|
export { M3eSlideGroupElement };
|
|
352
655
|
//# sourceMappingURL=index.js.map
|