niris-public-community-components 0.0.4 → 0.0.5

package/dist/textarea-to-niris.js

@@ -1,17 +1,50 @@
-import{c as r,i as o,n as e,l as t,s as i,t as a,a as n,x as s,m as d}from"./locale-codes-c2f86156.js";var l=function(r,o,e,t){for(var i,a=arguments.length,n=a<3?o:null===t?t=Object.getOwnPropertyDescriptor(o,e):t,s=r.length-1;s>=0;s--)(i=r[s])&&(n=(a<3?i(n):a>3?i(o,e,n):i(o,e))||n);return a>3&&n&&Object.defineProperty(o,e,n),n};const{getLocale:c,setLocale:p}=r({sourceLocale:i,targetLocales:a,loadLocale:r=>import(`./generated/locales/${r}.js`)});let f=class extends n{constructor(){super(),this.formAction="",this.keywords="",this.locale="es",p(this.locale)}updateShownValue(r){this.keywords=r.target?.value}closePopover(r){r.preventDefault(),(this.shadowRoot?.getElementById("popover")).hidePopover()}render(){return s`
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from 'lit';
+import { property } from 'lit/decorators.js';
+import { msg, localized } from '@lit/localize';
+import { configureLocalization } from '@lit/localize';
+// Generated via output.localeCodesModule
+import { sourceLocale, targetLocales } from './generated/locale-codes.js';
+export const { getLocale, setLocale } = configureLocalization({
+    sourceLocale,
+    targetLocales,
+    loadLocale: (locale) => import(`./generated/locales/${locale}.js`),
+});
+let TextareaToNiris = class TextareaToNiris extends LitElement {
+    constructor() {
+        super();
+        this.formAction = '';
+        this.keywords = '';
+        this.locale = 'es';
+        // setLocale(this.locale);
+    }
+    updateShownValue(event) {
+        this.keywords = event.target?.value;
+    }
+    closePopover(event) {
+        event.preventDefault();
+        (this.shadowRoot?.getElementById('popover')).hidePopover();
+    }
+    render() {
+        return html `
       <div id="popover-container">
         <button id="button-popover" popovertarget="popover">
-          ${d("Atención en línea")}
+          ${msg('Atención en línea')}
         </button>
 
         <div popover id="popover">
           <header>
-            <h2>${d("Atención en línea Niris")}</h2>
+            <h2>${msg('Atención en línea Niris')}</h2>
           </header>
           <main>
-            <form action="${this.formAction}&keywords=${this.keywords}">
+            <form action="${this.formAction}&keywords=${this.keywords}" method="get">
               <label for="niris-input">
-              ${d("Información, Consultas, Quejas y Sugerencias:")}
+              ${msg('Información, Consultas, Quejas y Sugerencias:')}
               </label>
               <textarea
                 id="niris-input"
@@ -19,17 +52,20 @@ import{c as r,i as o,n as e,l as t,s as i,t as a,a as n,x as s,m as d}from"./loc
                 name="keywords"
                 required
                 minlength="4"
-                placeholder="${d("Escribe tu consulta aquí")}"
+                placeholder="${msg('Escribe tu consulta aquí')}"
               ></textarea>
-              <button type="submit">${d("Enviar")}</button>
+              <button type="submit">${msg('Enviar')}</button>
               <button type="button" @click="${this.closePopover}">
-                ${d("Cerrar")}
+                ${msg('Cerrar')}
               </button>
             </form>
           </main>
         </div>
       </div>
-    `}};f.styles=o`
+    `;
+    }
+};
+TextareaToNiris.styles = css `
     :host {
       --primary-color: #03599d;
       --background-color: #d4d4d4;
@@ -186,4 +222,19 @@ import{c as r,i as o,n as e,l as t,s as i,t as a,a as n,x as s,m as d}from"./loc
         width: 60%;
       }
     }
-  `,l([e({type:String})],f.prototype,"formAction",void 0),l([e({type:String})],f.prototype,"keywords",void 0),l([e({type:String})],f.prototype,"locale",void 0),f=l([t()],f),customElements.define("textarea-to-niris",f);export{f as TextareaToNiris,c as getLocale,p as setLocale};
+  `;
+__decorate([
+    property({ type: String })
+], TextareaToNiris.prototype, "formAction", void 0);
+__decorate([
+    property({ type: String })
+], TextareaToNiris.prototype, "keywords", void 0);
+__decorate([
+    property({ type: String })
+], TextareaToNiris.prototype, "locale", void 0);
+TextareaToNiris = __decorate([
+    localized()
+], TextareaToNiris);
+export { TextareaToNiris };
+customElements.define('textarea-to-niris', TextareaToNiris);
+//# sourceMappingURL=textarea-to-niris.js.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "niris-public-community-components",
   "private": false,
-  "version": "0.0.4",
+  "version": "0.0.5",
   "homepage": "https://iris.apsl.net",
   "description": "Web components for the NIRIS project developed with the Lit library",
   "main": "dist/index.js",

package/src/textarea-to-niris.ts

@@ -23,7 +23,7 @@ export class TextareaToNiris extends LitElement {
     this.formAction = '';
     this.keywords = '';
     this.locale = 'es'
-    setLocale(this.locale);
+    // setLocale(this.locale);
   }
 
   updateShownValue(event: Event) {