@vertexvis/viewer 0.21.1-testing.6 → 0.21.1-testing.7
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/vertex-viewer-icon.cjs.entry.js +2 -0
- package/dist/cjs/vertex-viewer-icon.cjs.entry.js.map +1 -1
- package/dist/cjs/vertex-viewer.cjs.entry.js.map +1 -1
- package/dist/collection/components/viewer-icon/viewer-icon.js +3 -1
- package/dist/collection/components/viewer-icon/viewer-icon.js.map +1 -1
- package/dist/collection/lib/interactions/interactionApi.js.map +1 -1
- package/dist/components/vertex-viewer.js.map +1 -1
- package/dist/components/viewer-icon.js +2 -0
- package/dist/components/viewer-icon.js.map +1 -1
- package/dist/esm/vertex-viewer-icon.entry.js +2 -0
- package/dist/esm/vertex-viewer-icon.entry.js.map +1 -1
- package/dist/esm/vertex-viewer.entry.js.map +1 -1
- package/dist/types/components/viewer-icon/viewer-icon.d.ts +1 -1
- package/dist/viewer/p-784b6bd7.entry.js.map +1 -1
- package/dist/viewer/p-ea8be7db.entry.js +5 -0
- package/dist/viewer/p-ea8be7db.entry.js.map +1 -0
- package/dist/viewer/viewer.esm.js +1 -1
- package/package.json +7 -7
- package/dist/viewer/p-265cd457.entry.js +0 -5
- package/dist/viewer/p-265cd457.entry.js.map +0 -1
|
@@ -35,6 +35,8 @@ const ViewerIcon = class {
|
|
|
35
35
|
return this.renderSvgIcon(index.h("path", { d: "M10.83,7.62l-4-3.5A.5.5,0,0,0,6,4.5v7a.5.5,0,0,0,.83.38l4-3.5a.51.51,0,0,0,0-.76Z" }));
|
|
36
36
|
case 'close-circle':
|
|
37
37
|
return this.renderSvgIcon(index.h("path", { d: "M8 1a7 7 0 107 7 7 7 0 00-7-7zm2.85 9.15a.49.49 0 01-.7.7L8 8.71l-2.15 2.14a.49.49 0 01-.7-.7L7.29 8 5.15 5.85a.49.49 0 01.7-.7L8 7.29l2.15-2.14a.49.49 0 01.7.7L8.71 8z" }));
|
|
38
|
+
case 'comment-filled':
|
|
39
|
+
return this.renderSvgIcon(index.h("path", { d: "M13.5,2H2.5c-.8,0-1.5.7-1.5,1.5v7c0,.8.7,1.5,1.5,1.5h5.8l2.9,2.9c.1.1.4.2.5.1.2-.1.3-.3.3-.5v-2.5h1.5c.8,0,1.5-.7,1.5-1.5V3.5c0-.8-.7-1.5-1.5-1.5Z" }));
|
|
38
40
|
case 'comment-show':
|
|
39
41
|
return this.renderSvgIcon(index.h("path", { d: "M11.5,8h-7a.5.5,0,0,0,0,1h7a.5.5,0,0,0,0-1Zm0-3h-7a.5.5,0,0,0,0,1h7a.5.5,0,0,0,0-1Zm2-3H2.5A1.5,1.5,0,0,0,1,3.5v7A1.5,1.5,0,0,0,2.5,12H8.29l2.86,2.85a.47.47,0,0,0,.54.11A.5.5,0,0,0,12,14.5V12h1.5A1.5,1.5,0,0,0,15,10.5v-7A1.5,1.5,0,0,0,13.5,2Zm.5,8.5a.5.5,0,0,1-.5.5h-2a.51.51,0,0,0-.5.5v1.79L8.85,11.15A.47.47,0,0,0,8.5,11h-6a.5.5,0,0,1-.5-.5v-7A.5.5,0,0,1,2.5,3h11a.5.5,0,0,1,.5.5Z" }));
|
|
40
42
|
case 'eye-half':
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"vertex-viewer-icon.entry.cjs.js","mappings":";;;;;;;;;;;AAAA,MAAM,aAAa,GAAG,0MAA0M;;
|
|
1
|
+
{"file":"vertex-viewer-icon.entry.cjs.js","mappings":";;;;;;;;;;;AAAA,MAAM,aAAa,GAAG,0MAA0M;;MC6BnN,UAAU;EALvB;;;;;;;;;;;;;IAwBS,SAAI,GAAoB,IAAI,CAAC;GA4ErC;EA1EQ,MAAM;IACX,QAAQ,IAAI,CAAC,IAAI;MACf,KAAK,cAAc;QACjB,OAAO,IAAI,CAAC,aAAa,CACvBA,kBACE,CAAC,EAAC,sFAAsF,EACxF,SAAS,EAAC,iBAAiB,GAC3B,CACH,CAAC;MACJ,KAAK,eAAe;QAClB,OAAO,IAAI,CAAC,aAAa,CACvBA,kBAAM,CAAC,EAAC,mFAAmF,GAAG,CAC/F,CAAC;MACJ,KAAK,cAAc;QACjB,OAAO,IAAI,CAAC,aAAa,CACvBA,kBAAM,CAAC,EAAC,0KAA0K,GAAG,CACtL,CAAC;MACJ,KAAK,gBAAgB;QACnB,OAAO,IAAI,CAAC,aAAa,CACvBA,kBAAM,CAAC,EAAC,oJAAoJ,GAAG,CAChK,CAAC;MACJ,KAAK,cAAc;QACjB,OAAO,IAAI,CAAC,aAAa,CACvBA,kBAAM,CAAC,EAAC,gYAAgY,GAAG,CAC5Y,CAAC;MACJ,KAAK,UAAU;QACb,OAAO,IAAI,CAAC,aAAa,CACvBA,kBAAM,CAAC,EAAC,mfAAmf,GAAG,CAC/f,CAAC;MACJ,KAAK,iBAAiB;QACpB,OAAO,IAAI,CAAC,aAAa,CACvBA,QAACC,cAAQ,QACPD,kBAAM,CAAC,EAAC,0MAA0M,GAAG,EACrNA,kBAAM,CAAC,EAAC,ieAAie,GAAG,CACne,CACZ,CAAC;MACJ,KAAK,UAAU;QACb,OAAO,IAAI,CAAC,aAAa,CACvBA,kBAAM,CAAC,EAAC,2aAA2a,GAAG,CACvb,CAAC;MACJ,KAAK,SAAS;QACZ,OAAO,IAAI,CAAC,aAAa,CACvBA,kBAAM,CAAC,EAAC,gPAAgP,GAAG,CAC5P,CAAC;MACJ,KAAK,UAAU;QACb,OAAO,IAAI,CAAC,aAAa,CACvBA,kBAAM,CAAC,EAAC,+QAA+Q,GAAG,CAC3R,CAAC;MACJ,KAAK,QAAQ;QACX,OAAO,IAAI,CAAC,aAAa,CACvBA,kBAAM,CAAC,EAAC,kMAAkM,GAAG,CAC9M,CAAC;MACJ;QACE,OAAOA,oBAAO,CAAC;KAClB;GACF;EAEO,aAAa,CACnB,OAAgC;IAEhC,QACEA,QAACE,UAAI,IACH,KAAK,EAAEC,kBAAS,CAAC;QACf,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;QAC7B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;QAC7B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;OAC9B,CAAC,IAEFH,iBAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,IACxD,OAAO,CACJ,CACD,EACP;GACH;;;;;;","names":["h","Fragment","Host","classname"],"sources":["./src/components/viewer-icon/viewer-icon.css?tag=vertex-viewer-icon&encapsulation=shadow","./src/components/viewer-icon/viewer-icon.tsx"],"sourcesContent":[":host {\n display: inline-block;\n width: 1em;\n height: 1em;\n fill: currentColor;\n}\n\n:host(.size-sm) {\n font-size: 16px;\n}\n\n:host(.size-md) {\n font-size: 24px;\n}\n\n:host(.size-lg) {\n font-size: 32px;\n}\n\nsvg {\n display: block;\n width: 100%;\n height: 100%;\n}\n","import { Component, Fragment, h, Host, Prop } from '@stencil/core';\nimport classname from 'classnames';\n\n/**\n * The names of the icons that the `<vertex-viewer-icon>` element can display.\n */\nexport type ViewerIconName =\n | 'chevron-down'\n | 'chevron-right'\n | 'close-circle'\n | 'comment-filled'\n | 'comment-show'\n | 'eye-half'\n | 'eye-half-dotted'\n | 'eye-open'\n | 'fit-all'\n | 'pin-fill'\n | 'search';\n\n/**\n * The predefined sizes for icons.\n */\nexport type ViewerIconSize = 'sm' | 'md' | 'lg' | undefined;\n\n@Component({\n tag: 'vertex-viewer-icon',\n styleUrl: 'viewer-icon.css',\n shadow: true,\n})\nexport class ViewerIcon {\n /**\n * The name of the icon to render.\n */\n @Prop()\n public name?: ViewerIconName;\n\n /**\n * The size of the icon. Can be `'sm' | 'md' | 'lg' | undefined`. Predefined\n * sizes are set to:\n *\n * * `sm`: 16px\n * * `md`: 24px\n * * `lg`: 32px\n *\n * A custom size can be supplied by setting this field to `undefined` and\n * setting `font-size` through CSS. Defaults to `md`.\n */\n @Prop()\n public size?: ViewerIconSize = 'md';\n\n public render(): h.JSX.IntrinsicElements {\n switch (this.name) {\n case 'chevron-down':\n return this.renderSvgIcon(\n <path\n d=\"M11.88,9.17l-3.5-4a.51.51,0,0,0-.76,0l-3.5,4A.5.5,0,0,0,4.5,10h7a.5.5,0,0,0,.38-.83Z\"\n transform=\"rotate(180 8 8)\"\n />\n );\n case 'chevron-right':\n return this.renderSvgIcon(\n <path d=\"M10.83,7.62l-4-3.5A.5.5,0,0,0,6,4.5v7a.5.5,0,0,0,.83.38l4-3.5a.51.51,0,0,0,0-.76Z\" />\n );\n case 'close-circle':\n return this.renderSvgIcon(\n <path d=\"M8 1a7 7 0 107 7 7 7 0 00-7-7zm2.85 9.15a.49.49 0 01-.7.7L8 8.71l-2.15 2.14a.49.49 0 01-.7-.7L7.29 8 5.15 5.85a.49.49 0 01.7-.7L8 7.29l2.15-2.14a.49.49 0 01.7.7L8.71 8z\" />\n );\n case 'comment-filled':\n return this.renderSvgIcon(\n <path d=\"M13.5,2H2.5c-.8,0-1.5.7-1.5,1.5v7c0,.8.7,1.5,1.5,1.5h5.8l2.9,2.9c.1.1.4.2.5.1.2-.1.3-.3.3-.5v-2.5h1.5c.8,0,1.5-.7,1.5-1.5V3.5c0-.8-.7-1.5-1.5-1.5Z\" />\n );\n case 'comment-show':\n return this.renderSvgIcon(\n <path d=\"M11.5,8h-7a.5.5,0,0,0,0,1h7a.5.5,0,0,0,0-1Zm0-3h-7a.5.5,0,0,0,0,1h7a.5.5,0,0,0,0-1Zm2-3H2.5A1.5,1.5,0,0,0,1,3.5v7A1.5,1.5,0,0,0,2.5,12H8.29l2.86,2.85a.47.47,0,0,0,.54.11A.5.5,0,0,0,12,14.5V12h1.5A1.5,1.5,0,0,0,15,10.5v-7A1.5,1.5,0,0,0,13.5,2Zm.5,8.5a.5.5,0,0,1-.5.5h-2a.51.51,0,0,0-.5.5v1.79L8.85,11.15A.47.47,0,0,0,8.5,11h-6a.5.5,0,0,1-.5-.5v-7A.5.5,0,0,1,2.5,3h11a.5.5,0,0,1,.5.5Z\" />\n );\n case 'eye-half':\n return this.renderSvgIcon(\n <path d=\"M13.35 2.65a.48.48 0 00-.7 0l-.78.77a8.71 8.71 0 00-8.52.41A6.57 6.57 0 00.51 7.89v.22a6.58 6.58 0 002.71 4l-.57.58a.49.49 0 00.7.7l10-10a.48.48 0 000-.74zM9.73 5.56a3 3 0 00-4.17 4.17l-1.62 1.62A5.49 5.49 0 011.53 8 5.49 5.49 0 013.9 4.67 7.52 7.52 0 018 3.5a7.67 7.67 0 013.12.67zm3.61-1.2l-.72.72A5.45 5.45 0 0114.47 8a5.49 5.49 0 01-2.37 3.33A7.52 7.52 0 018 12.5a8.15 8.15 0 01-2.41-.38l-.78.78a8.9 8.9 0 003.19.6 8.53 8.53 0 004.65-1.33 6.57 6.57 0 002.84-4.06v-.22a6.56 6.56 0 00-2.15-3.53z\" />\n );\n case 'eye-half-dotted':\n return this.renderSvgIcon(\n <Fragment>\n <path d=\"M4.12 11.46A5.62 5.62 0 011.52 8 5.57 5.57 0 013.9 4.67 7.52 7.52 0 018 3.5a7.7 7.7 0 013.33.75l.74-.74A8.67 8.67 0 008 2.5a8.53 8.53 0 00-4.65 1.33A6.57 6.57 0 00.51 7.89v.22a6.54 6.54 0 002.88 4.08z\" />\n <path d=\"M8 5a3 3 0 00-3 3 3 3 0 00.69 1.89l4.2-4.2A3 3 0 008 5zM5.88 5.88zM9.2 12.41a.51.51 0 00-.42.57.5.5 0 00.56.42.5.5 0 00.43-.57.51.51 0 00-.57-.42zM6.77 12.41a.5.5 0 00-.57.42.49.49 0 00.41.57.5.5 0 10.15-1zM14.48 5.61a.5.5 0 00-.7-.12.49.49 0 00-.12.69.5.5 0 00.82-.57zM11.5 11.68a.5.5 0 00-.22.67.51.51 0 00.68.22.5.5 0 00-.46-.89zM15.07 7.77a.52.52 0 00-.62.35.51.51 0 00.35.62.5.5 0 00.61-.35.52.52 0 00-.34-.62zM13.36 10.21a.5.5 0 10.76.64.49.49 0 00-.06-.7.51.51 0 00-.7.06z\" />\n </Fragment>\n );\n case 'eye-open':\n return this.renderSvgIcon(\n <path d=\"M8 5a3 3 0 103 3 3 3 0 00-3-3zm4.65-1.17A8.53 8.53 0 008 2.5a8.53 8.53 0 00-4.65 1.33A6.57 6.57 0 00.51 7.89v.22a6.57 6.57 0 002.84 4.06A8.53 8.53 0 008 13.5a8.53 8.53 0 004.65-1.33 6.57 6.57 0 002.84-4.06v-.22a6.57 6.57 0 00-2.84-4.06zm-.55 7.5A7.52 7.52 0 018 12.5a7.52 7.52 0 01-4.1-1.17A5.49 5.49 0 011.53 8 5.49 5.49 0 013.9 4.67 7.52 7.52 0 018 3.5a7.52 7.52 0 014.1 1.17A5.49 5.49 0 0114.47 8a5.49 5.49 0 01-2.37 3.33z\" />\n );\n case 'fit-all':\n return this.renderSvgIcon(\n <path d=\"M6.15,9.15l-2.5,2.5L2,10v4H6L4.35,12.35l2.5-2.5a.49.49,0,0,0-.7-.7Zm-1.8-5.5L6,2H2V6L3.65,4.35l2.5,2.5a.49.49,0,0,0,.7-.7ZM10,2l1.65,1.65-2.5,2.5a.49.49,0,0,0,.7.7l2.5-2.5L14,6V2ZM9.85,9.15a.49.49,0,0,0-.7.7l2.5,2.5L10,14h4V10l-1.65,1.65Z\" />\n );\n case 'pin-fill':\n return this.renderSvgIcon(\n <path d=\"M8,.55A5.9,5.9,0,0,0,2.1,6.44a9.14,9.14,0,0,0,2.66,6.24,11.44,11.44,0,0,0,1.93,1.65,7.43,7.43,0,0,0,.73.44l.28.12a.78.78,0,0,0,.6,0,6.65,6.65,0,0,0,1.34-.79,11.79,11.79,0,0,0,2.76-2.88,8.59,8.59,0,0,0,1.5-4.78A5.9,5.9,0,0,0,8,.55ZM8,8.44a2,2,0,1,1,2-2A2,2,0,0,1,8,8.44Z\" />\n );\n case 'search':\n return this.renderSvgIcon(\n <path d=\"M14.85 14.15l-4-4a.37.37 0 00-.2-.12 5.45 5.45 0 10-.62.62.37.37 0 00.12.2l4 4a.49.49 0 00.7-.7zM9.71 9.71a4.51 4.51 0 01-6.42 0 4.51 4.51 0 010-6.42 4.51 4.51 0 016.42 0 4.51 4.51 0 010 6.42z\" />\n );\n default:\n return <svg />;\n }\n }\n\n private renderSvgIcon(\n content: h.JSX.IntrinsicElements\n ): h.JSX.IntrinsicElements {\n return (\n <Host\n class={classname({\n 'size-sm': this.size === 'sm',\n 'size-md': this.size === 'md',\n 'size-lg': this.size === 'lg',\n })}\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n {content}\n </svg>\n </Host>\n );\n }\n}\n"],"version":3}
|