iron-icons | A set of icons for use with iron-icon | Icon library

I'm using iron-icon components for my Polymer 2 application, and I want to know how to flip these icons vertically or horizontally? I've tried the transform attribute and equivalent for other browsers, but it didn't work for me. as below:

I'm working with Polymer 2.0. Simply trying to create a basic format for my app. I'm using paper-tabs at the bottom of the app and using iron-pages, app-route, and app-location to properly route the tabs to 3 different pages.

The problem I am having is that the element gets loaded in when I click one of the tabs, but then stays on the page when I click on another tab, so I have 2 elements loaded in at the same time.

My code(basically the PSK, but with paper-tabs instead of iron-selector):

I have a microservice based application and each service has a set of polymer based web-components. I want to load these at runtime in the application that is served by one of them at runtime, so that I can run, maintain and deploy the services seperately. I would like to avoid having a npm repo that serves the components for a central build and each new web component version would make it necessary to rebuild and redeploy the application.

Existing lazy loading examples all lazy load components of the same application, so it's built as a whole and just packaged in chunks.

The application is available under /app/ and the modules are under /mod/...

I can do this in to react to a route:

I recently updated my angular application from 2.0.1 to 4.0.0. The application is running but not displayed on browser. The errors seems to indicate Polymer issue. I tried to update bower dependencies but still got errors like following:

I am trying to fire a simple listen function on an iron-select event based on the selection of a value in a paper-dropdown-menu.

Here is my HTML's head

I'm new to the Polymer 3.0 world, I think it has a big potential.

I followed the tutorial pointed here:

https://www.polymer-project.org/3.0/start/first-element/intro

and this was the final result:

demo-element.js

In Polymers, to display icons on our page we can use the following

I've created a polymer element using the CLI. This gives me an element entry and basic tests. Those tests are running fine.

After including paper-input or iron-icons, the tests in Firefox still work. The same tests in Chrome, however, break with a strange error.

How can I import elements without breaking the tests? The same issue occurred when importing iron elements. Chrome in production and CI is very important to me.

Polymer CLI 1.6.0

Polymer 2.5.0

user@randy-ubuntu:~/IdeaProjects/music-app-header$ polymer init

Which starter template would you like to use: polymer-2-element

info: Running template polymer-2-element...

Element name: music-app-header

Brief description of the element: music-app-header

polymer test

I created a Polymer 2.0 app from the starter kit template in order to get to know the framework a little bit. I have a paper-button that should link to another page of the app. However, I still haven't figured out how to do so, since Polymer is loading pages dynamically via JavaScript rather than the browser just calling another one.

I also noticed something else strange: When I click a link in my app-drawer, the page changes automatically and the URL in my browser tab is being updated. However, when I hit refresh with that new URL in my address bar, I get a 404 error since the URL doesn't exist. So is there any way I can resolve this issue and link my button to another page?

This is my button: