Re: [polymer-dev] Re: How to use app-localize-behavior in LitElement?
Hi
I tried use lit-translate but only works in typescript environment and all
the application to translate is writed in javascript :( :(
On Thursday, February 7, 2019 at 7:25:34 PM UTC-3, Justin Fagnani wrote:
>
> app-localize just wraps format.js. You'd be bringing in a lot of Polymer
> weight just for that. I'd try to use format.js directly or something
> lit-html specific like
> https://www.npmjs.com/package/@appnest/lit-translate
>
> On Thu, Feb 7, 2019 at 1:44 PM > wrote:
>
>> try this:
>>
>>
>> // Import AppLocalizeBehavior
>> import {AppLocalizeBehavior} from '@polymer/app-localize-behavior';
>>
>> // Import a utility class to treat legacy behaviors as mixins
>> import {mixinBehaviors} from '@polymer/polymer/lib/legacy/class';
>>
>> class Editor extends connect(store)(mixinBehaviors([AppLocalizeBehavior],
>> LitElement)) {
>> constructor() {
>> super();
>>
>> this.resources = {
>> 'en': { 'cancel':'Cancel' },
>> 'es': { 'cancel':'Cancelar'}
>> };
>>
>> this.language = 'en';
>> }
>>
>> protected render() {
>> return html`
>>
>> ${this.localize('close')}
>>
>> `;
>> }
>>
>>
>>
>> On Monday, January 28, 2019 at 5:02:20 PM UTC-2, Juan Lorenzo Llanes
>> wrote:
>>>
>>> could Anyone resolve this issue?
>>>
>>> On Sunday, July 22, 2018 at 11:58:42 AM UTC-3, dokfile...@gmail.com
>>> wrote:
Hi All,
Have any way to attache a behaviour in (LitElement)
lit-element, I want use : app-localize-behavior
(https://www.polymer-project.org/3.0/toolbox/localize) to localize a
lit-element.
Any idea how to port it to use with lit-element.? like in
mixinBehaviors([AppLocalizeBehavior], PolymerElement) ?
Thanks
Follow Polymer on Google+: plus.google.com/107187849809354688692
>> ---
>> You received this message because you are subscribed to the Google Groups
>> "Polymer" group.
>> To unsubscribe from this group and stop receiving emails from it, send an
>> email to polymer-dev...@googlegroups.com .
>> To view this discussion on the web visit
>> https://groups.google.com/d/msgid/polymer-dev/abde19a1-9fce-4ac6-b24e-dcbc32f3a077%40googlegroups.com
>>
>>
>> .
>> For more options, visit https://groups.google.com/d/optout.
>>
>
Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups
"Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to polymer-dev+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/polymer-dev/7c76593e-a65b-46a3-bb60-a9c29a1503d4%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
[polymer-dev] Re: How to use app-localize-behavior in LitElement?
I tried
But I have an error with the mixin beacuse is waiting a PolymerElement
instead a Litelement
updating-element.ts:500 Uncaught TypeError: Cannot read property 'forEach'
of undefined
at HTMLElement._saveInstanceProperties (updating-element.ts:500)
at HTMLElement.initialize (updating-element.ts:481)
at HTMLElement.initialize (lit-element.ts:146)
at new UpdatingElement (updating-element.ts:240)
at new LitElement (lit-element.ts:88)
at new PropertiesChanged (properties-changed.js:170)
at new PropertyAccessors (property-accessors.js:115)
at new TemplateStamp (template-stamp.js:125)
at new PropertyEffects (property-effects.js:1195)
at new PropertiesMixin (properties-mixin.js:115)
On Thursday, February 7, 2019 at 6:44:31 PM UTC-3, rtf...@gmail.com wrote:
>
> try this:
>
>
> // Import AppLocalizeBehavior
> import {AppLocalizeBehavior} from '@polymer/app-localize-behavior';
>
> // Import a utility class to treat legacy behaviors as mixins
> import {mixinBehaviors} from '@polymer/polymer/lib/legacy/class';
>
> class Editor extends connect(store)(mixinBehaviors([AppLocalizeBehavior],
> LitElement)) {
> constructor() {
> super();
>
> this.resources = {
> 'en': { 'cancel':'Cancel' },
> 'es': { 'cancel':'Cancelar'}
> };
>
> this.language = 'en';
> }
>
> protected render() {
> return html`
>
> ${this.localize('close')}
>
> `;
> }
>
>
>
> On Monday, January 28, 2019 at 5:02:20 PM UTC-2, Juan Lorenzo Llanes wrote:
>>
>> could Anyone resolve this issue?
>>
>> On Sunday, July 22, 2018 at 11:58:42 AM UTC-3, dokfile...@gmail.com
>> wrote:
>>>
>>> Hi All,
>>>
>>> Have any way to attache a behaviour in (LitElement)
>>> lit-element, I want use : app-localize-behavior
>>> (https://www.polymer-project.org/3.0/toolbox/localize) to localize a
>>> lit-element.
>>>
>>> Any idea how to port it to use with lit-element.? like in
>>> mixinBehaviors([AppLocalizeBehavior], PolymerElement) ?
>>> Thanks
>>>
>>>
>>>
Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups
"Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to polymer-dev+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/polymer-dev/82957bac-4066-427f-8ccb-4adb71239ef7%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
Re: [polymer-dev] Re: How to use app-localize-behavior in LitElement?
app-localize just wraps format.js. You'd be bringing in a lot of Polymer
weight just for that. I'd try to use format.js directly or something
lit-html specific like https://www.npmjs.com/package/@appnest/lit-translate
On Thu, Feb 7, 2019 at 1:44 PM wrote:
> try this:
>
>
> // Import AppLocalizeBehavior
> import {AppLocalizeBehavior} from '@polymer/app-localize-behavior';
>
> // Import a utility class to treat legacy behaviors as mixins
> import {mixinBehaviors} from '@polymer/polymer/lib/legacy/class';
>
> class Editor extends connect(store)(mixinBehaviors([AppLocalizeBehavior],
> LitElement)) {
> constructor() {
> super();
>
> this.resources = {
> 'en': { 'cancel':'Cancel' },
> 'es': { 'cancel':'Cancelar'}
> };
>
> this.language = 'en';
> }
>
> protected render() {
> return html`
>
> ${this.localize('close')}
>
> `;
> }
>
>
>
> On Monday, January 28, 2019 at 5:02:20 PM UTC-2, Juan Lorenzo Llanes wrote:
>>
>> could Anyone resolve this issue?
>>
>> On Sunday, July 22, 2018 at 11:58:42 AM UTC-3, dokfile...@gmail.com
>> wrote:
>>>
>>> Hi All,
>>>
>>> Have any way to attache a behaviour in (LitElement)
>>> lit-element, I want use : app-localize-behavior
>>> (https://www.polymer-project.org/3.0/toolbox/localize) to localize a
>>> lit-element.
>>>
>>> Any idea how to port it to use with lit-element.? like in
>>> mixinBehaviors([AppLocalizeBehavior], PolymerElement) ?
>>> Thanks
>>>
>>>
>>> Follow Polymer on Google+: plus.google.com/107187849809354688692
> ---
> You received this message because you are subscribed to the Google Groups
> "Polymer" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to polymer-dev+unsubscr...@googlegroups.com.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/polymer-dev/abde19a1-9fce-4ac6-b24e-dcbc32f3a077%40googlegroups.com
>
> .
> For more options, visit https://groups.google.com/d/optout.
>
Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups
"Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to polymer-dev+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/polymer-dev/CAEKsHmAL9QLwp0%2B8GdAGDZFDCOtYoEXLFg0ApkWKkMCiMY7YhQ%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.
[polymer-dev] Re: How to use app-localize-behavior in LitElement?
try this:
// Import AppLocalizeBehavior
import {AppLocalizeBehavior} from '@polymer/app-localize-behavior';
// Import a utility class to treat legacy behaviors as mixins
import {mixinBehaviors} from '@polymer/polymer/lib/legacy/class';
class Editor extends connect(store)(mixinBehaviors([AppLocalizeBehavior],
LitElement)) {
constructor() {
super();
this.resources = {
'en': { 'cancel':'Cancel' },
'es': { 'cancel':'Cancelar'}
};
this.language = 'en';
}
protected render() {
return html`
${this.localize('close')}
`;
}
On Monday, January 28, 2019 at 5:02:20 PM UTC-2, Juan Lorenzo Llanes wrote:
>
> could Anyone resolve this issue?
>
> On Sunday, July 22, 2018 at 11:58:42 AM UTC-3, dokfile...@gmail.com wrote:
>>
>> Hi All,
>>
>> Have any way to attache a behaviour in (LitElement)
>> lit-element, I want use : app-localize-behavior
>> (https://www.polymer-project.org/3.0/toolbox/localize) to localize a
>> lit-element.
>>
>> Any idea how to port it to use with lit-element.? like in
>> mixinBehaviors([AppLocalizeBehavior], PolymerElement) ?
>> Thanks
>>
>>
>>
Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups
"Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to polymer-dev+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/polymer-dev/abde19a1-9fce-4ac6-b24e-dcbc32f3a077%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
[polymer-dev] Re: How to use app-localize-behavior in LitElement?
could Anyone resolve this issue? On Sunday, July 22, 2018 at 11:58:42 AM UTC-3, dokfile...@gmail.com wrote: > > Hi All, > > Have any way to attache a behaviour in (LitElement) > lit-element, I want use : app-localize-behavior > (https://www.polymer-project.org/3.0/toolbox/localize) to localize a > lit-element. > > Any idea how to port it to use with lit-element.? like in > mixinBehaviors([AppLocalizeBehavior], PolymerElement) ? > Thanks > > > Follow Polymer on Google+: plus.google.com/107187849809354688692 --- You received this message because you are subscribed to the Google Groups "Polymer" group. To unsubscribe from this group and stop receiving emails from it, send an email to polymer-dev+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/66e5dad4-a28d-44ab-9ba3-4eac6d4d9e5d%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
