@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.
- package/dist/components/icons/bag-icon.svg +11 -0
- package/dist/components/icons/dock-left-icon.svg +9 -0
- package/dist/components/icons/dock-right-icon.svg +9 -0
- package/dist/components/icons/index.js +45 -0
- package/dist/components/icons/minus-filled-icon.svg +10 -0
- package/dist/components/icons/minus-icon.svg +3 -0
- package/dist/components/icons/pin-icon.svg +11 -0
- package/dist/components/icons/plus-filled-icon.svg +11 -0
- package/dist/components/icons/plus-icon.svg +4 -0
- package/dist/components/icons/search-icon.svg +7 -0
- package/dist/components/icons/user-icon.svg +9 -0
- package/dist/components/icons/window-popout-icon.svg +9 -0
- package/dist/generic.css +4 -10
- package/dist/server/helpers/v1/pgHelper.js +2 -2
- package/dist/websy-designs-es6.debug.js +16 -13
- package/dist/websy-designs-es6.js +16 -11
- package/dist/websy-designs-es6.min.js +1 -1
- package/dist/websy-designs.debug.js +16 -13
- package/dist/websy-designs.js +16 -11
- package/dist/websy-designs.min.css +1 -1
- package/dist/websy-designs.min.js +1 -1
- package/package.json +1 -1
|
@@ -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,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:
|
|
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, '
|
|
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
|
-
|
|
559
|
-
|
|
560
|
-
dateEls
|
|
561
|
-
|
|
562
|
-
|
|
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
|
-
|
|
1174
|
-
|
|
1175
|
-
rangeEls
|
|
1176
|
-
|
|
1177
|
-
|
|
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
|
-
|
|
625
|
-
dateEls
|
|
626
|
-
|
|
627
|
-
dateEls
|
|
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
|
-
|
|
1298
|
-
rangeEls
|
|
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
|
-
|
|
1301
|
-
|
|
1304
|
+
if (i === this.selectedRange) {
|
|
1305
|
+
rangeEls[i].classList.add('active');
|
|
1306
|
+
}
|
|
1302
1307
|
}
|
|
1303
1308
|
}
|
|
1304
1309
|
|