@sbc-connect/nuxt-forms 0.1.9 → 0.1.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/.env.example +4 -1
- package/CHANGELOG.md +23 -0
- package/app/components/Connect/Fieldset.vue +41 -0
- package/app/components/Connect/Form/Address/City.vue +20 -0
- package/app/components/Connect/Form/Address/Country.vue +94 -0
- package/app/components/Connect/Form/Address/DeliveryInstructions.vue +21 -0
- package/app/components/Connect/Form/Address/PostalCode.vue +37 -0
- package/app/components/Connect/Form/Address/Region.vue +107 -0
- package/app/components/Connect/Form/Address/Street.vue +53 -0
- package/app/components/Connect/Form/Address/StreetAdditional.vue +19 -0
- package/app/components/Connect/Form/Address/index.vue +112 -0
- package/app/components/Connect/Form/Input.vue +39 -0
- package/app/components/Connect/Form/Textarea.vue +38 -0
- package/app/composables/useCanadaPost.ts +68 -0
- package/app/enums/canada-post-address-datalevel.ts +7 -0
- package/app/interfaces/canada-post.ts +38 -0
- package/app/utils/isoCountriesList.ts +2036 -0
- package/i18n/locales/en-CA.ts +35 -0
- package/nuxt.config.ts +17 -0
- package/package.json +7 -7
- package/public/css/addresscomplete-2.50.min.css +11 -0
- package/public/js/addresscomplete-2.50.min.js +260 -0
package/i18n/locales/en-CA.ts
CHANGED
|
@@ -1,3 +1,38 @@
|
|
|
1
1
|
export default {
|
|
2
2
|
/* Ordering should be alphabetical unless otherwise specified */
|
|
3
|
+
connect: {
|
|
4
|
+
label: {
|
|
5
|
+
address: 'Address',
|
|
6
|
+
addressResidential: 'Residential Address',
|
|
7
|
+
city: 'City',
|
|
8
|
+
code: 'Code',
|
|
9
|
+
country: 'Country',
|
|
10
|
+
deliveryAddress: 'Delivery Address',
|
|
11
|
+
deliveryInstructions: 'Delivery Instructions',
|
|
12
|
+
deliveryInstructionsOpt: 'Delivery Instructions (Optional)',
|
|
13
|
+
line1: 'Address Line 1',
|
|
14
|
+
line2: 'Address Line 2 (Optional)',
|
|
15
|
+
locationDescription: 'Location Description',
|
|
16
|
+
locationDescriptionOpt: 'Location Description (Optional)',
|
|
17
|
+
mailingAddress: 'Mailing Address',
|
|
18
|
+
postalCode: 'Postal Code',
|
|
19
|
+
province: 'Province',
|
|
20
|
+
region: 'Region',
|
|
21
|
+
regionOpt: 'Region (Optional)',
|
|
22
|
+
sameAsMailAddress: 'Same as Mailing Address',
|
|
23
|
+
sameAsDeliveryAddress: 'Same as Delivery Address',
|
|
24
|
+
state: 'State',
|
|
25
|
+
street: 'Street Address',
|
|
26
|
+
streetAdditional: 'Additional Street Address (Optional)',
|
|
27
|
+
streetName: 'Street Name',
|
|
28
|
+
streetNumber: 'Street Number',
|
|
29
|
+
unitNumber: 'Unit Number',
|
|
30
|
+
unitNumberOpt: 'Unit Number (Optional)',
|
|
31
|
+
zipCode: 'Zip Code'
|
|
32
|
+
},
|
|
33
|
+
text: {
|
|
34
|
+
addressCanBePOBox: 'Street address, PO box, rural route, or general delivery address.',
|
|
35
|
+
addressCannotBePOBox: 'Address cannot be a PO Box.'
|
|
36
|
+
}
|
|
37
|
+
}
|
|
3
38
|
}
|
package/nuxt.config.ts
CHANGED
|
@@ -20,6 +20,17 @@ export default defineNuxtConfig({
|
|
|
20
20
|
'#forms': resolve('./')
|
|
21
21
|
},
|
|
22
22
|
|
|
23
|
+
app: {
|
|
24
|
+
head: {
|
|
25
|
+
link: [
|
|
26
|
+
{ rel: 'stylesheet', href: '/css/addresscomplete-2.50.min.css' }
|
|
27
|
+
],
|
|
28
|
+
script: [
|
|
29
|
+
{ src: '/js/addresscomplete-2.50.min.js', type: 'text/javascript', defer: true }
|
|
30
|
+
]
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
|
|
23
34
|
i18n: {
|
|
24
35
|
locales: [
|
|
25
36
|
{
|
|
@@ -37,5 +48,11 @@ export default defineNuxtConfig({
|
|
|
37
48
|
file: 'fr-CA.ts'
|
|
38
49
|
}
|
|
39
50
|
]
|
|
51
|
+
},
|
|
52
|
+
|
|
53
|
+
runtimeConfig: {
|
|
54
|
+
public: {
|
|
55
|
+
addressCompleteKey: ''
|
|
56
|
+
}
|
|
40
57
|
}
|
|
41
58
|
})
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sbc-connect/nuxt-forms",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.1.
|
|
4
|
+
"version": "0.1.11",
|
|
5
5
|
"repository": "github:bcgov/connect-nuxt",
|
|
6
6
|
"license": "BSD-3-Clause",
|
|
7
7
|
"main": "./nuxt.config.ts",
|
|
@@ -12,19 +12,19 @@
|
|
|
12
12
|
"nuxt": "^4.0.2",
|
|
13
13
|
"typescript": "^5.8.3",
|
|
14
14
|
"vue-tsc": "^3.0.4",
|
|
15
|
-
"@sbc-connect/
|
|
16
|
-
"@sbc-connect/
|
|
17
|
-
"@sbc-connect/
|
|
15
|
+
"@sbc-connect/eslint-config": "0.0.7",
|
|
16
|
+
"@sbc-connect/playwright-config": "0.0.7",
|
|
17
|
+
"@sbc-connect/vitest-config": "0.0.6"
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@sbc-connect/nuxt-base": "0.1.
|
|
20
|
+
"@sbc-connect/nuxt-base": "0.1.10"
|
|
21
21
|
},
|
|
22
22
|
"scripts": {
|
|
23
23
|
"preinstall": "npx only-allow pnpm",
|
|
24
|
-
"dev": "nuxi dev .playground",
|
|
24
|
+
"dev": "nuxi dev .playground --dotenv ../.env",
|
|
25
25
|
"build": "nuxt build .playground",
|
|
26
26
|
"build:test": "pnpm generate && npx serve .playground/.output/public",
|
|
27
|
-
"generate": "nuxt generate .playground",
|
|
27
|
+
"generate": "nuxt generate .playground --dotenv ../.env",
|
|
28
28
|
"preview": "npx serve .playground/.output/public",
|
|
29
29
|
"lint": "eslint .",
|
|
30
30
|
"lint:fix": "eslint --fix .",
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/*! Copyright © 2009-2024 Postcode Anywhere (Holdings) Ltd. (http://www.postcodeanywhere.co.uk)
|
|
2
|
+
*
|
|
3
|
+
* AddressComplete v2.50
|
|
4
|
+
* Style for AddressComplete for the web.
|
|
5
|
+
*
|
|
6
|
+
* p-w-u-c1-1-x4rp 25/05/2024 00:09:50
|
|
7
|
+
*/
|
|
8
|
+
.pca{margin:0;padding:0;position:static;border:none;box-sizing:content-box}.pca *{box-sizing:content-box}.pca .pcatext{font:.8rem arial;color:#333}.pca .pcalist{position:relative;list-style-type:none;list-style-position:outside;margin:0;padding:0;overflow-y:auto;overflow-x:hidden;background-color:#fafafa}.pca .pcaitem{cursor:pointer;position:relative;margin:0;padding:9px 10px 9px 10px;padding:7px 10px;line-height:15px;text-align:left;white-space:nowrap;border:solid 1px transparent;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#e5e5e5;border-bottom-color:transparent;padding-right:22px;filter:alpha(opacity=80);color:#000}.pca .pcaselected,.pca .pcaitem:hover{color:#333;background-color:#e5f0ff;background-color:#f0f0f0;border-width:1px;border-style:solid;border-color: transparent;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#e5e5e5;border-bottom-color:transparent;opacity:1;filter:alpha(opacity=100);color:#000}.pca .pcalastitem,.pca .pcalastitem:hover{border-bottom:none}.pca .pcadisableselect{-moz-user-select:none;-webkit-user-select:none}.pca .pcaautocomplete{margin:0;padding:0;border-width:1px;border-style:solid;border-color:#ccc;border-bottom:0;background:0;box-shadow:0 8px 17px 0 rgba(0,0,0,.2);width:inherit;position:absolute;z-index:9999999999}.pca .pcaanchor{margin:0;padding:0;border:0;background:0}.pca .pcaanchor .pcachain{position:relative}.pca .pcaautocomplete .pcaheader{background-color:#fafafa;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ccc;color:#969696}.pca .pcaautocomplete .pcamessage{padding:8px 10px;line-height:18px}.pca .pcaautocomplete .pcalist{height:244px;width:auto;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ccc}.pca .pcaautocomplete .pcafooter{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ccc;background-color:#fafafa;height:30px;box-sizing:content-box;min-width:138px;overflow:hidden;display:flex;align-items:center;justify-content:flex-end;padding:0 10px}.pca .pcaautocomplete .pcafooter.pca-showlogo{justify-content:space-between}.pca .pcanotification{background-color:#fafafa;padding:8px 10px 8px 10px;box-shadow:0 2px 5px 0 rgba(0,0,0,.26);border-radius:2px;position:absolute;z-index:100000;transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-webkit-transition:opacity .5s ease-in-out;opacity:1;display:none}.pca .pcanotification.pcavisible{display:block}.pca .pcanotification.pcafade{opacity:0}.pca .pcanotification.pcaerror{background-color:#cb484f;color:#fff}.pca .pcaautocomplete .pcafooter .pcamessage{font:bold 9pt arial;color:#757575;margin-right:10px;padding:0;position:relative;float:right}.pca .pcamodal{position:fixed;top:50%;left:50%;z-index:100000}.pca .pcamodal .pcalist{height:244px;width:auto;min-width:200px;min-height:100px}.pca .pcamodal .pcaborder{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000;border-radius:0px;opacity:.20;filter:alpha(opacity=20)}.pca .pcamodal .pcaframe{position:relative;margin:12px;background-color:#f5f7f9;border-radius:0px;border-width:1px;border-style:solid;border-color: #c8cacc}.pca .pcamodal .pcacontent{position:relative;padding:15px}.pca .pcamodal .pcacontent .pcainputrow{width:450px;text-align:right}.pca .pcamodal .pcacontent .pcainputrow input{width:300px;border-width:1px;border-style:solid;border-color: #d4d4d4;padding:8px;margin:15px;background:#fff}.pca .pcamodal .pcacontent .pcainputrow input:invalid{-webkit-box-shadow:0 0 1.5px 1px red;-moz-box-shadow:0 0 1.5px 1px red;box-shadow:0 0 1.5px 1px red}.pca .pcamodal .pcacontent .pcainputrow .pcahalf{width:126px}.pca .pcamodal .pcacontent .pcainputrow label{font:bold 14px arial;color:#444444}.pca .pcamodal .pcaheader{position:relative;top:0;left:0;border-top:1px solid#e1e3e5;border-bottom:1px solid #c8cacc;border-radius:0px 0px 0 0;background:#e1e3e5;background:-moz-linear-gradient(top,#e1e3e5 0%,#e1e3e5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e1e3e5),color-stop(100%,#e1e3e5));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e3e5',endColorstr='#e1e3e5',GradientType=0)}.pca .pcamodal .pcaheader .pcatitle{font:bold 18px arial;color:#005db9;margin:15px}.pca .pcamodal .pcafooter{position:relative;bottom:0;left:0;border-top:1px solid #c8cacc;background:#fff}.pca .pcamodal .pcafooter .pcabutton{width:150px;margin:15px}.pca .pcafullscreen{position:fixed;top:0;left:0;height:100%;width:100%}.pca .pcamask{background-color:#000;opacity:.40;filter:alpha(opacity=40);z-index:100000}.pca .pcabutton{font:bold 14px arial;color:#444444;border:1px solid #d4d4d4;border-radius:0px;padding:8px;cursor:pointer;background:#f5f7f9;background:-moz-linear-gradient(top,#f5f7f9 0%,#f5f7f9 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f7f9),color-stop(100%,#f5f7f9));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f7f9',endColorstr='#f5f7f9',GradientType=0)}.pca .pcatooltip{position:absolute;z-index:100000}.pca .pcatooltip .pcabackground{position:absolute;height:100%;width:100%;background-color:#000;border-radius:5px;opacity:.6;filter:alpha(opacity=60)}.pca .pcatooltip .pcamessage{position:relative;padding:5px;font:.8rem arial;color:#fff}.pca .pcabutton:hover{color:#444444}.pca .pcalink{font:bold 9pt arial;cursor:pointer}.pca .pcaclear{clear:both}
|
|
9
|
+
.pcaflag{width:14px;height:12px;font-size:0;background-image:url(//ws1.postescanada-canadapost.ca/images/flags16x16.png);-moz-box-shadow:0 1px 2px rgba(128,128,128,.3);-webkit-box-shadow:0 1px 2px rgba(128,128,128,.3);box-shadow:0 1px 2px rgba(128,128,128,.3)}.pca .pcaautocomplete .pcafooter .pcaflagbutton{height:21px;position:relative;cursor:pointer;display:flex;align-items:center}.pca .pcaautocomplete .pcaflaglabel{position:relative;margin-left:8px}.pca .pcacountrylist .pcafooter .pcaflagbutton{background-image:url(//ws1.postescanada-canadapost.ca/images/icons/flag_clear_up.png)}.pca .pcacountrylist .pcalist .pcaitem{display:flex}.pca .pcacountrylist .pcafooter .pcaflagbutton:hover{background-image:url(//ws1.postescanada-canadapost.ca/images/icons/flag_clear_up_hover.png)}
|
|
10
|
+
.pca .pcaexpandable{background-image:url(//ws1.postescanada-canadapost.ca/images/icons/captureplus/chevron.png);background-repeat:no-repeat;background-position-x:99%;background-position-y:50%;background-position:right 7px center}.pca .pcaautocomplete .pcafooter .geoLocationIcon{width:21px;height:21px;font-size:0;margin:0 5px 0 0;padding:5px 0 5px 5px;position:relative;float:right;cursor:pointer;background-image:url(//ws1.postescanada-canadapost.ca/images/icons/captureplus/geolocationicon.svg);background-position:right;background-repeat:no-repeat;color:#7e8593;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"!important;visibility:hidden}.pca .pcaautocomplete .pcafooter .geoLocationIcon.active{visibility:visible}.pca .pcaautocomplete .pcafooter .geoLocationIcon.working{background-image:url(//ws1.postescanada-canadapost.ca/images/icons/captureplus/loader.gif)}.pca .pcaautocomplete .pcafooter .geoLocationMessage{color:#7e8593;padding:9px 0;position:relative;float:right;cursor:pointer;font-size:11px;visibility:hidden}.pca .pcaautocomplete .pcafooter .geoLocationMessage.active{visibility:visible}.pca .pcaautocomplete .pcafooter .pcalogo{width:68px;height:16px;margin:7px 0 0 7px;font-size:0;position:relative;float:left;background-repeat:no-repeat;background-size:contain;background-image:url(//ws1.postescanada-canadapost.ca/images/icons/captureplus/loqatelogoinverted.svg)}.pca .pcaautocomplete .pcafooter .adsylogo{width:68px;height:16px;margin:7px 0 0 7px;font-size:0;position:relative;float:left;background-repeat:no-repeat;background-size:contain;background-image:url(//ws1.postescanada-canadapost.ca/images/icons/captureplus/loqatelogoinverted.svg)}.pca .pcaautocomplete .pcafooter .aclogo{width:112px;height:15px;font-size:0;background-image:url(//ws1.postescanada-canadapost.ca/images/icons/captureplus/address_complete_logo_en.png)}.pca .pcaautocomplete .pcafooter .aclogo.pcalogofr{width:118px;background-image:url(//ws1.postescanada-canadapost.ca/images/icons/captureplus/address_complete_logo_fr.png)}.pca .pcaautocomplete .pcafooter .dtlogo{width:100px;height:14px;font-size:0;margin:9px 5px 6px 9px;position:relative;float:left;background-image:url(//ws1.postescanada-canadapost.ca/images/icons/captureplus/dt_express_capture_logo.png)}.pca .pcaautocomplete .pcafooter .anlogo{width:129px;height:11px;font-size:0;margin:10px 5px 9px 9px;position:relative;float:left;background-image:url(//ws1.postescanada-canadapost.ca/images/icons/captureplus/address_now_logo.png)}.pca .pcaitem .pcadescription{color:#6b6b6b;margin-left:8px}.pca .pcaitem .pcautilitytype{padding-right:8px;font-style:italic}.pca .pca-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}
|
|
11
|
+
.pcaaddresscomplete{}.pca .pcaautocomplete .pcaheader .pcamessageicon{background-image:url(//ws1.postescanada-canadapost.ca/images/icons/captureplus/info.png);height:15px;position:relative;top:2px;margin-right:8px;display:inline-block;width:15px}
|