PageSourceSearch

https://www.aspiga.com/cdn/shop/t/690/assets/component-StockLocation.min.js?v=95396870990890450401783330774

js aspiga.com collected 2026-09-25 14:58:36 UTC 10,748 bytes, 374 lines download raw bytes

1// !!!! - DO NOT MODIFY - !!!!
2// THIS FILE IS DEPLOYED AUTOMATICALLY BY MATTv2.
3//
4//  Deployment info:
5//    Updated at:     2026-07-06T09:32:04+00:00
6//    Cause:          Manual deployment.
7//    Deployment ID:  192624
8//    Project:        559
9//    Environment:    5442 - master
10//    MD5:            ea1ca0ed4fa9ea32acbeddaa3b7a8e9d
11//    Signature:      eyJpdiI6ImdlUE5oMXZ2SmJFRWlXUlJCUmZJXC93PT0iLCJ2YWx1ZSI6IndcL3hac1R1ejExbWxLeUZWaGp6S3VPRm9oOVd4dUhETytwN29YTllkNHIzNVpCbFRrMklNcStOdG05SWVoeXdoOXNhcENLYjhPWlN5d2VnRStGQmxPZ2MyOVBENksxM010OFFsTDJYa0NoaXYrRG9SMmhvVFwvWVorVFdWNG9oNEZ5ZWdEV2JmNmJSTkY5S1psUTRkcHl4TGlNeFpCSFRDQ2VCMFlLYXB1WHpEXC9ZNkcyNlwvb0lWZ3llOGQzK0xOK1FEemhuOXRJSjUrT0tZVlRONXJ4NThlWXpDNFVGN0RYS1d3clBsYVpZSUd3NmJSZGtDcCtpTExXR01Sd1c1UXE4OVR0b1BxZXlqXC9IZEs2T2Z1KzBSVUxuMkFjTGNSRWtTbUlhNnhEY0s0TUVMRFVRc1YxNWdjYVB2MDYyQXZPeVRESFYrSG1GVk1aeGpJWGt0UWo2a2xURE5WZWo2bnZcL1wvOU1WVVdYSzVWelg0cWZvWVhPQzZrR3ZwWkdhQ0hZRmVRa1NNVFRZVk1Sb1FsQmZCR2lad2xcL1cxaTM3NjhxdU9yQnNMWTdjSUNyUT0iLCJtYWMiOiJjN2ExZGE2MGIyNThhYzZhZjMzYTg5ZThmZmVhMjFkMmNhZGM4YzIwZDY2OTM1NzY4MDZhNTQ3MjRmNzNiYWJkIn0=
12import { Ref, Component } from "./vendor.min.js";
13import { ThemeComponent } from "./theme.min.js";
14var __defProp = Object.defineProperty;
15var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
16var __decorateClass = (decorators, target, key, kind) => {
17  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
18  for (var i = decorators.length - 1, decorator; i >= 0; i--)
19    if (decorator = decorators[i])
20      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
21  if (kind && result)
22    __defProp(target, key, result);
23  return result;
24};
25let StockLocation = class extends ThemeComponent {
26  constructor() {
27    super(...arguments);
28    this.handleClose = () => {
29      if (this.locationContent) {
30        this.locationContent.classList.remove("active");
31        document.documentElement.classList.remove("no-scroll");
32        document.querySelector(".PageOverlay").classList.remove("is-visible");
33        this.querySelector(".location").scrollTop = 0;
34        this.querySelector(".stock-location__wrap").scrollTop = 0;
35      }
36    };
37  }
38  /** Initialise component */
39  init() {
40    this.open();
41    this.close();
42    const overlay = document.querySelector(".PageOverlay");
43    if (overlay) {
44      overlay.addEventListener("click", this.handleClose);
45    }
46  }
47  open() {
48    if (this.openButton) {
49      this.$listen(this.openButton, "click", (event) => {
50        if (this.locationContent) {
51          this.locationContent.classList.add("active");
52          document.documentElement.classList.add("no-scroll");
53          document.querySelector(".PageOverlay").classList.add("is-visible");
54        }
55      });
56    }
57  }
58  close() {
59    if (this.closeButton) {
60      this.closeButton.addEventListener("click", this.handleClose);
61    }
62  }
63};
64__decorateClass([
65  Ref,
66  Reflect.metadata("design:type", Object)
67], StockLocation.prototype, "openButton", 2);
68__decorateClass([
69  Ref,
70  Reflect.metadata("design:type", Object)
71], StockLocation.prototype, "closeButton", 2);
72__decorateClass([
73  Ref(),
74  Reflect.metadata("design:type", Object)
75], StockLocation.prototype, "locationContent", 2);
76StockLocation = __decorateClass([
77  Component
78], StockLocation);
79window.componentService.registerComponent("StockLocation/StockLocation.ts", { StockLocation }, void 0);
80
81;(() => {
82    const style = document.createElement('style');
83    style.innerHTML =`/* component-StockLocation.css */ 
84/* ---------------------------------------------
85    Variables
86--------------------------------------------- */
87/*
88    Convert a px value to rem,
89    using the $base-font-size variable
90 */
91.hidden {
92    display: none !important;
93  }
94.visibility-hidden {
95    visibility: hidden;
96    opacity: 0;
97    pointer-events: none;
98  }
99.stock-location__trigger {
100    gap: 8px;
101    margin-top: 10px;
102    cursor: pointer;
103    display: -webkit-inline-box;
104    display: -ms-inline-flexbox;
105    display: inline-flex;
106  }
107.stock-location__trigger span {
108    text-decoration: underline;
109  }
110.stock-location__close {
111    cursor: pointer;
112  }
113.stock-location__body {
114    position: fixed;
115    top: 0;
116    right: 0;
117    width: 100%;
118    max-width: 600px;
119    background-color: #fff;
120    padding: 20px;
121    z-index: 15;
122    visibility: visible;
123    -webkit-transform: translateX(100%);
124            transform: translateX(100%);
125    -webkit-transition: visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
126    transition: visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
127    transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
128    transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
129    height: 100vh;
130    max-height: inherit;
131  }
132.stock-location__body.active {
133    visibility: visible;
134    -webkit-transform: translateX(0);
135            transform: translateX(0);
136  }
137.stock-location__header {
138    padding-bottom: 20px;
139  }
140.stock-location__header span {
141    font-size: 25px;
142    line-height: 100%;
143    letter-spacing: 1.5px;
144    font-family: "Buenard";
145  }
146.stock-location__product {
147    gap: 12px;
148    padding: 20px 0;
149  }
150.stock-location__product-image {
151    width: 53px;
152    height: 80px;
153  }
154.stock-location__product-image img {
155    -o-object-fit: cover;
156       object-fit: cover;
157  }
158.stock-location__product .ProductMeta {
159    text-align: left;
160  }
161.stock-location__product .ProductMeta__Title {
162    margin-bottom: 8px;
163  }
164.stock-location__product .ProductMeta__Subtitle {
165    margin-bottom: 0;
166  }
167.stock-location__product .ProductMeta__Subtitle span {
168    padding: 0 10px;
169    font-size: 12px;
170    line-height: 16.8px;
171    letter-spacing: 0px;
172  }
173.stock-location__product .ProductMeta__PriceList {
174    margin-top: 0;
175  }
176.stock-location__product .ProductMeta__PriceList span {
177    font-size: 12px;
178    line-height: 22.8px;
179    margin-bottom: 0;
180  }
181.stock-location__note {
182    font-size: 13px;
183    line-height: 20px;
184    background-color: #DDD7CA;
185    padding: 8px;
186    text-align: center;
187    font-weight: 700;
188    margin-bottom: 20px;
189  }
190.stock-location__index {
191    gap: 20px;
192    -ms-flex-wrap: wrap;
193        flex-wrap: wrap;
194    list-style: none;
195    font-size: 12px;
196    line-height: 100%;
197    font-family: "Buenard";
198  }
199.stock-location__index li {
200    position: relative;
201    padding-left: 14px;
202  }
203.stock-location__index li::before {
204    position: absolute;
205    content: "";
206    left: 0;
207    top: 50%;
208    -webkit-transform: translateY(-50%);
209            transform: translateY(-50%);
210    width: 8px;
211    height: 8px;
212    background-color: var(--in-stock-color);
213  }
214.stock-location__index li:nth-child(2)::before {
215    background-color: var(--low-stock-color);
216  }
217.stock-location__index li:nth-child(3)::before {
218    background-color: var(--out-of-stock-color);
219  }
220.stock-location__locations {
221    padding-top: 20px;
222  }
223.stock-location .location {
224    list-style: none;
225  }
226.stock-location .location-card {
227    border: 1px solid #EBE8E3;
228    padding: 20px;
229    margin-bottom: 20px;
230  }
231.stock-location .location-card a {
232    text-decoration: underline;
233  }
234.stock-location .location-card .h3 {
235    margin-bottom: 0;
236    line-height: 25px;
237    font-family: "Buenard";
238  }
239.stock-location .location-card p {
240    font-family: "Buenard";
241    letter-spacing: 0.5px;
242  }
243.stock-location .location-card a, .stock-location .location-card p {
244    font-size: 12px;
245    line-height: 25px;
246    letter-spacing: 0.5px;
247    margin-bottom: 0;
248  }
249.stock-location .location-card__store-info {
250    max-width: calc(100% - 100px);
251  }
252.stock-location .location-card .length-group {
253    margin-top: 20px;
254  }
255.stock-location .location-card .length-group .length-label {
256    font-size: 14px;
257    line-height: 100%;
258    font-family: "Buenard";
259    font-weight: 600;
260    margin-bottom: 10px;
261    color: #1D1D1D;
262    letter-spacing: 0.5px;
263  }
264.stock-location .location-status {
265    list-style: none;
266    gap: 12px;
267  }
268.stock-location .location .stock-status {
269    position: relative;
270    padding-left: 14px;
271    font-size: 12px;
272    line-height: 100%;
273    font-family: "Buenard";
274  }
275.stock-location .location .stock-status::before {
276    position: absolute;
277    content: "";
278    left: 0;
279    top: 50%;
280    -webkit-transform: translateY(-50%);
281            transform: translateY(-50%);
282    width: 8px;
283    height: 8px;
284    background-color: var(--in-stock-color);
285  }
286.stock-location .location .stock-status.low-stock::before {
287    background-color: var(--low-stock-color);
288  }
289.stock-location .location .stock-status.out-of-stock::before {
290    background-color: var(--out-of-stock-color);
291  }
292@media (min-width: 320px) {
293  .hidden-above-small-mobile {
294    display: none !important;
295  }
296}
297@media (min-width: 480px) {
298  .hidden-above-mobile {
299    display: none !important;
300  }
301}
302@media (min-width: 600px) {
303  .hidden-above-large-mobile {
304    display: none !important;
305  }
306}
307@media (min-width: 768px) {
308  .hidden-above-tablet {
309    display: none !important;
310  }
311  .stock-location .location {
312    max-height: calc(100vh - 278px);
313    overflow: auto;
314    scrollbar-width: none; /* Firefox */
315  }
316  .stock-location .location ::-webkit-scrollbar {
317    display: none;
318  }
319  .stock-location .location-card:hover {
320    border-color: #1D1D1D;
321  }
322}
323@media (min-width: 1024px) {
324  .hidden-above-small-desktop {
325    display: none !important;
326  }
327}
328@media (min-width: 1200px) {
329  .hidden-above-medium-desktop {
330    display: none !important;
331  }
332}
333@media (min-width: 1440px) {
334  .hidden-above-large-desktop {
335    display: none !important;
336  }
337}
338@media (max-width: calc(1024px - 1px)) {
339  .hidden-below-small-desktop {
340    display: none !important;
341  }
342}
343@media (max-width: calc(768px - 1px)) {
344  .hidden-below-tablet {
345    display: none !important;
346  }
347  .stock-location__wrap {
348    max-height: calc(100vh - 206px);
349    overflow: auto;
350    scrollbar-width: none;
351  }
352  .stock-location__wrap ::-webkit-scrollbar {
353    display: none;
354  }
355  .stock-location__body {
356    bottom: 0;
357    top: auto;
358    height: 100%;
359    max-height: calc(100vh - 146px);
360    -webkit-transform: translateX(0);
361            transform: translateX(0);
362    -webkit-transform: translateY(100%);
363            transform: translateY(100%);
364  }
365  .stock-location__body.active {
366    -webkit-transform: translateY(0);
367            transform: translateY(0);
368  }
369  .stock-location__header span {
370    font-size: 20px;
371  }
372}`;
373    document.body.appendChild(style);
374})();

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.