vicowa-web-components
Version:
34 lines (31 loc) • 3.83 kB
JavaScript
import { WebComponentBaseClass } from '/third_party/web-component-base-class/src/web-component-base-class.js';
import '../../src/vicowa-icon-set/vicowa-icon-set.js';
const customElementName = 'test-icons';
window.customElements.define(customElementName, class extends WebComponentBaseClass {
static get is() { return customElementName; }
constructor() { super(); }
static get template() {
return `
<template id="test-icons">
<vicowa-icon-set name="general">
<svg slot="icons">
<!-- all icons in this list are expected to be 24 x 24 px -->
<defs>
<g id="cog" transform="scale(1.5)"><path d="M11.59885,12.797a6.03628,6.03628,0,0,0,1.187-1.181l1.557.64795,1.152-2.76794-1.559-.64807a5.91416,5.91416,0,0,0,.003-1.67493l1.561-.64294-1.143-2.772-1.561.643a5.924,5.924,0,0,0-1.181-1.186l.648-1.558L9.49686.505l-.649,1.559a5.89925,5.89925,0,0,0-.846-.061,6.01566,6.01566,0,0,0-.828.058L6.52884.5l-2.771,1.143.644,1.561a5.92852,5.92852,0,0,0-1.187,1.181l-1.559-.648L.50388,6.50293l1.559.649a6.02655,6.02655,0,0,0-.003,1.67493L.50015,9.46985V9.4707l1.14172,2.77124,1.561-.64294a6.02779,6.02779,0,0,0,1.181,1.18591l-.648,1.55908,2.768,1.151.64795-1.558a5.84828,5.84828,0,0,0,.843.06006,5.91613,5.91613,0,0,0,.832-.05811l.643,1.561,2.772-1.14209Zm-3.601-1.048a3.74825,3.74825,0,1,1,3.462-2.30811A3.72906,3.72906,0,0,1,7.99783,11.749Z"></path></g>
<g id="file" transform="translate(1, 1) scale(1.2, 1.2)"><path d="M2.99975,2V18h14.0005V7h-6.0005V2Zm9,0V6h5.0005Z"></path></g>
</defs>
</svg>
</vicowa-icon-set>
<vicowa-icon-set name="errors">
<svg slot="icons">
<!-- all icons in this list are expected to be 24 x 24 px -->
<defs>
<g id="error" transform="scale(0.6)"><path d="M27.04205,3H12.958L3,12.95789V27.04205L12.958,37h14.0841L37,27.04205V12.95789Zm-5.10846,9.00452-.457,11.57812h-3L18.043,12.00452ZM21.55273,28.528a2.4099,2.4099,0,0,1-3.08789-.01757,1.81389,1.81389,0,0,1-.60937-1.377,1.75531,1.75531,0,0,1,.61523-1.38281,2.25373,2.25373,0,0,1,1.541-.53906,2.19033,2.19033,0,0,1,1.53516.54492,1.78311,1.78311,0,0,1,.59765,1.377A1.82275,1.82275,0,0,1,21.55273,28.528Z"></path><path fill="none" d="M27.45587,2H12.54419L2,12.54413V27.45581L12.54419,38H27.45587L38,27.45581V12.54413ZM37,27.04205,27.04205,37H12.958L3,27.04205V12.95789L12.958,3h14.0841L37,12.95789Z"></path><polygon fill="none" points="21.477 23.583 21.934 12.005 18.043 12.005 18.477 23.583 21.477 23.583"></polygon><path fill="none" d="M20.01172,25.21155a2.25373,2.25373,0,0,0-1.541.53906,1.75531,1.75531,0,0,0-.61523,1.38281,1.81389,1.81389,0,0,0,.60937,1.377,2.4099,2.4099,0,0,0,3.08789.01757,1.82275,1.82275,0,0,0,.5918-1.39453,1.78311,1.78311,0,0,0-.59765-1.377A2.19033,2.19033,0,0,0,20.01172,25.21155Z"></path></g>
<g id="warning" transform="scale(0.5782, 0.6252)"><path d="M3.5,35.94348h34L20.5,4.49866ZM22.01105,31.528a2.40989,2.40989,0,0,1-3.08789-.01757,1.8139,1.8139,0,0,1-.60938-1.377,1.75529,1.75529,0,0,1,.61524-1.38281,2.25368,2.25368,0,0,1,1.541-.53906,2.19033,2.19033,0,0,1,1.53516.54492,1.78308,1.78308,0,0,1,.59765,1.377A1.82278,1.82278,0,0,1,22.01105,31.528Zm-.07617-4.94531h-3l-.4336-11.57812h3.89063Z"></path><polygon fill="none" points="18.935 26.583 21.935 26.583 22.392 15.005 18.501 15.005 18.935 26.583"></polygon><path fill="none" d="M20.47,28.21155a2.25368,2.25368,0,0,0-1.541.53906,1.75529,1.75529,0,0,0-.61524,1.38281,1.8139,1.8139,0,0,0,.60938,1.377,2.40989,2.40989,0,0,0,3.08789.01757,1.82278,1.82278,0,0,0,.59179-1.39453,1.78308,1.78308,0,0,0-.59765-1.377A2.19033,2.19033,0,0,0,20.47,28.21155Z"></path><path fill="none" d="M38.3797,35.4679l-17-31.44483L20.5,2.39594l-.87964,1.62713-17,31.44483-.79773,1.47558h37.3548ZM3.5,35.94348l17-31.44482,17,31.44482Z"></path></g>
</defs>
</svg>
</vicowa-icon-set>
</template>
`;
}
});