niris-public-community-components 0.0.1 → 0.0.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (54) hide show
  1. package/README.md +59 -8
  2. package/dev/form-niris.html +29 -0
  3. package/dev/text-area-niris.html +8 -5
  4. package/dist/form-niris.d.ts +70 -0
  5. package/dist/form-niris.d.ts.map +1 -0
  6. package/dist/form-niris.js +1127 -0
  7. package/dist/form-niris.js.map +1 -0
  8. package/dist/form-to-niris.js +847 -0
  9. package/dist/generated/locale-codes.d.ts +14 -0
  10. package/dist/generated/locale-codes.d.ts.map +1 -0
  11. package/dist/generated/locale-codes.js +23 -0
  12. package/dist/generated/locale-codes.js.map +1 -0
  13. package/dist/generated/locales/ca.d.ts +61 -0
  14. package/dist/generated/locales/ca.d.ts.map +1 -0
  15. package/dist/generated/locales/ca.js +65 -0
  16. package/dist/generated/locales/ca.js.map +1 -0
  17. package/dist/generated/locales/en.d.ts +61 -0
  18. package/dist/generated/locales/en.d.ts.map +1 -0
  19. package/dist/generated/locales/en.js +65 -0
  20. package/dist/generated/locales/en.js.map +1 -0
  21. package/dist/index.js +2 -0
  22. package/dist/locale-codes-c2f86156.js +72 -0
  23. package/dist/map-niris.d.ts +25 -0
  24. package/dist/map-niris.d.ts.map +1 -0
  25. package/dist/map-niris.js +200 -0
  26. package/dist/map-niris.js.map +1 -0
  27. package/dist/styles/globalStyles.d.ts +2 -0
  28. package/dist/styles/globalStyles.d.ts.map +1 -0
  29. package/dist/styles/globalStyles.js +170 -0
  30. package/dist/styles/globalStyles.js.map +1 -0
  31. package/dist/test/my-element_test.d.ts +7 -0
  32. package/dist/test/my-element_test.d.ts.map +1 -0
  33. package/dist/test/my-element_test.js +47 -0
  34. package/dist/test/my-element_test.js.map +1 -0
  35. package/dist/types.d.ts +85 -0
  36. package/dist/types.d.ts.map +1 -0
  37. package/dist/types.js +9 -0
  38. package/dist/types.js.map +1 -0
  39. package/index.html +5 -3
  40. package/package.json +27 -5
  41. package/rollup.config.js +6 -2
  42. package/src/form-niris.ts +1203 -0
  43. package/src/generated/locale-codes.ts +25 -0
  44. package/src/generated/locales/ca.ts +71 -0
  45. package/src/generated/locales/en.ts +71 -0
  46. package/src/lit-localize.json +15 -0
  47. package/src/map-niris.ts +215 -0
  48. package/src/styles/globalStyles.ts +170 -0
  49. package/src/textarea-to-niris.ts +33 -12
  50. package/src/types.ts +90 -0
  51. package/src/xliff/ca.xlf +239 -0
  52. package/src/xliff/en.xlf +239 -0
  53. package/tsconfig.json +1 -1
  54. package/my-element.js +0 -79
package/README.md CHANGED
@@ -1,5 +1,6 @@
1
1
  <!-- [![npm version](https://badge.fury.io/js/angular2-expandable-list.svg)](https://badge.fury.io/js/angular2-expandable-list)
2
2
  -->
3
+
3
4
  [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
4
5
 
5
6
  # Niris web components
@@ -28,8 +29,6 @@ This library contains two web components:
28
29
  - [Authors](#authors)
29
30
  - [License](#license)
30
31
 
31
- ## How to use
32
-
33
32
  ### Installation
34
33
 
35
34
  - Install with **npm**
@@ -38,6 +37,64 @@ This library contains two web components:
38
37
  $ npm install public-community-components
39
38
  ```
40
39
 
40
+ https://lit.dev/docs/v1/tools/use/
41
+ module node em6 (?)
42
+
43
+ ```js
44
+ <script type="module">
45
+ import { TextareaToNiris } from 'niris-public-community-components';
46
+ </script>
47
+
48
+ <template>
49
+ <textarea-to-niris></textarea-to-niris>
50
+ </template>
51
+ ```
52
+
53
+ js vainiilla
54
+
55
+ ```html
56
+ <!DOCTYPE html>
57
+ <html lang="en">
58
+ <head>
59
+ ...
60
+ <script src="../node_modules/niris-public-community-components/dist/textarea-to-niris.js"></script>
61
+ </head>
62
+
63
+ <body>
64
+ <textarea-to-niris />
65
+ </body>
66
+ </html>
67
+ ```
68
+
69
+ Vue
70
+ npm install niris-public-community-components
71
+
72
+ vite.config.js:
73
+
74
+ ```js
75
+ <script setup>
76
+ import {TextareaToNiris} from "niris-public-community-components/";
77
+ </script>
78
+ ```
79
+
80
+ ```js
81
+ import {defineConfig} from 'vite';
82
+ import vue from '@vitejs/plugin-vue';
83
+
84
+ // https://vite.dev/config/
85
+ export default defineConfig({
86
+ plugins: [
87
+ vue({
88
+ template: {
89
+ compilerOptions: {
90
+ isCustomElement: (tag) => ['textarea-to-niris'].includes(tag),
91
+ },
92
+ },
93
+ }),
94
+ ],
95
+ });
96
+ ```
97
+
41
98
  ### CDN
42
99
 
43
100
  npm CDNs like unpkg.com can directly serve files that have been published to npm. This works great for standard JavaScript modules that the browser can load natively.
@@ -50,12 +107,6 @@ For this element to work from unpkg.com specifically, you need to include the ?m
50
107
  <script type="module" src="https://unpkg.com/my-element?module"></script>
51
108
  ```
52
109
 
53
- #### Javascript
54
-
55
- ```
56
- import {MyElement} from 'https://unpkg.com/my-element?module';
57
- ```
58
-
59
110
  ### Initialization
60
111
 
61
112
  - HTML way
package/dev/form-niris.html ADDED
@@ -0,0 +1,29 @@
1
+ <!DOCTYPE html>
2
+
3
+ <html>
4
+ <head>
5
+ <meta charset="utf-8" />
6
+ <title>&lt;form-niris > Demo</title>
7
+ <script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
8
+ <script src="../node_modules/lit/polyfill-support.js"></script>
9
+ <script type="module" src="../dist/form-niris.js"></script>
10
+ <script type="module" src="../dist/generated/locales/en.js"></script>
11
+ <script type="module" src="../dist/generated/locales/ca.js"></script>
12
+ <style>
13
+ /* example override variables */
14
+ form-niris {
15
+ --primary-color: #0aa99d;
16
+ --border-radius: 0rem;
17
+ }
18
+ </style>
19
+ </head>
20
+ <body>
21
+ <form-niris
22
+ detailId="10"
23
+ default_locale="en"
24
+ defaultLat="39.8409929"
25
+ defaultLon="3.1173402"
26
+ apiUrl="https://iris2-backend-demos-iris-community.labs.apsl.io/services/iris/api-public"
27
+ />
28
+ </body>
29
+ </html>
package/dev/text-area-niris.html CHANGED
@@ -6,8 +6,11 @@
6
6
  <title>&lt;textarea-to-iris > Demo</title>
7
7
  <script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
8
8
  <script src="../node_modules/lit/polyfill-support.js"></script>
9
- <script type="module" src="../textarea-to-niris.js"></script>
9
+ <script type="module" src="../dist/textarea-to-niris.js"></script>
10
+ <script type="module" src="../dist/generated/locales/en.js"></script>
11
+ <script type="module" src="../dist/generated/locales/ca.js"></script>
10
12
  <style>
13
+
11
14
  article {
12
15
  display: flex;
13
16
  flex-direction: column;
@@ -16,15 +19,15 @@
16
19
  }
17
20
  /* example override variables */
18
21
  textarea-to-niris {
19
- --primary-color: #03599d;
20
- --border-radius: 0rem;
22
+ --primary-color: #0aa99d;
23
+ --border-radius: 0.3rem;
21
24
  }
22
25
  </style>
23
26
  </head>
24
27
  <body>
25
28
  <article>
26
- <h1>&lt;textarea-to-iris></h1>
27
- <textarea-to-niris formaction="http://localhost:3000/theme-searcher" />
29
+ <h1>&lt;textarea-to-niris></h1>
30
+ <textarea-to-niris locale="en" formaction="https://iris-public-community-iris-community.labs.apsl.io/buscador-tematicas?from_request=true&keywords" />
28
31
  </article>
29
32
  </body>
30
33
  </html>
package/dist/form-niris.d.ts ADDED
@@ -0,0 +1,70 @@
1
+ import { LitElement } from 'lit';
2
+ import { LeafletMouseEvent } from 'leaflet';
3
+ import { Characteristic } from './types';
4
+ export declare const getLocale: (() => string) & {
5
+ _LIT_LOCALIZE_GET_LOCALE_?: undefined;
6
+ }, setLocale: ((newLocale: string) => Promise<void>) & {
7
+ _LIT_LOCALIZE_SET_LOCALE_?: undefined;
8
+ };
9
+ /**
10
+ * An example element.
11
+ */
12
+ export declare class FormNiris extends LitElement {
13
+ detailID: Number | undefined;
14
+ actionUrl: string;
15
+ apiUrl: string;
16
+ area: string;
17
+ element: string;
18
+ detail: string;
19
+ characteristics: Characteristic[];
20
+ private _marker;
21
+ private _map;
22
+ private _markerIcon;
23
+ defaultLat: string;
24
+ defaultLon: string;
25
+ locale: 'es' | 'en' | 'ca';
26
+ private isCitizen;
27
+ private activeMap;
28
+ private ubiDistricts;
29
+ private submited;
30
+ private error;
31
+ private incidenceId;
32
+ private extensionFiles;
33
+ domain: string;
34
+ private street;
35
+ private streetNumber;
36
+ private latitude;
37
+ private longitude;
38
+ private loading;
39
+ constructor();
40
+ getApiUrl(): string;
41
+ _loadMap(): void;
42
+ firstUpdated(): void;
43
+ addOnChangEventToInputs(): void;
44
+ connectedCallback(): void;
45
+ private _fetchDistricts;
46
+ private _fetchFields;
47
+ updated(): void;
48
+ private changeTab;
49
+ render(): import("lit-html").TemplateResult<1>;
50
+ renderError(): import("lit-html").TemplateResult<1>;
51
+ renderSuccess(): import("lit-html").TemplateResult<1>;
52
+ renderHeader(): import("lit-html").TemplateResult<1>;
53
+ renderForm(): import("lit-html").TemplateResult<1>;
54
+ renderCitizenForm(): import("lit-html").TemplateResult<1>;
55
+ renderCompanyForm(): import("lit-html").TemplateResult<1>;
56
+ renderMap(): import("lit-html").TemplateResult<1>;
57
+ onSubmit(event: SubmitEvent): Promise<void>;
58
+ handlerError(data: any): void;
59
+ confirmEmail(event: FocusEvent): void;
60
+ years(): number[];
61
+ onMapClick(e: LeafletMouseEvent): Promise<void>;
62
+ searchAddress(): Promise<void>;
63
+ static styles: import("lit").CSSResult[];
64
+ }
65
+ declare global {
66
+ interface HTMLElementTagNameMap {
67
+ 'form-niris': FormNiris;
68
+ }
69
+ }
70
+ //# sourceMappingURL=form-niris.d.ts.map
package/dist/form-niris.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"form-niris.d.ts","sourceRoot":"","sources":["../src/form-niris.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAqB,MAAM,KAAK,CAAC;AAQnD,OAAO,EAAO,iBAAiB,EAAc,MAAM,SAAS,CAAC;AAE7D,OAAO,EACL,cAAc,EAKf,MAAM,SAAS,CAAC;AAajB,eAAO,MAAO,SAAS;;GAAE,SAAS;;CAIhC,CAAC;AAQH;;GAEG;AACH,qBACa,SAAU,SAAQ,UAAU;IACb,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IAEf,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,cAAc,EAAE,CAAC;IAE3D,OAAO,CAAC,OAAO,CAAiB;IAChC,OAAO,CAAC,IAAI,CAAO;IACnB,OAAO,CAAC,WAAW,CAAQ;IAED,UAAU,EAAE,MAAM,CAAgB;IAClC,UAAU,EAAE,MAAM,CAAe;IAEjC,MAAM,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAG5D,OAAO,CAAC,SAAS,CAAiB;IAGlC,OAAO,CAAC,SAAS,CAAkB;IAGnC,OAAO,CAAC,YAAY,CAAgB;IAGpC,OAAO,CAAC,QAAQ,CAAkB;IAGlC,OAAO,CAAC,KAAK,CAAkB;IAG/B,OAAO,CAAC,WAAW,CAAc;IAGjC,OAAO,CAAC,cAAc,CAAc;IAGV,MAAM,EAAE,MAAM,CAC4C;IAIpF,OAAO,CAAC,MAAM,CAAc;IAG5B,OAAO,CAAC,YAAY,CAAc;IAGlC,OAAO,CAAC,QAAQ,CAAc;IAG9B,OAAO,CAAC,SAAS,CAAc;IAG/B,OAAO,CAAC,OAAO,CAAkB;;IA+BjC,SAAS;IAQT,QAAQ;IAeC,YAAY;IAOrB,uBAAuB;IAUd,iBAAiB;YAKZ,eAAe;IAgB7B,OAAO,CAAC,YAAY,CA6BjB;IAEM,OAAO;IAIhB,OAAO,CAAC,SAAS;IAIR,MAAM;IAaf,WAAW;IAgCX,aAAa;IAgCb,YAAY;IAgBZ,UAAU;IA2LV,iBAAiB;IAoGjB,iBAAiB;IAsDjB,SAAS;IAiEH,QAAQ,CAAC,KAAK,EAAE,WAAW;IAqFjC,YAAY,CAAC,IAAI,EAAE,GAAG;IA6BtB,YAAY,CAAC,KAAK,EAAE,UAAU;IAyB9B,KAAK,IAAI,MAAM,EAAE;IAWX,UAAU,CAAC,CAAC,EAAE,iBAAiB;IA8B/B,aAAa;IAqBnB,OAAgB,MAAM,4BAmQpB;CACH;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}