Delete self contained Thunder Tests
Back to .net8.0 api/v4/InfinityQS ApiExplorerSettings Wafer Counter Color Sorting
This commit is contained in:
75
Server/wwwroot/package/dist/collection/components/icons-preview/icons-preview.css
vendored
Normal file
75
Server/wwwroot/package/dist/collection/components/icons-preview/icons-preview.css
vendored
Normal file
@ -0,0 +1,75 @@
|
||||
.container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.html-wrapper {
|
||||
background: rgb(38, 38, 38);
|
||||
padding: 20px;
|
||||
color: white;
|
||||
font-family: monospace;
|
||||
position: relative;
|
||||
}
|
||||
.html-wrapper button {
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
background: rgba(0, 0, 0, 0.85);
|
||||
color: #C9CDCF;
|
||||
border: 0 none;
|
||||
padding: 4px 10px;
|
||||
font-size: 0.75rem;
|
||||
font-family: "Nunito Sans";
|
||||
font-weight: 700;
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
||||
border-left: 1px solid rgba(255, 255, 255, 0.1);
|
||||
margin-left: -1px;
|
||||
border-radius: 4px 0 0 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
.html-wrapper .component-name {
|
||||
color: #A8FF60;
|
||||
}
|
||||
.html-wrapper .attribute-name {
|
||||
color: rgb(150, 203, 254);
|
||||
}
|
||||
.html-wrapper .attribute-value {
|
||||
color: rgb(180, 116, 221);
|
||||
}
|
||||
|
||||
.preview__container {
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 2px;
|
||||
flex-wrap: wrap;
|
||||
gap: 4px;
|
||||
}
|
||||
.preview__container .preview__container-item {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border: 1px solid #f1f1f1;
|
||||
padding: 2px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
position: relative;
|
||||
}
|
||||
.preview__container .preview__container-item:active {
|
||||
border-color: #378375;
|
||||
}
|
||||
.preview__container .preview__container-item:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
.preview__container .preview__container-item.copied::after {
|
||||
z-index: 1000;
|
||||
content: "copied!";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50px;
|
||||
background-color: #000;
|
||||
color: white;
|
||||
padding: 3px;
|
||||
border-radius: 4px;
|
||||
}
|
57
Server/wwwroot/package/dist/collection/components/icons-preview/icons-preview.js
vendored
Normal file
57
Server/wwwroot/package/dist/collection/components/icons-preview/icons-preview.js
vendored
Normal file
@ -0,0 +1,57 @@
|
||||
import { h } from "@stencil/core";
|
||||
import { icons } from "@infineon/infineon-icons";
|
||||
export class IconsPreview {
|
||||
constructor() {
|
||||
this.iconsArray = [];
|
||||
this.isCopied = false;
|
||||
this.copiedIndex = undefined;
|
||||
this.htmlTag = '<ifx-icon icon="calendar-16"></ifx-icon>';
|
||||
this.iconName = `"c-info-24"`;
|
||||
}
|
||||
handleCopiedText() {
|
||||
this.isCopied = true;
|
||||
setTimeout(() => {
|
||||
this.isCopied = false;
|
||||
}, 2000);
|
||||
}
|
||||
copyIconText(icon) {
|
||||
this.htmlTag = `<ifx-icon icon="${icon}"></ifx-icon>`;
|
||||
this.iconName = `"${icon}"`;
|
||||
}
|
||||
copyHtmlString() {
|
||||
const copiedTag = `<ifx-icon icon=${this.iconName}></ifx-icon>`;
|
||||
navigator.clipboard.writeText(copiedTag);
|
||||
this.handleCopiedText();
|
||||
}
|
||||
componentWillLoad() {
|
||||
for (let icon in icons) {
|
||||
this.iconsArray.push(icon);
|
||||
}
|
||||
}
|
||||
render() {
|
||||
return (h("div", { class: 'container' }, h("div", { class: 'html-wrapper' }, h("span", { class: "html-tag" }, "<"), h("span", { class: "component-name" }, "ifx-icon"), h("span", { class: "attribute-name" }, " icon"), "=", h("span", { class: "attribute-value" }, this.iconName), h("span", { class: "html-tag" }, ">"), h("span", { class: "html-tag" }, "</"), h("span", { class: "component-name" }, "ifx-icon"), h("span", { class: "html-tag" }, ">"), h("button", { onClick: () => this.copyHtmlString() }, this.isCopied ? 'Copied' : 'Copy')), h("div", { class: "preview__container" }, this.iconsArray.map((icon, index) => h("div", { class: `preview__container-item ${this.isCopied && this.copiedIndex === index ? 'copied' : ""}`, onClick: () => this.copyIconText(icon) }, h("ifx-icon", { icon: icon }))))));
|
||||
}
|
||||
static get is() { return "ifx-icons-preview"; }
|
||||
static get encapsulation() { return "shadow"; }
|
||||
static get originalStyleUrls() {
|
||||
return {
|
||||
"$": ["./icons-preview.scss"]
|
||||
};
|
||||
}
|
||||
static get styleUrls() {
|
||||
return {
|
||||
"$": ["icons-preview.css"]
|
||||
};
|
||||
}
|
||||
static get states() {
|
||||
return {
|
||||
"iconsArray": {},
|
||||
"isCopied": {},
|
||||
"copiedIndex": {},
|
||||
"htmlTag": {},
|
||||
"iconName": {}
|
||||
};
|
||||
}
|
||||
static get elementRef() { return "el"; }
|
||||
}
|
||||
//# sourceMappingURL=icons-preview.js.map
|
1
Server/wwwroot/package/dist/collection/components/icons-preview/icons-preview.js.map
vendored
Normal file
1
Server/wwwroot/package/dist/collection/components/icons-preview/icons-preview.js.map
vendored
Normal file
@ -0,0 +1 @@
|
||||
{"version":3,"file":"icons-preview.js","sourceRoot":"","sources":["../../../src/components/icons-preview/icons-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAQjD,MAAM,OAAO,YAAY;;sBACS,EAAE;oBACL,KAAK;;mBAEP,0CAA0C;oBACzC,aAAa;;EAGzC,gBAAgB;IACd,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACrB,UAAU,CAAC,GAAG,EAAE;MACd,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAA;IACvB,CAAC,EAAE,IAAI,CAAC,CAAC;EACX,CAAC;EAED,YAAY,CAAC,IAAI;IACf,IAAI,CAAC,OAAO,GAAG,mBAAmB,IAAI,eAAe,CAAC;IACtD,IAAI,CAAC,QAAQ,GAAG,IAAI,IAAI,GAAG,CAAA;EAC7B,CAAC;EAED,cAAc;IACZ,MAAM,SAAS,GAAG,kBAAkB,IAAI,CAAC,QAAQ,cAAc,CAAC;IAChE,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC,IAAI,CAAC,gBAAgB,EAAE,CAAA;EACzB,CAAC;EAED,iBAAiB;IACf,KAAI,IAAI,IAAI,IAAI,KAAK,EAAE;MACrB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;EACH,CAAC;EAED,MAAM;IACJ,OAAO,CACL,WAAK,KAAK,EAAC,WAAW;MACpB,WAAK,KAAK,EAAC,cAAc;QACvB,YAAM,KAAK,EAAC,UAAU,QAAY;QAClC,YAAM,KAAK,EAAC,gBAAgB,eAAgB;QAC5C,YAAM,KAAK,EAAC,gBAAgB,YAAa;;QAAC,YAAM,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAC,QAAQ,CAAQ;QAC9F,YAAM,KAAK,EAAC,UAAU,QAAY;QAClC,YAAM,KAAK,EAAC,UAAU,SAAa;QACnC,YAAM,KAAK,EAAC,gBAAgB,eAAgB;QAC5C,YAAM,KAAK,EAAC,UAAU,QAAY;QAClC,cAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,IAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAU,CACtF;MACN,WAAK,KAAK,EAAC,oBAAoB,IAC5B,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CACrC,WAAK,KAAK,EAAE,2BAA2B,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;QAC1I,gBAAU,IAAI,EAAE,IAAI,GAAa,CAC7B,CAAC,CACH,CACF,CACP,CAAA;EACH,CAAC;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Element, State } from \"@stencil/core\";\nimport { icons } from '@infineon/infineon-icons';\n\n@Component({\n tag: 'ifx-icons-preview',\n styleUrl: './icons-preview.scss',\n shadow: true\n})\n\nexport class IconsPreview {\n @State() iconsArray: string[] = [];\n @State() isCopied: boolean = false;\n @State() copiedIndex: number;\n @State() htmlTag: string = '<ifx-icon icon=\"calendar-16\"></ifx-icon>';\n @State() iconName: string = `\"c-info-24\"`;\n @Element() el;\n\n handleCopiedText() { \n this.isCopied = true;\n setTimeout(() => {\n this.isCopied = false\n }, 2000);\n }\n\n copyIconText(icon) { \n this.htmlTag = `<ifx-icon icon=\"${icon}\"></ifx-icon>`;\n this.iconName = `\"${icon}\"`\n }\n\n copyHtmlString() { \n const copiedTag = `<ifx-icon icon=${this.iconName}></ifx-icon>`;\n navigator.clipboard.writeText(copiedTag);\n this.handleCopiedText()\n }\n\n componentWillLoad() { \n for(let icon in icons) { \n this.iconsArray.push(icon)\n }\n }\n\n render() {\n return (\n <div class='container'>\n <div class='html-wrapper'>\n <span class=\"html-tag\"><</span>\n <span class=\"component-name\">ifx-icon</span>\n <span class=\"attribute-name\"> icon</span>=<span class=\"attribute-value\">{this.iconName}</span>\n <span class=\"html-tag\">></span>\n <span class=\"html-tag\"></</span>\n <span class=\"component-name\">ifx-icon</span>\n <span class=\"html-tag\">></span>\n <button onClick={() => this.copyHtmlString()}>{this.isCopied ? 'Copied' : 'Copy'}</button>\n </div>\n <div class=\"preview__container\">\n {this.iconsArray.map((icon, index) => \n <div class={`preview__container-item ${this.isCopied && this.copiedIndex === index ? 'copied' : \"\"}`} onClick={() => this.copyIconText(icon)}>\n <ifx-icon icon={icon}></ifx-icon>\n </div>)}\n </div>\n </div>\n )\n }\n}"]}
|
8
Server/wwwroot/package/dist/collection/components/icons-preview/icons-preview.stories.js
vendored
Normal file
8
Server/wwwroot/package/dist/collection/components/icons-preview/icons-preview.stories.js
vendored
Normal file
@ -0,0 +1,8 @@
|
||||
export default {
|
||||
title: 'Components/IconsPreview',
|
||||
tags: ['autodocs'],
|
||||
excludeStories: ["Default"],
|
||||
};
|
||||
const DefaultTemplate = () => `<ifx-icons-preview></ifx-icons-preview>`;
|
||||
export const Default = DefaultTemplate.bind({});
|
||||
//# sourceMappingURL=icons-preview.stories.js.map
|
1
Server/wwwroot/package/dist/collection/components/icons-preview/icons-preview.stories.js.map
vendored
Normal file
1
Server/wwwroot/package/dist/collection/components/icons-preview/icons-preview.stories.js.map
vendored
Normal file
@ -0,0 +1 @@
|
||||
{"version":3,"file":"icons-preview.stories.js","sourceRoot":"","sources":["../../../src/components/icons-preview/icons-preview.stories.ts"],"names":[],"mappings":"AAAA,eAAe;EACb,KAAK,EAAE,yBAAyB;EAChC,IAAI,EAAE,CAAC,UAAU,CAAC;EAElB,cAAc,EAAE,CAAC,SAAS,CAAC;CAC5B,CAAA;AAED,MAAM,eAAe,GAAG,GAAG,EAAE,CAC3B,yCAAyC,CAAC;AAE5C,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC","sourcesContent":["export default {\n title: 'Components/IconsPreview',\n tags: ['autodocs'],\n\n excludeStories: [\"Default\"],\n}\n\nconst DefaultTemplate = () =>\n `<ifx-icons-preview></ifx-icons-preview>`;\n\nexport const Default = DefaultTemplate.bind({});"]}
|
Reference in New Issue
Block a user