@websy/websy-designs 1.4.9 → 1.4.11

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.
@@ -0,0 +1,11 @@
1
+ <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
2
+ viewBox="0 0 500 500">
3
+ <path d="M456.6,472.3H43.4c-5.3,0-10.2-2.1-13.7-6c-3.6-3.9-5.2-9.2-4.5-14.4l37-285.4c1.2-9,9-15.9,18.2-15.9h339.2
4
+ c9.2,0,17,6.8,18.2,15.8l37,285.4c0.7,5.2-1,10.5-4.5,14.4l0,0C466.8,470.1,461.9,472.3,456.6,472.3z M46.5,451.2h407l-36.3-279.6
5
+ H82.8L46.5,451.2z"/>
6
+ <g>
7
+ <path d="M361.3,157.1C357.3,94.8,308.4,46,249.9,46c-28,0-54.8,11.1-75.4,31.4c-20.7,20.3-33.5,47.9-35.9,77.8l-21.5-1.6
8
+ c2.8-34.8,17.7-67.1,42.1-91C183.9,38.3,216.1,25,249.9,25c34.2,0,66.6,13.6,91.5,38.3c24.5,24.3,39.2,57.2,41.5,92.5L361.3,157.1z
9
+ "/>
10
+ </g>
11
+ </svg>
@@ -0,0 +1,9 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
2
+ viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve">
3
+ <g>
4
+ <path d="M419.7,425H80.3C49.8,425,25,400.2,25,369.7V130.3C25,99.8,49.8,75,80.3,75h339.4c30.5,0,55.3,24.8,55.3,55.3v239.4
5
+ C475,400.2,450.2,425,419.7,425z M80.3,95C60.8,95,45,110.8,45,130.3v239.4c0,19.5,15.8,35.3,35.3,35.3h339.4
6
+ c19.5,0,35.3-15.8,35.3-35.3V130.3c0-19.5-15.8-35.3-35.3-35.3H80.3z"/>
7
+ </g>
8
+ <path d="M92.8,90.1H92h-4.2c-24.8,0-45,20.2-45,45v229.8c0,24.8,20.2,45,45,45H92h0.8h105.4V90.1H92.8z"/>
9
+ </svg>
@@ -0,0 +1,9 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
2
+ viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve">
3
+ <g>
4
+ <path d="M25,369.7V130.3C25,99.8,49.8,75,80.3,75h339.4c30.5,0,55.3,24.8,55.3,55.3v239.4c0,30.5-24.8,55.3-55.3,55.3H80.3
5
+ C49.8,425,25,400.2,25,369.7z M80.3,95C60.8,95,45,110.8,45,130.3v239.4c0,19.5,15.8,35.3,35.3,35.3h339.4
6
+ c19.5,0,35.3-15.8,35.3-35.3V130.3c0-19.5-15.8-35.3-35.3-35.3H80.3z"/>
7
+ </g>
8
+ <path d="M407.2,90.1h0.8h4.2c24.8,0,45,20.2,45,45v229.8c0,24.8-20.2,45-45,45H408h-0.8H301.8V90.1H407.2z"/>
9
+ </svg>
@@ -0,0 +1,45 @@
1
+ /* global include */
2
+ const WebsyIcons = {
3
+ 'search-icon': `
4
+ include('./search-icon.svg')
5
+ `,
6
+ 'bag-icon': `
7
+ include('./bag-icon.svg')
8
+ `,
9
+ 'user-icon': `
10
+ include('./user-icon.svg')
11
+ `,
12
+ 'Search': `
13
+ include('./search-icon.svg')
14
+ `,
15
+ 'Bag': `
16
+ include('./bag-icon.svg')
17
+ `,
18
+ 'User': `
19
+ include('./user-icon.svg')
20
+ `,
21
+ 'DockLeft': `
22
+ include('./dock-left-icon.svg')
23
+ `,
24
+ 'DockRight': `
25
+ include('./dock-right-icon.svg')
26
+ `,
27
+ 'Pin': `
28
+ include('./pin-icon.svg')
29
+ `,
30
+ 'WindowPopout': `
31
+ include('./window-popout-icon.svg')
32
+ `,
33
+ 'Plus': `
34
+ include('./plus-icon.svg')
35
+ `,
36
+ 'Minus': `
37
+ include('./minus-icon.svg')
38
+ `,
39
+ 'PlusFilled': `
40
+ include('./plus-filled-icon.svg')
41
+ `,
42
+ 'MinusFilled': `
43
+ include('./minus-filled-icon.svg')
44
+ `
45
+ }
@@ -0,0 +1,10 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
3
+ viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve">
4
+ <style type="text/css">
5
+ .st0{fill:#FFFFFF;}
6
+ </style>
7
+ <circle cx="250.1" cy="255.4" r="235"/>
8
+ <path class="st0" d="M70,255.1v-10.3c0-5.5,3.4-10,7.7-10h344.7c4.2,0,7.7,4.5,7.7,10v10.3c0,5.5-3.4,10-7.7,10H77.7
9
+ C73.4,265.1,70,260.7,70,255.1z"/>
10
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 500 500">
2
+ <path d="M15,255.1v-10.3c0-5.5,4.5-10,10-10h450c5.5,0,10,4.5,10,10v10.3c0,5.5-4.5,10-10,10H25C19.5,265.1,15,260.7,15,255.1z"/>
3
+ </svg>
@@ -0,0 +1,11 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
2
+ viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve">
3
+ <g>
4
+ <path d="M368,312.1H132l-0.6-9.4c-0.1-2.4-0.2-4.8-0.2-7.1c0-40.3,20.7-78.1,54.4-99.9V73.2h-9c-13,0-23.6-10.6-23.6-23.6
5
+ S163.5,26,176.6,26h146.9c13,0,23.6,10.6,23.6,23.6s-10.6,23.6-23.6,23.6h-9v122.5c33.7,21.8,54.4,59.5,54.4,99.9
6
+ c0,2.3-0.1,4.7-0.2,7.1L368,312.1z M151.2,292.1h197.5c-1.2-33.8-19.9-65.1-49.4-82.1l-5-2.9V53.2h29c2,0,3.6-1.6,3.6-3.6
7
+ c0-2-1.6-3.6-3.6-3.6H176.6c-2,0-3.6,1.6-3.6,3.6c0,2,1.6,3.6,3.6,3.6h29v153.9l-5,2.9C171.1,227,152.4,258.3,151.2,292.1z"/>
8
+ </g>
9
+ <path d="M260.9,403.8V299.9h-21.8v108.8h0c0.1,36.1,4.9,65.3,10.9,65.3c6,0,10.9-29.7,10.9-66.4
10
+ C260.9,406.4,260.9,405.1,260.9,403.8z"/>
11
+ </svg>
@@ -0,0 +1,11 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
3
+ viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve">
4
+ <style type="text/css">
5
+ .st0{fill:#FFFFFF;}
6
+ </style>
7
+ <circle cx="249.6" cy="251" r="235"/>
8
+ <path class="st0" d="M422.3,234.8H264.7V78.7c0-4.2-4.5-7.7-10-7.7h-10.3c-5.5,0-10,3.4-10,7.7v156.1H77.7c-4.2,0-7.7,4.5-7.7,10
9
+ v10.3c0,5.6,3.4,10,7.7,10h156.7v158.2c0,4.2,4.5,7.7,10,7.7h10.3c5.5,0,9.9-3.4,10-7.7V265.1h157.6c4.2,0,7.7-4.5,7.7-10v-10.3
10
+ C430,239.3,426.6,234.8,422.3,234.8z"/>
11
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 500 500">
2
+ <path d="M254.7,486h-10.3c-5.5,0-10-4.5-10-10V26c0-5.5,4.5-10,10-10h10.3c5.5,0,10,4.5,10,10v450C264.6,481.5,260.2,486,254.7,486z"/>
3
+ <path d="M15,255.1v-10.3c0-5.5,4.5-10,10-10h450c5.5,0,10,4.5,10,10v10.3c0,5.5-4.5,10-10,10H25C19.5,265.1,15,260.7,15,255.1z"/>
4
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
2
+ viewBox="0 0 500 500" xml:space="preserve">
3
+ <path d="M481.4,468.6c-17.2-17.2-34.4-34.4-51.6-51.6c-27.4-27.4-54.8-54.8-82.2-82.2c-4.8-4.8-9.5-9.5-14.3-14.3
4
+ c29.4-32.5,47.4-75.5,47.4-122.7C380.7,97,298.7,15,197.9,15S15,97,15,197.9s82,182.9,182.9,182.9c47.2,0,90.3-18,122.7-47.4
5
+ c15.7,15.7,31.4,31.4,47.1,47.1c27.4,27.4,54.8,54.8,82.2,82.2c6.3,6.3,12.5,12.5,18.8,18.8C476.8,489.6,489.6,476.8,481.4,468.6z
6
+ M35,197.9C35,108.1,108.1,35,197.9,35s162.9,73.1,162.9,162.9s-73.1,162.9-162.9,162.9S35,287.7,35,197.9z"/>
7
+ </svg>
@@ -0,0 +1,9 @@
1
+ <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
2
+ viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve">
3
+ <g>
4
+ <path d="M248,260.5c-62,0-112.5-52.8-112.5-117.7S186,25,248,25s112.5,52.8,112.5,117.7S310,260.5,248,260.5z M248,45.9
5
+ c-51,0-92.5,43.4-92.5,96.8s41.5,96.8,92.5,96.8c51,0,92.5-43.4,92.5-96.8S299,45.9,248,45.9z"/>
6
+ </g>
7
+ <path d="M45,475C45,475,45,475,45,475c0-118.3,92-214.5,205-214.5c113,0,205,96.2,205,214.5c0,0,0,0,0,0h20c0,0,0,0,0,0
8
+ c0-62.9-23.4-122-65.9-166.5c-42.5-44.5-99-69-159.1-69s-116.6,24.5-159.1,69C48.4,353,25,412.1,25,475c0,0,0,0,0,0H45z"/>
9
+ </svg>
@@ -0,0 +1,9 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
2
+ viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve">
3
+ <style type="text/css">
4
+ .st0{fill:none;stroke:#000000;stroke-width:20;stroke-miterlimit:10;}
5
+ </style>
6
+ <path class="st0" d="M420.1,359.6h-285c-24.7,0-45-20.2-45-45V124.9c0-24.7,20.2-45,45-45h285c24.7,0,45,20.2,45,45v189.7
7
+ C465.1,339.3,444.9,359.6,420.1,359.6z"/>
8
+ <path class="st0" d="M407.3,389.8c-6.3,17.3-22.9,29.7-42.3,29.7H80c-24.7,0-45-20.2-45-45V184.9c0-18.2,10.9-33.9,26.5-41"/>
9
+ </svg>
package/dist/generic.css CHANGED
@@ -1,14 +1,8 @@
1
- @font-face {
2
- src: url('../fonts/HelveticaNeueLt.ttf');
3
- font-family: 'HelveticaNeue';
4
- }
5
-
6
1
  html, body {
7
2
  margin: 0;
8
3
  padding: 0;
9
- font-size: 18px;
10
- }
11
-
12
- * {
13
- font-family: 'HelveticaNeue', Helvetica, sans-serif;
4
+ font-size: 16px;
5
+ width: 100%;
6
+ height: 100%;
7
+ font-family: Arial, Helvetica, sans-serif;
14
8
  }
@@ -176,7 +176,7 @@ class PGHelper {
176
176
  for (let key in data) {
177
177
  if (this.updateIgnores.indexOf(key) === -1) {
178
178
  if (typeof data[key] === 'string') {
179
- data[key] = data[key].replace(/'/gm, '\'')
179
+ data[key] = data[key].replace(/''/gm, `'`).replace(/'/gm, `''`).replace(/\\\\/gm, '\\')
180
180
  }
181
181
  updates.push(`${key} = ${(data[key] === null ? data[key] : `'${data[key]}'`)}`)
182
182
  }
@@ -366,7 +366,7 @@ class PGHelper {
366
366
  return v.replace(/'/g, '\'\'').replace(/\\(?=[bfnrtv0'"])/g, '\\\\')
367
367
  }
368
368
  JSONSafeRead (v) {
369
- return v.replace(/''/g, '\'').replace(/\\(?=[^bfnrtv0'"])/g, '\\\\')
369
+ return v.replace(/''/g, `'`).replace(/\\(?=[^bfnrtv0'"])/g, '\\\\')
370
370
  }
371
371
  rollback (err, callbackFn) {
372
372
  console.log('Rolling Back')
@@ -416,7 +416,6 @@ class WebsyDatePicker {
416
416
  }
417
417
  }
418
418
  close (confirm, isRange = false) {
419
- console.trace()
420
419
  const maskEl = document.getElementById(`${this.elementId}_mask`)
421
420
  const contentEl = document.getElementById(`${this.elementId}_content`)
422
421
  const el = document.getElementById(this.elementId)
@@ -555,12 +554,14 @@ class WebsyDatePicker {
555
554
  }
556
555
  highlightRange () {
557
556
  const el = document.getElementById(`${this.elementId}_dateList`)
558
- const dateEls = el.querySelectorAll('.websy-dp-date')
559
- for (let i = 0; i < dateEls.length; i++) {
560
- dateEls[i].classList.remove('selected')
561
- dateEls[i].classList.remove('first')
562
- dateEls[i].classList.remove('last')
563
- }
557
+ if (el) {
558
+ const dateEls = el.querySelectorAll('.websy-dp-date')
559
+ for (let i = 0; i < dateEls.length; i++) {
560
+ dateEls[i].classList.remove('selected')
561
+ dateEls[i].classList.remove('first')
562
+ dateEls[i].classList.remove('last')
563
+ }
564
+ }
564
565
  if (this.selectedRange === 0) {
565
566
  return
566
567
  }
@@ -1170,13 +1171,15 @@ class WebsyDatePicker {
1170
1171
  }
1171
1172
  const el = document.getElementById(this.elementId)
1172
1173
  const labelEl = document.getElementById(`${this.elementId}_selectedRange`)
1173
- const rangeEls = el.querySelectorAll(`.websy-date-picker-range`)
1174
- for (let i = 0; i < rangeEls.length; i++) {
1175
- rangeEls[i].classList.remove('active')
1176
- if (i === this.selectedRange) {
1177
- rangeEls[i].classList.add('active')
1174
+ if (el) {
1175
+ const rangeEls = el.querySelectorAll(`.websy-date-picker-range`)
1176
+ for (let i = 0; i < rangeEls.length; i++) {
1177
+ rangeEls[i].classList.remove('active')
1178
+ if (i === this.selectedRange) {
1179
+ rangeEls[i].classList.add('active')
1180
+ }
1178
1181
  }
1179
- }
1182
+ }
1180
1183
  if (labelEl) {
1181
1184
  labelEl.innerHTML = range.label
1182
1185
  }
@@ -456,7 +456,6 @@ var WebsyDatePicker = /*#__PURE__*/function () {
456
456
  var _this2 = this;
457
457
 
458
458
  var isRange = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
459
- console.trace();
460
459
  var maskEl = document.getElementById("".concat(this.elementId, "_mask"));
461
460
  var contentEl = document.getElementById("".concat(this.elementId, "_content"));
462
461
  var el = document.getElementById(this.elementId);
@@ -619,12 +618,15 @@ var WebsyDatePicker = /*#__PURE__*/function () {
619
618
  var _this3 = this;
620
619
 
621
620
  var el = document.getElementById("".concat(this.elementId, "_dateList"));
622
- var dateEls = el.querySelectorAll('.websy-dp-date');
623
621
 
624
- for (var i = 0; i < dateEls.length; i++) {
625
- dateEls[i].classList.remove('selected');
626
- dateEls[i].classList.remove('first');
627
- dateEls[i].classList.remove('last');
622
+ if (el) {
623
+ var dateEls = el.querySelectorAll('.websy-dp-date');
624
+
625
+ for (var i = 0; i < dateEls.length; i++) {
626
+ dateEls[i].classList.remove('selected');
627
+ dateEls[i].classList.remove('first');
628
+ dateEls[i].classList.remove('last');
629
+ }
628
630
  }
629
631
 
630
632
  if (this.selectedRange === 0) {
@@ -1292,13 +1294,16 @@ var WebsyDatePicker = /*#__PURE__*/function () {
1292
1294
 
1293
1295
  var el = document.getElementById(this.elementId);
1294
1296
  var labelEl = document.getElementById("".concat(this.elementId, "_selectedRange"));
1295
- var rangeEls = el.querySelectorAll(".websy-date-picker-range");
1296
1297
 
1297
- for (var i = 0; i < rangeEls.length; i++) {
1298
- rangeEls[i].classList.remove('active');
1298
+ if (el) {
1299
+ var rangeEls = el.querySelectorAll(".websy-date-picker-range");
1300
+
1301
+ for (var i = 0; i < rangeEls.length; i++) {
1302
+ rangeEls[i].classList.remove('active');
1299
1303
 
1300
- if (i === this.selectedRange) {
1301
- rangeEls[i].classList.add('active');
1304
+ if (i === this.selectedRange) {
1305
+ rangeEls[i].classList.add('active');
1306
+ }
1302
1307
  }
1303
1308
  }
1304
1309