proto-icons-wc 0.1.65 → 0.1.66
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/icon-proofs.cjs.entry.js +3 -3
- package/dist/cjs/{index-C2pDwRoL.js → index-D-sulelp.js} +8 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/proto-icons-wc.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/esm/icon-proofs.entry.js +3 -3
- package/dist/esm/{index-DmvUH7qv.js → index-Bf8JcNNt.js} +8 -2
- package/dist/esm/loader.js +2 -2
- package/dist/esm/proto-icons-wc.js +3 -3
- package/dist/proto-icons-wc/{p-d5619502.entry.js → p-3a83631b.entry.js} +1 -1
- package/dist/proto-icons-wc/proto-icons-wc.esm.js +1 -1
- package/dist/types/stencil-public-runtime.d.ts +43 -0
- package/package.json +2 -2
- /package/dist/proto-icons-wc/{p-DmvUH7qv.js → p-Bf8JcNNt.js} +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-D-sulelp.js');
|
|
4
4
|
|
|
5
5
|
const iconPaths = {
|
|
6
6
|
'arrow-up': 'M5.3 10.7l1.4 1.4L11 7.8V20h2V7.8l4.3 4.3 1.4-1.4L12 4z',
|
|
@@ -13,7 +13,7 @@ const iconPaths = {
|
|
|
13
13
|
};
|
|
14
14
|
const iconNames = Object.keys(iconPaths);
|
|
15
15
|
|
|
16
|
-
const iconProofsCss =
|
|
16
|
+
const iconProofsCss = () => `.page{color:var(--clrs-navy);font-family:'Roboto', 'Helvetica Neue', Arial, sans-serif;-webkit-font-smoothing:antialiased}.sheet{display:flex;flex-direction:column;margin:16px}.proof{display:flex;flex-direction:column;margin-bottom:32px}.proof svg{fill:var(--cx-icon-fill, '#111111')}.label{font-size:24px;font-weight:bold;color:var(--clrs-red);display:flex;flex-direction:row;align-items:center}.row{display:flex;flex-direction:row;flex-wrap:wrap}h1{color:var(--clrs-red);text-transform:uppercase;font-size:4em;font-weight:100;text-align:center}hr{margin-left:0;margin-right:0}`;
|
|
17
17
|
|
|
18
18
|
const IconProofs = class {
|
|
19
19
|
constructor(hostRef) {
|
|
@@ -38,6 +38,6 @@ const IconProofs = class {
|
|
|
38
38
|
return (index.h("div", { key: 'cf13d87ba4b705df3ad2fe9365bbc900a63ba8a7', class: "page" }, index.h("h1", { key: '1c2de1cdc8db4a89cf57ad5e3670ad0f7f1fa79e' }, "Icon Proofs"), index.h("div", { key: 'a1abaa6fa8da925f551074424dd724766329b20e', class: "sheet" }, sizes.map(size => this.iconRow(size))), ";"));
|
|
39
39
|
}
|
|
40
40
|
};
|
|
41
|
-
IconProofs.style = iconProofsCss;
|
|
41
|
+
IconProofs.style = iconProofsCss();
|
|
42
42
|
|
|
43
43
|
exports.icon_proofs = IconProofs;
|
|
@@ -4,7 +4,7 @@ const NAMESPACE = 'proto-icons-wc';
|
|
|
4
4
|
const BUILD = /* proto-icons-wc */ { hydratedSelectorName: "hydrated", prop: true, propChangeCallback: false, updatable: true};
|
|
5
5
|
|
|
6
6
|
/*
|
|
7
|
-
Stencil Client Platform v4.
|
|
7
|
+
Stencil Client Platform v4.39.0 | MIT Licensed | https://stenciljs.com
|
|
8
8
|
*/
|
|
9
9
|
var __defProp = Object.defineProperty;
|
|
10
10
|
var __export = (target, all) => {
|
|
@@ -380,6 +380,9 @@ var attachStyles = (hostRef) => {
|
|
|
380
380
|
};
|
|
381
381
|
var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
|
|
382
382
|
var h = (nodeName, vnodeData, ...children) => {
|
|
383
|
+
if (typeof nodeName === "string") {
|
|
384
|
+
nodeName = transformTag(nodeName);
|
|
385
|
+
}
|
|
383
386
|
let child = null;
|
|
384
387
|
let key = null;
|
|
385
388
|
let simple = false;
|
|
@@ -1239,7 +1242,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1239
1242
|
{
|
|
1240
1243
|
cmpMeta.$members$ = compactMeta[2];
|
|
1241
1244
|
}
|
|
1242
|
-
const tagName = cmpMeta.$tagName
|
|
1245
|
+
const tagName = transformTag(cmpMeta.$tagName$);
|
|
1243
1246
|
const HostElement = class extends HTMLElement {
|
|
1244
1247
|
// StencilLazyHost
|
|
1245
1248
|
constructor(self) {
|
|
@@ -1340,6 +1343,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1340
1343
|
|
|
1341
1344
|
// src/runtime/nonce.ts
|
|
1342
1345
|
var setNonce = (nonce) => plt.$nonce$ = nonce;
|
|
1346
|
+
function transformTag(tag) {
|
|
1347
|
+
return tag;
|
|
1348
|
+
}
|
|
1343
1349
|
|
|
1344
1350
|
exports.bootstrapLazy = bootstrapLazy;
|
|
1345
1351
|
exports.h = h;
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-D-sulelp.js');
|
|
4
4
|
var appGlobals = require('./app-globals-V2Kpy_OQ.js');
|
|
5
5
|
|
|
6
6
|
var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
|
|
7
7
|
/*
|
|
8
|
-
Stencil Client Patch Browser v4.
|
|
8
|
+
Stencil Client Patch Browser v4.39.0 | MIT Licensed | https://stenciljs.com
|
|
9
9
|
*/
|
|
10
10
|
|
|
11
11
|
var patchBrowser = () => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-
|
|
1
|
+
import { r as registerInstance, h } from './index-Bf8JcNNt.js';
|
|
2
2
|
|
|
3
3
|
const iconPaths = {
|
|
4
4
|
'arrow-up': 'M5.3 10.7l1.4 1.4L11 7.8V20h2V7.8l4.3 4.3 1.4-1.4L12 4z',
|
|
@@ -11,7 +11,7 @@ const iconPaths = {
|
|
|
11
11
|
};
|
|
12
12
|
const iconNames = Object.keys(iconPaths);
|
|
13
13
|
|
|
14
|
-
const iconProofsCss =
|
|
14
|
+
const iconProofsCss = () => `.page{color:var(--clrs-navy);font-family:'Roboto', 'Helvetica Neue', Arial, sans-serif;-webkit-font-smoothing:antialiased}.sheet{display:flex;flex-direction:column;margin:16px}.proof{display:flex;flex-direction:column;margin-bottom:32px}.proof svg{fill:var(--cx-icon-fill, '#111111')}.label{font-size:24px;font-weight:bold;color:var(--clrs-red);display:flex;flex-direction:row;align-items:center}.row{display:flex;flex-direction:row;flex-wrap:wrap}h1{color:var(--clrs-red);text-transform:uppercase;font-size:4em;font-weight:100;text-align:center}hr{margin-left:0;margin-right:0}`;
|
|
15
15
|
|
|
16
16
|
const IconProofs = class {
|
|
17
17
|
constructor(hostRef) {
|
|
@@ -36,6 +36,6 @@ const IconProofs = class {
|
|
|
36
36
|
return (h("div", { key: 'cf13d87ba4b705df3ad2fe9365bbc900a63ba8a7', class: "page" }, h("h1", { key: '1c2de1cdc8db4a89cf57ad5e3670ad0f7f1fa79e' }, "Icon Proofs"), h("div", { key: 'a1abaa6fa8da925f551074424dd724766329b20e', class: "sheet" }, sizes.map(size => this.iconRow(size))), ";"));
|
|
37
37
|
}
|
|
38
38
|
};
|
|
39
|
-
IconProofs.style = iconProofsCss;
|
|
39
|
+
IconProofs.style = iconProofsCss();
|
|
40
40
|
|
|
41
41
|
export { IconProofs as icon_proofs };
|
|
@@ -2,7 +2,7 @@ const NAMESPACE = 'proto-icons-wc';
|
|
|
2
2
|
const BUILD = /* proto-icons-wc */ { hydratedSelectorName: "hydrated", prop: true, propChangeCallback: false, updatable: true};
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
|
-
Stencil Client Platform v4.
|
|
5
|
+
Stencil Client Platform v4.39.0 | MIT Licensed | https://stenciljs.com
|
|
6
6
|
*/
|
|
7
7
|
var __defProp = Object.defineProperty;
|
|
8
8
|
var __export = (target, all) => {
|
|
@@ -378,6 +378,9 @@ var attachStyles = (hostRef) => {
|
|
|
378
378
|
};
|
|
379
379
|
var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
|
|
380
380
|
var h = (nodeName, vnodeData, ...children) => {
|
|
381
|
+
if (typeof nodeName === "string") {
|
|
382
|
+
nodeName = transformTag(nodeName);
|
|
383
|
+
}
|
|
381
384
|
let child = null;
|
|
382
385
|
let key = null;
|
|
383
386
|
let simple = false;
|
|
@@ -1237,7 +1240,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1237
1240
|
{
|
|
1238
1241
|
cmpMeta.$members$ = compactMeta[2];
|
|
1239
1242
|
}
|
|
1240
|
-
const tagName = cmpMeta.$tagName
|
|
1243
|
+
const tagName = transformTag(cmpMeta.$tagName$);
|
|
1241
1244
|
const HostElement = class extends HTMLElement {
|
|
1242
1245
|
// StencilLazyHost
|
|
1243
1246
|
constructor(self) {
|
|
@@ -1338,5 +1341,8 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1338
1341
|
|
|
1339
1342
|
// src/runtime/nonce.ts
|
|
1340
1343
|
var setNonce = (nonce) => plt.$nonce$ = nonce;
|
|
1344
|
+
function transformTag(tag) {
|
|
1345
|
+
return tag;
|
|
1346
|
+
}
|
|
1341
1347
|
|
|
1342
1348
|
export { bootstrapLazy as b, h, promiseResolve as p, registerInstance as r, setNonce as s };
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { b as bootstrapLazy } from './index-Bf8JcNNt.js';
|
|
2
|
+
export { s as setNonce } from './index-Bf8JcNNt.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-DQuL1Twl.js';
|
|
4
4
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { p as promiseResolve, b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { p as promiseResolve, b as bootstrapLazy } from './index-Bf8JcNNt.js';
|
|
2
|
+
export { s as setNonce } from './index-Bf8JcNNt.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-DQuL1Twl.js';
|
|
4
4
|
|
|
5
5
|
/*
|
|
6
|
-
Stencil Client Patch Browser v4.
|
|
6
|
+
Stencil Client Patch Browser v4.39.0 | MIT Licensed | https://stenciljs.com
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
var patchBrowser = () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as l}from"./p-
|
|
1
|
+
import{r as e,h as l}from"./p-Bf8JcNNt.js";const o={"arrow-up":"M5.3 10.7l1.4 1.4L11 7.8V20h2V7.8l4.3 4.3 1.4-1.4L12 4z","arrow-down":"M18.7 13.3l-1.4-1.4-4.3 4.3V4h-2v12.2l-4.3-4.3-1.4 1.4L12 20z",left:"M14 17.4L8.6 12 14 6.6 15.4 8l-4 4 4 4z",right:"M10 17.4L8.6 16l4-4-4-4L10 6.6l5.4 5.4z",up:"M16 15.4l-4-4-4 4L6.6 14 12 8.6l5.4 5.4z",down:"M12 15.4L6.6 10 8 8.6l4 4 4-4 1.4 1.4z",more:"M12 14a2 2 0 100-4 2 2 0 000 4zm-6 0a2 2 0 100-4 2 2 0 000 4zm12 0a2 2 0 100-4 2 2 0 000 4z"},r=Object.keys(o),t=class{constructor(t){e(this,t),this.colors={},this.sizes=[24],this.icons=[...r,"pad"],this.protoIcon=(e,r,t=24)=>{const a=o[e];return l("svg",{width:t,height:t,viewBox:"0 0 24 24",role:"img","aria-labelledby":"title"},l("title",null,e),l("g",{fill:r},l("path",{d:a})),l("path",{d:"M0 0h24v24H0z",fill:"none"}))},this.iconRow=e=>{const{colors:o,icons:r,protoIcon:t}=this;return l("div",{class:"proof"},l("div",{class:"label"},e,t("down","currentColor")),l("hr",null),l("div",{class:"row"},r.map((l=>t(l,o[l],e)))))}}render(){const{sizes:e}=this;return l("div",{key:"cf13d87ba4b705df3ad2fe9365bbc900a63ba8a7",class:"page"},l("h1",{key:"1c2de1cdc8db4a89cf57ad5e3670ad0f7f1fa79e"},"Icon Proofs"),l("div",{key:"a1abaa6fa8da925f551074424dd724766329b20e",class:"sheet"},e.map((e=>this.iconRow(e)))),";")}};t.style=".page{color:var(--clrs-navy);font-family:'Roboto', 'Helvetica Neue', Arial, sans-serif;-webkit-font-smoothing:antialiased}.sheet{display:flex;flex-direction:column;margin:16px}.proof{display:flex;flex-direction:column;margin-bottom:32px}.proof svg{fill:var(--cx-icon-fill, '#111111')}.label{font-size:24px;font-weight:bold;color:var(--clrs-red);display:flex;flex-direction:row;align-items:center}.row{display:flex;flex-direction:row;flex-wrap:wrap}h1{color:var(--clrs-red);text-transform:uppercase;font-size:4em;font-weight:100;text-align:center}hr{margin-left:0;margin-right:0}";export{t as icon_proofs}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as o,b as r}from"./p-
|
|
1
|
+
import{p as o,b as r}from"./p-Bf8JcNNt.js";export{s as setNonce}from"./p-Bf8JcNNt.js";import{g as t}from"./p-DQuL1Twl.js";(()=>{const s=import.meta.url,r={};return""!==s&&(r.resourcesUrl=new URL(".",s).href),o(r)})().then((async s=>(await t(),r([["p-3a83631b",[[257,"icon-proofs",{colors:[16],sizes:[16]}]]]],s))));
|
|
@@ -125,6 +125,9 @@ export interface AttachInternalsDecorator {
|
|
|
125
125
|
export interface ListenDecorator {
|
|
126
126
|
(eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
|
|
127
127
|
}
|
|
128
|
+
export interface ResolveVarFunction {
|
|
129
|
+
<T>(variable: T): string;
|
|
130
|
+
}
|
|
128
131
|
export interface ListenOptions {
|
|
129
132
|
/**
|
|
130
133
|
* Handlers can also be registered for an event other than the host itself.
|
|
@@ -208,6 +211,24 @@ export declare const AttachInternals: AttachInternalsDecorator;
|
|
|
208
211
|
* https://stenciljs.com/docs/events#listen-decorator
|
|
209
212
|
*/
|
|
210
213
|
export declare const Listen: ListenDecorator;
|
|
214
|
+
/**
|
|
215
|
+
* The `resolveVar()` function is a compile-time utility that resolves const variables
|
|
216
|
+
* and object properties to their string literal values. This allows variables to be
|
|
217
|
+
* used in `@Listen` and `@Event` decorators instead of hardcoded strings.
|
|
218
|
+
*
|
|
219
|
+
* @example
|
|
220
|
+
* ```ts
|
|
221
|
+
* const MY_EVENT = 'myEvent';
|
|
222
|
+
* @Listen(resolveVar(MY_EVENT))
|
|
223
|
+
* ```
|
|
224
|
+
*
|
|
225
|
+
* @example
|
|
226
|
+
* ```ts
|
|
227
|
+
* const EVENTS = { MY_EVENT: 'myEvent' } as const;
|
|
228
|
+
* @Event({ eventName: resolveVar(EVENTS.MY_EVENT) })
|
|
229
|
+
* ```
|
|
230
|
+
*/
|
|
231
|
+
export declare const resolveVar: ResolveVarFunction;
|
|
211
232
|
/**
|
|
212
233
|
* The `@Method()` decorator is used to expose methods on the public API.
|
|
213
234
|
* Class methods decorated with the @Method() decorator can be called directly
|
|
@@ -365,6 +386,27 @@ export declare function readTask(task: RafCallback): void;
|
|
|
365
386
|
* Unhandled exception raised while rendering, during event handling, or lifecycles will trigger the custom event handler.
|
|
366
387
|
*/
|
|
367
388
|
export declare const setErrorHandler: (handler: ErrorHandler) => void;
|
|
389
|
+
export type TagTransformer = (tag: string) => string;
|
|
390
|
+
/**
|
|
391
|
+
* Sets a tag transformer to be used when rendering your custom elements.
|
|
392
|
+
* ```ts
|
|
393
|
+
* setTagTransformer((tag) => {
|
|
394
|
+
* if (tag.startsWith('my-')) return `new-${tag}`
|
|
395
|
+
* return tag;
|
|
396
|
+
* });
|
|
397
|
+
* ```
|
|
398
|
+
* Will mean all your components that start with `my-` are defined instead with `new-my-` prefix.
|
|
399
|
+
*
|
|
400
|
+
* @param transformer the transformer function to use which must return a string.
|
|
401
|
+
*/
|
|
402
|
+
export declare function setTagTransformer(transformer: TagTransformer): void;
|
|
403
|
+
/**
|
|
404
|
+
* Transforms a tag name using a transformer set via `setTagTransformer`
|
|
405
|
+
*
|
|
406
|
+
* @param tag - the tag to transform e.g. `my-tag`
|
|
407
|
+
* @returns the transformed tag e.g. `new-my-tag`
|
|
408
|
+
*/
|
|
409
|
+
export declare function transformTag(tag: string): string;
|
|
368
410
|
/**
|
|
369
411
|
* @deprecated - Use `MixedInCtor` instead:
|
|
370
412
|
* ```ts
|
|
@@ -1747,6 +1789,7 @@ export interface CustomElementsDefineOptions {
|
|
|
1747
1789
|
exclude?: string[];
|
|
1748
1790
|
resourcesUrl?: string;
|
|
1749
1791
|
syncQueue?: boolean;
|
|
1792
|
+
/** @deprecated in-favour of `setTagTransformer` and `transformTag` */
|
|
1750
1793
|
transformTagName?: (tagName: string) => string;
|
|
1751
1794
|
jmp?: (c: Function) => any;
|
|
1752
1795
|
raf?: (c: FrameRequestCallback) => number;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "proto-icons-wc",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.66",
|
|
4
4
|
"description": "Stencil Component Starter",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"format": "prettier --write src"
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@stencil/core": "4.
|
|
28
|
+
"@stencil/core": "4.39.0"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
31
|
"cspell": "9.4.0",
|
|
File without changes
|