@websy/websy-designs 1.4.10 → 1.4.12

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')
@@ -494,11 +494,13 @@ class WebsyDatePicker {
494
494
  this.close()
495
495
  }
496
496
  else if (event.target.classList.contains('clear-selection')) {
497
+ this.currentselection = []
498
+ this.selectedRangeDates = []
497
499
  this.selectRange(0, false)
498
500
  if (this.options.onClear) {
499
501
  this.options.onClear()
500
502
  }
501
- this.updateRange(0)
503
+ // this.updateRange(0)
502
504
  }
503
505
  }
504
506
  handleKeyDown (event) {
@@ -1017,18 +1019,21 @@ class WebsyDatePicker {
1017
1019
  selectRange (index, confirm = true) {
1018
1020
  if (this.options.ranges[this.options.mode][index]) {
1019
1021
  this.selectedRangeDates = [...this.options.ranges[this.options.mode][index].range]
1020
- this.currentselection = this.options.ranges[this.options.mode][index].range.map(d => {
1021
- if (this.options.mode === 'date' || this.options.mode === 'monthyear') {
1022
- return d.getTime()
1023
- }
1024
- else {
1025
- return d
1026
- }
1027
- })
1022
+ this.currentselection = []
1023
+ // this.currentselection = this.options.ranges[this.options.mode][index].range.map(d => {
1024
+ // if (this.options.mode === 'date' || this.options.mode === 'monthyear') {
1025
+ // return d.getTime()
1026
+ // }
1027
+ // else {
1028
+ // return d
1029
+ // }
1030
+ // })
1028
1031
  this.selectedRange = +index
1029
1032
  this.highlightRange()
1030
- this.updateRange()
1031
- this.close(confirm, true)
1033
+ this.updateRange()
1034
+ if (confirm === true) {
1035
+ this.close(confirm, true)
1036
+ }
1032
1037
  }
1033
1038
  }
1034
1039
  selectCustomRange (rangeInput) {