docs/storybook/main.6dbd21be9564b0c53b55.bundle.js.map
{"version":3,"file":"main.6dbd21be9564b0c53b55.bundle.js","sources":["webpack:///./stories/welcome.html"],"sourcesContent":["module.exports = \"<html><head><title>Friday's Component Documentation</title><style>\\n/* webkit printing magic: print all background colors */\\nhtml {\\n\\t-webkit-print-color-adjust: exact;\\n}\\n* {\\n\\tbox-sizing: border-box;\\n\\t-webkit-print-color-adjust: exact;\\n}\\n\\nhtml,\\nbody {\\n\\tmargin: 0;\\n\\tpadding: 0;\\n}\\n@media only screen {\\n\\tbody {\\n\\t\\tmargin: 2em auto;\\n\\t\\tmax-width: 900px;\\n\\t\\tcolor: rgb(55, 53, 47);\\n\\t}\\n}\\n\\nbody {\\n\\tline-height: 1.5;\\n}\\n\\na,\\na.visited {\\n\\tcolor: inherit;\\n\\ttext-decoration: underline;\\n}\\n\\n.pdf-relative-link-path {\\n\\tfont-size: 80%;\\n\\tcolor: #444;\\n}\\n\\nh1,\\nh2,\\nh3 {\\n\\tletter-spacing: -0.01em;\\n\\tline-height: 1.2;\\n\\tfont-weight: 600;\\n\\tmargin-bottom: 0;\\n}\\n\\n.page-title {\\n\\tfont-size: 2.5rem;\\n\\tfont-weight: 700;\\n\\tmargin-top: 0;\\n\\tmargin-bottom: 0.75em;\\n}\\n\\nh1 {\\n\\tfont-size: 1.875rem;\\n\\tmargin-top: 1.875rem;\\n}\\n\\nh2 {\\n\\tfont-size: 1.5rem;\\n\\tmargin-top: 1.5rem;\\n}\\n\\nh3 {\\n\\tfont-size: 1.25rem;\\n\\tmargin-top: 1.25rem;\\n}\\n\\n.source {\\n\\tborder: 1px solid #ddd;\\n\\tborder-radius: 3px;\\n\\tpadding: 1.5em;\\n\\tword-break: break-all;\\n}\\n\\nfigure {\\n\\tmargin: 1.25em 0;\\n\\tpage-break-inside: avoid;\\n}\\n\\nfigcaption {\\n\\topacity: 0.5;\\n\\tfont-size: 85%;\\n\\tmargin-top: 0.5em;\\n}\\n\\nmark {\\n\\tbackground-color: transparent;\\n}\\n\\n.indented {\\n\\tpadding-left: 1.5em;\\n}\\n\\nhr {\\n\\tbackground: transparent;\\n\\tdisplay: block;\\n\\twidth: 100%;\\n\\theight: 1px;\\n\\tvisibility: visible;\\n\\tborder: none;\\n\\tborder-bottom: 1px solid rgba(55, 53, 47, 0.09);\\n}\\n\\nimg {\\n\\tmax-width: 100%;\\n}\\n\\n@media only print {\\n\\timg {\\n\\t\\tmax-height: 100vh;\\n\\t\\tobject-fit: contain;\\n\\t}\\n}\\n\\n@page {\\n\\tmargin: 1in;\\n}\\n\\n.collection-content {\\n\\tfont-size: 0.875rem;\\n}\\n\\n.column-list {\\n\\tdisplay: flex;\\n\\tjustify-content: space-between;\\n}\\n\\n.column {\\n\\tpadding: 0 1em;\\n}\\n\\n.column:first-child {\\n\\tpadding-left: 0;\\n}\\n\\n.column:last-child {\\n\\tpadding-right: 0;\\n}\\n\\n.table_of_contents-item {\\n\\tdisplay: block;\\n\\tfont-size: 0.875rem;\\n\\tline-height: 1.3;\\n\\tpadding: 0.125rem;\\n}\\n\\n.table_of_contents-indent-1 {\\n\\tmargin-left: 1.5rem;\\n}\\n\\n.table_of_contents-indent-2 {\\n\\tmargin-left: 3rem;\\n}\\n\\n.table_of_contents-indent-3 {\\n\\tmargin-left: 4.5rem;\\n}\\n\\n.table_of_contents-link {\\n\\ttext-decoration: none;\\n\\topacity: 0.7;\\n\\tborder-bottom: 1px solid rgba(55, 53, 47, 0.18);\\n}\\n\\ntable,\\nth,\\ntd {\\n\\tborder: 1px solid rgba(55, 53, 47, 0.09);\\n\\tborder-collapse: collapse;\\n}\\n\\ntable {\\n\\tborder-left: none;\\n\\tborder-right: none;\\n}\\n\\nth,\\ntd {\\n\\tfont-weight: normal;\\n\\tpadding: 0.25em 0.5em;\\n\\tline-height: 1.5;\\n\\tmin-height: 1.5em;\\n\\ttext-align: left;\\n}\\n\\nth {\\n\\tcolor: rgba(55, 53, 47, 0.6);\\n}\\n\\nol,\\nul {\\n\\tmargin: 0;\\n\\tmargin-block-start: 0.6em;\\n\\tmargin-block-end: 0.6em;\\n}\\n\\nli > ol:first-child,\\nli > ul:first-child {\\n\\tmargin-block-start: 0.6em;\\n}\\n\\nul > li {\\n\\tlist-style: disc;\\n}\\n\\nul.to-do-list {\\n\\ttext-indent: -1.7em;\\n}\\n\\nul.to-do-list > li {\\n\\tlist-style: none;\\n}\\n\\n.to-do-children-checked {\\n\\ttext-decoration: line-through;\\n\\topacity: 0.375;\\n}\\n\\nul.toggle > li {\\n\\tlist-style: none;\\n}\\n\\nul {\\n\\tpadding-inline-start: 1.7em;\\n}\\n\\nul > li {\\n\\tpadding-left: 0.1em;\\n}\\n\\nol {\\n\\tpadding-inline-start: 1.6em;\\n}\\n\\nol > li {\\n\\tpadding-left: 0.2em;\\n}\\n\\n.mono ol {\\n\\tpadding-inline-start: 2em;\\n}\\n\\n.mono ol > li {\\n\\ttext-indent: -0.4em;\\n}\\n\\n.toggle {\\n\\tpadding-inline-start: 0em;\\n\\tlist-style-type: none;\\n}\\n\\n/* Indent toggle children */\\n.toggle > li > details {\\n\\tpadding-left: 1.7em;\\n}\\n\\n.toggle > li > details > summary {\\n\\tmargin-left: -1.1em;\\n}\\n\\n.selected-value {\\n\\tdisplay: inline-block;\\n\\tpadding: 0 0.5em;\\n\\tbackground: rgba(206, 205, 202, 0.5);\\n\\tborder-radius: 3px;\\n\\tmargin-right: 0.5em;\\n\\tmargin-top: 0.3em;\\n\\tmargin-bottom: 0.3em;\\n\\twhite-space: nowrap;\\n}\\n\\n.collection-title {\\n\\tdisplay: inline-block;\\n\\tmargin-right: 1em;\\n}\\n\\ntime {\\n\\topacity: 0.5;\\n}\\n\\n.icon {\\n\\tdisplay: inline-block;\\n\\tmax-width: 1.2em;\\n\\tmax-height: 1.2em;\\n\\ttext-decoration: none;\\n\\tvertical-align: text-bottom;\\n\\tmargin-right: 0.5em;\\n}\\n\\n.user-icon {\\n\\twidth: 1.5em;\\n\\theight: 1.5em;\\n\\tborder-radius: 100%;\\n\\tmargin-right: 0.5rem;\\n}\\n\\n.user-icon-inner {\\n\\tfont-size: 0.8em;\\n}\\n\\n.text-icon {\\n\\tborder: 1px solid #000;\\n\\ttext-align: center;\\n}\\n\\n.page-header-icon {\\n\\tfont-size: 3rem;\\n\\tmargin-bottom: 1rem;\\n}\\n\\n.page-header-icon img {\\n\\tborder-radius: 3px;\\n}\\n\\n.link-to-page {\\n\\tmargin: 1em 0;\\n\\tpadding: 0;\\n\\tborder: none;\\n\\tfont-weight: 500;\\n}\\n\\np > .user {\\n\\topacity: 0.5;\\n}\\n\\ntd > .user,\\ntd > time {\\n\\twhite-space: nowrap;\\n}\\n\\ninput[type=\\\"checkbox\\\"] {\\n\\ttransform: scale(1.5);\\n\\tmargin-right: 0.6em;\\n\\tvertical-align: middle;\\n}\\n\\np {\\n\\tmargin-top: 0.5em;\\n\\tmargin-bottom: 0.5em;\\n}\\n\\n.image {\\n\\tborder: none;\\n\\tmargin: 1.5em 0;\\n\\tpadding: 0;\\n\\tborder-radius: 0;\\n\\ttext-align: center;\\n}\\n\\n.code,\\ncode {\\n\\tbackground: rgba(135, 131, 120, 0.15);\\n\\tborder-radius: 3px;\\n\\tpadding: 0.2em 0.4em;\\n\\tborder-radius: 3px;\\n\\tfont-size: 85%;\\n}\\n\\ncode {\\n\\tcolor: #eb5757;\\n}\\n\\n.code {\\n\\tpadding: 1.5em 1em;\\n}\\n\\n.code > code {\\n\\tbackground: none;\\n\\tpadding: 0;\\n\\tfont-size: 100%;\\n\\tcolor: inherit;\\n}\\n\\nblockquote {\\n\\tfont-size: 1.25em;\\n\\tmargin: 1em 0;\\n\\tpadding-left: 1em;\\n\\tborder-left: 3px solid rgb(55, 53, 47);\\n}\\n\\n.bookmark-href {\\n\\tfont-size: 0.75em;\\n\\topacity: 0.5;\\n}\\n\\n.sans { font-family: -apple-system, BlinkMacSystemFont, \\\"Segoe UI\\\", Helvetica, \\\"Apple Color Emoji\\\", Arial, sans-serif, \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\"; }\\n.code { font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; }\\n.serif { font-family: Lyon-Text, Georgia, KaiTi, STKaiTi, '华文楷体', KaiTi_GB2312, '楷体_GB2312', serif; }\\n.mono { font-family: Nitti, 'Microsoft YaHei', '微软雅黑', monospace; }\\n.pdf .sans { font-family: Inter, -apple-system, BlinkMacSystemFont, \\\"Segoe UI\\\", Helvetica, \\\"Apple Color Emoji\\\", Arial, sans-serif, \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", 'Twemoji', 'Noto Color Emoji', 'Noto Sans CJK SC', 'Noto Sans CJK KR'; }\\n\\n.pdf .code { font-family: Source Code Pro, 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace, 'Twemoji', 'Noto Color Emoji', 'Noto Sans Mono CJK SC', 'Noto Sans Mono CJK KR'; }\\n\\n.pdf .serif { font-family: PT Serif, Lyon-Text, Georgia, KaiTi, STKaiTi, '华文楷体', KaiTi_GB2312, '楷体_GB2312', serif, 'Twemoji', 'Noto Color Emoji', 'Noto Sans CJK SC', 'Noto Sans CJK KR'; }\\n\\n.pdf .mono { font-family: PT Mono, Nitti, 'Microsoft YaHei', '微软雅黑', monospace, 'Twemoji', 'Noto Color Emoji', 'Noto Sans Mono CJK SC', 'Noto Sans Mono CJK KR'; }\\n\\n.highlight-default {\\n}\\n.highlight-gray {\\n\\tcolor: rgb(155,154,151);\\n}\\n.highlight-brown {\\n\\tcolor: rgb(100,71,58);\\n}\\n.highlight-orange {\\n\\tcolor: rgb(217,115,13);\\n}\\n.highlight-yellow {\\n\\tcolor: rgb(223,171,1);\\n}\\n.highlight-teal {\\n\\tcolor: rgb(15,123,108);\\n}\\n.highlight-blue {\\n\\tcolor: rgb(11,110,153);\\n}\\n.highlight-purple {\\n\\tcolor: rgb(105,64,165);\\n}\\n.highlight-pink {\\n\\tcolor: rgb(173,26,114);\\n}\\n.highlight-red {\\n\\tcolor: rgb(224,62,62);\\n}\\n.highlight-gray_background {\\n\\tbackground: rgb(235,236,237);\\n}\\n.highlight-brown_background {\\n\\tbackground: rgb(233,229,227);\\n}\\n.highlight-orange_background {\\n\\tbackground: rgb(250,235,221);\\n}\\n.highlight-yellow_background {\\n\\tbackground: rgb(251,243,219);\\n}\\n.highlight-teal_background {\\n\\tbackground: rgb(221,237,234);\\n}\\n.highlight-blue_background {\\n\\tbackground: rgb(221,235,241);\\n}\\n.highlight-purple_background {\\n\\tbackground: rgb(234,228,242);\\n}\\n.highlight-pink_background {\\n\\tbackground: rgb(244,223,235);\\n}\\n.highlight-red_background {\\n\\tbackground: rgb(251,228,228);\\n}\\n.block-color-default {\\n}\\n.block-color-gray {\\n\\tcolor: rgba(55, 53, 47, 0.6);\\n}\\n.block-color-brown {\\n\\tcolor: rgb(100,71,58);\\n}\\n.block-color-orange {\\n\\tcolor: rgb(217,115,13);\\n}\\n.block-color-yellow {\\n\\tcolor: rgb(223,171,1);\\n}\\n.block-color-teal {\\n\\tcolor: rgb(15,123,108);\\n}\\n.block-color-blue {\\n\\tcolor: rgb(11,110,153);\\n}\\n.block-color-purple {\\n\\tcolor: rgb(105,64,165);\\n}\\n.block-color-pink {\\n\\tcolor: rgb(173,26,114);\\n}\\n.block-color-red {\\n\\tcolor: rgb(224,62,62);\\n}\\n.block-color-gray_background {\\n\\tbackground: rgb(235,236,237);\\n}\\n.block-color-brown_background {\\n\\tbackground: rgb(233,229,227);\\n}\\n.block-color-orange_background {\\n\\tbackground: rgb(250,235,221);\\n}\\n.block-color-yellow_background {\\n\\tbackground: rgb(251,243,219);\\n}\\n.block-color-teal_background {\\n\\tbackground: rgb(221,237,234);\\n}\\n.block-color-blue_background {\\n\\tbackground: rgb(221,235,241);\\n}\\n.block-color-purple_background {\\n\\tbackground: rgb(234,228,242);\\n}\\n.block-color-pink_background {\\n\\tbackground: rgb(244,223,235);\\n}\\n.block-color-red_background {\\n\\tbackground: rgb(251,228,228);\\n}\\n\\n.checkbox {\\n\\tdisplay: inline-flex;\\n\\tvertical-align: text-bottom;\\n\\twidth: 16;\\n\\theight: 16;\\n\\tbackground-size: 16px;\\n\\tmargin-left: 2px;\\n\\tmargin-right: 5px;\\n}\\n\\n.checkbox-on {\\n\\tbackground-image: url(\\\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%2358A9D7%22%2F%3E%0A%3Cpath%20d%3D%22M6.71429%2012.2852L14%204.9995L12.7143%203.71436L6.71429%209.71378L3.28571%206.2831L2%207.57092L6.71429%2012.2852Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E\\\");\\n}\\n\\n.checkbox-off {\\n\\tbackground-image: url(\\\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%220.75%22%20y%3D%220.75%22%20width%3D%2214.5%22%20height%3D%2214.5%22%20fill%3D%22white%22%20stroke%3D%22%2336352F%22%20stroke-width%3D%221.5%22%2F%3E%0A%3C%2Fsvg%3E\\\");\\n}\\n\\t\\n</style></head><body><article id=\\\"16d439f3-71b1-4921-973c-ae6f29634922\\\" class=\\\"page sans\\\"><header><h1 class=\\\"page-title\\\">Friday's Component Documentation</h1></header><div class=\\\"page-body\\\"><p id=\\\"e5770abd-ef30-4625-9070-c41361e04d98\\\">Complete breakdown of our web component</p><h1 id=\\\"be00040e-b109-46c9-a838-72b31dddbd05\\\">Welcome!</h1><hr id=\\\"dea08333-c23e-4752-92cf-02ca594657b2\\\"/><p id=\\\"a7236d23-6887-4f79-9c6a-3e0a457ba054\\\">Thank you for using our team's web component. On this storybook, we include all of our web components and how it works. Just click the listed stories to look at how the implementation of our component looks like</p><p id=\\\"74e7965c-8e3e-4a39-b36a-ef444a6f9ede\\\"><mark class=\\\"highlight-gray\\\">For more info on each file, make sure to visit our GitHub </mark><mark class=\\\"highlight-gray\\\"><a href=\\\"https://github.com/ucsd-cse112/team13\\\">https://github.com/ucsd-cse112/team13</a></mark></p><h1 id=\\\"cb4e0741-e559-4d9b-8598-252f7a9d494b\\\">Brief Documentation</h1><hr id=\\\"2ee4730f-8339-495b-8c11-aad06019ec16\\\"/><p id=\\\"6d1df9b6-f68b-4a8d-9b1e-84027c7a0e3d\\\">Here is our brief introduction on the list of our available web component and how to use them</p><p id=\\\"33265461-cc5f-4afa-bf30-49a7f182ac43\\\"></p><h3 id=\\\"c00b820a-a870-4cf1-9842-47115c47f0b8\\\">CoreHelloElement</h3><hr id=\\\"6cb35a08-9979-44bf-939a-0befd9a554eb\\\"/><p id=\\\"7e50fb9d-0e31-4d95-a6b5-9665796869ea\\\">This tag will generate a simple greeting component.</p><pre id=\\\"81b34458-00de-46d5-8f0f-827b0b4948ca\\\" class=\\\"code\\\"><code><core-hello></core-hello></code></pre><p id=\\\"27afd79f-42ee-416a-9337-beaa6106ab58\\\">Below is the list of available attributes</p><ol id=\\\"39548b91-9f00-49cd-9ed5-bebde7a85624\\\" class=\\\"numbered-list\\\" start=\\\"1\\\"><li><strong>Language</strong><p id=\\\"9c7c1d16-e605-4aa4-aee7-bb6dd52a8897\\\">Changes the language of the greeting. By default it is "en".</p><pre id=\\\"70a0175a-d5ff-43c0-bde9-20c2b039f65a\\\" class=\\\"code\\\"><code><core-hello lang="en"></core-hello></code></pre><div id=\\\"754c4a84-ef91-4abb-93d2-37d14213a0ed\\\" class=\\\"collection-view\\\"><h4 class=\\\"collection-title\\\">Language values</h4><table class=\\\"collection-content\\\"><thead><tr><th>Accepted Values</th><th>Description</th><th>Column</th></tr></thead><tbody><tr id=\\\"41fa80ed-aad9-4811-88fc-50fababf24e4\\\"><td class=\\\"cell-title\\\"><a href=\\\"https://www.notion.so/en-41fa80edaad9481188fc50fababf24e4\\\">en</a></td><td class=\\\"cell-ac}[\\\">English language</td><td class=\\\"cell-%[u]\\\"></td></tr><tr id=\\\"62866374-26f1-4d89-a2fa-6a2f349b28b6\\\"><td class=\\\"cell-title\\\"><a href=\\\"https://www.notion.so/es-6286637426f14d89a2fa6a2f349b28b6\\\">es</a></td><td class=\\\"cell-ac}[\\\">Spanish language</td><td class=\\\"cell-%[u]\\\"></td></tr><tr id=\\\"79b380b5-692d-45e8-8795-b97457dd8d7f\\\"><td class=\\\"cell-title\\\"><a href=\\\"https://www.notion.so/jp-79b380b5692d45e88795b97457dd8d7f\\\">jp</a></td><td class=\\\"cell-ac}[\\\">Japanese language</td><td class=\\\"cell-%[u]\\\"></td></tr><tr id=\\\"0c87b628-d93c-42de-b7cf-cdf5681dd34d\\\"><td class=\\\"cell-title\\\"><a href=\\\"https://www.notion.so/fr-0c87b628d93c42deb7cfcdf5681dd34d\\\">fr</a></td><td class=\\\"cell-ac}[\\\">French language</td><td class=\\\"cell-%[u]\\\"></td></tr></tbody></table></div></li></ol><ol id=\\\"07d897bd-4e11-4d63-b1eb-1cbf955175b5\\\" class=\\\"numbered-list\\\" start=\\\"2\\\"><li><strong>Rainbow</strong><p id=\\\"e32eee64-748b-497c-bd71-9c7705efeb3c\\\">Makes the name to be colorfully animated. By default it is false.</p><pre id=\\\"2ef7b42f-645b-4c46-877a-5d0dd4a01f90\\\" class=\\\"code\\\"><code><core-hello rainbow></core-hello></code></pre></li></ol><ol id=\\\"6dc55e45-b4d3-4f78-a3f4-84121c90f802\\\" class=\\\"numbered-list\\\" start=\\\"3\\\"><li><strong>Name</strong><p id=\\\"910b5894-3c06-485a-9ca1-61307bfb3fc8\\\">Sets the string that will be displayed after the greeting. By default it is "World".</p><pre id=\\\"709486bb-df0b-45dd-8e7c-a6d9fe7eb240\\\" class=\\\"code\\\"><code><core-hello name="Peter"></core-hello></code></pre></li></ol><p id=\\\"acc25261-f126-4243-8911-0aa4f99ae575\\\"></p><h3 id=\\\"e0a6f184-1d69-4095-beb1-1005ad92ee03\\\">CoreSliderElement</h3><hr id=\\\"82f6769f-cc84-4f1d-bd00-e8795159197a\\\"/><p id=\\\"9dd246f1-6b80-4f03-9064-bd6c5aa3834c\\\">This tag will generate a slider component</p><pre id=\\\"8fa5f786-de16-4bc3-b62e-56132d347be3\\\" class=\\\"code\\\"><code><core-slider></core-slider></code></pre><p id=\\\"6f481ed4-bf89-4565-8309-de26c5639e87\\\">Below is the list of available attributes.</p><ol id=\\\"c90cafbe-6a77-4a15-a8da-ab273f92c319\\\" class=\\\"numbered-list\\\" start=\\\"1\\\"><li><strong>min</strong><p id=\\\"ec25ce08-51a2-4698-bbcb-96b95818463a\\\">Change the minimum value of the slider. By default it is 0.</p><pre id=\\\"a0f4d74b-7132-49fc-a405-f6b44981f869\\\" class=\\\"code\\\"><code><core-slider min="0"></core-slider></code></pre></li></ol><ol id=\\\"748dc0e8-e286-4636-b99f-8f7b523c97fd\\\" class=\\\"numbered-list\\\" start=\\\"2\\\"><li><strong>max</strong><p id=\\\"684758f7-b668-4863-92db-ddb08192314c\\\">Change the maximum value of the slider. By default it is 100.</p><pre id=\\\"f1f9b075-5bab-4ddf-92dc-7beb54b77ca7\\\" class=\\\"code\\\"><code><core-slider max="10"></core-slider></code></pre></li></ol><ol id=\\\"9f19b437-d634-4472-a0b2-fcebc84798f8\\\" class=\\\"numbered-list\\\" start=\\\"3\\\"><li><strong>step</strong><p id=\\\"3f917e8a-e157-418c-98a1-096b2e9f2ac9\\\">Change the amount of each increment of the slider. By default it is 1.</p><pre id=\\\"8f3c6d93-0cf0-435e-a9c9-f9390d1ff186\\\" class=\\\"code\\\"><code><core-slider step="10"></core-slider></code></pre></li></ol><ol id=\\\"95a62ed0-7dca-412a-91c2-9e34b16e9722\\\" class=\\\"numbered-list\\\" start=\\\"4\\\"><li><strong>value</strong><p id=\\\"3e7e3bed-19b9-4246-a331-43255f5e692d\\\">Change the current value of the slider. If the value is past either min or max bounds, it will be corrected on the slider to prevent overflow. However, it will not change the attribute itself. By default it is 0.</p><pre id=\\\"7defac1a-5b11-4c7f-aeed-46efe410df1c\\\" class=\\\"code\\\"><code><core-slider value="50"></core-slider></code></pre></li></ol><ol id=\\\"332f390b-eab9-42bb-9be9-370d2d1d4855\\\" class=\\\"numbered-list\\\" start=\\\"5\\\"><li><strong>disabled</strong><p id=\\\"695fc45c-978e-428c-9cf9-365eb549e5c9\\\">Change the status of the slider to disabled. By default it is false.</p><pre id=\\\"9a8bf66b-bc4b-42d2-aa31-eece27e720bc\\\" class=\\\"code\\\"><code><core-slider disabled></core-slider></code></pre></li></ol><ol id=\\\"dd5335cb-f789-488e-abf8-95acfebaf0ad\\\" class=\\\"numbered-list\\\" start=\\\"6\\\"><li><strong>vertical</strong><p id=\\\"2f2a8f86-919e-4030-9471-f14daa662182\\\">Change the slider into a vertical position. By default it is false.</p><pre id=\\\"f85ca16a-1a9f-4a9c-bfda-4ee71b217500\\\" class=\\\"code\\\"><code><core-slider vertical></core-slider></code></pre></li></ol><ol id=\\\"540adc45-859a-4dc5-abdd-8a29173d17af\\\" class=\\\"numbered-list\\\" start=\\\"7\\\"><li><strong>rainbow</strong><p id=\\\"bda4b307-fb21-494e-b664-343ddde1f75a\\\">Change the color of the slider bar into rainbow. By default it is false.</p><pre id=\\\"b7902f76-c4cf-4b51-bfa1-7d53b048dbb8\\\" class=\\\"code\\\"><code><core-slider rainbow></core-slider></code></pre></li></ol><ol id=\\\"4ea497b4-1475-4b37-aac9-679f2cd3fb0d\\\" class=\\\"numbered-list\\\" start=\\\"8\\\"><li><strong>color</strong><p id=\\\"cc5e0893-6119-4449-90f2-b7b22c452571\\\">Change the primary color of the slider. By default it is white.</p><pre id=\\\"5564f544-cac9-4971-85cd-3cab0e175431\\\" class=\\\"code\\\"><code><core-slider color="var(--primary, blue)"></core-slider></code></pre></li></ol><p id=\\\"e3db15d9-3763-4a2c-b5aa-00a5290dd7bd\\\"></p><h3 id=\\\"8db874cd-ace6-4c21-9ef0-3ce5064f8732\\\">CoreTooltipElement</h3><hr id=\\\"1ba5b728-522e-4dd6-b582-48041a4c4d98\\\"/><p id=\\\"3c7e36ba-bb2c-4dfa-a91c-b6d8f56d0fe4\\\">This component will generate a tooltip, an explanatory boxes that will appear for another element. By default, the target element is its parent, but this can be changed.</p><pre id=\\\"7d13983a-4382-4574-a4a8-ce4c391bff41\\\" class=\\\"code\\\"><code><a>\\n\\tI am a link.\\n\\t<core-tooltip>That is a link.</core-tooltip>\\n</a></code></pre><p id=\\\"5698eb9e-ccb6-46ad-80e1-c1fb638039d5\\\">Below is the list of available attributes</p><ol id=\\\"96c95f6f-21bb-491f-933e-c5e7c7f74bb8\\\" class=\\\"numbered-list\\\" start=\\\"1\\\"><li><strong>content</strong><p id=\\\"4993f040-ddd6-4dc7-8e7a-8878b10cf445\\\">Change the content of the tooltip. By default it is "".</p><pre id=\\\"4d28725d-9efa-4075-83f8-af34e8bde228\\\" class=\\\"code\\\"><code><core-tooltip content="Description"></core-tooltip></code></pre><p id=\\\"86a5712b-aea1-4b5b-8726-6fbf5a86bdb0\\\">You can similarly achieve this by adding the text into the tag.</p><pre id=\\\"0aae16b4-7607-4d2d-bba9-29456daf51a9\\\" class=\\\"code\\\"><code><core-tooltip>Description</core-tooltip></code></pre><p id=\\\"2e9d48fc-f7a3-4279-852a-9f0390262570\\\">Or you can add via <slot>.</p><pre id=\\\"0dcb1dfe-82da-42e9-bb79-c03b8e332325\\\" class=\\\"code\\\"><code><core-tooltip>\\n\\t<span slot="tooltip-content">Description</span>\\n</core-tooltip></code></pre></li></ol><ol id=\\\"3300e236-4b73-4bf6-954e-7f31b4fa5030\\\" class=\\\"numbered-list\\\" start=\\\"2\\\"><li><strong>open-delay</strong><p id=\\\"086cccfd-28b4-4102-a4e9-c1888faf2be6\\\">Change the opening delay of the tooltip. To access via JavaScript, the property name is "openDelay". By default, the value is 0.</p><pre id=\\\"5f8e38cd-6d39-4633-ad0c-48928c6ed2a2\\\" class=\\\"code\\\"><code><core-tooltip open-delay="1000"></core-tooltip></code></pre></li></ol><ol id=\\\"df96bfdd-a673-4509-a5a9-e3af68c47766\\\" class=\\\"numbered-list\\\" start=\\\"3\\\"><li><strong>close-delay</strong><p id=\\\"05b2c7a6-5f88-45cd-bb26-2db9881987c9\\\">Change the closing delay of the tooltip. To access via JavaScript, the property name is "closeDelay". By default, the value is 1000.</p><pre id=\\\"12de2c29-75b3-47b3-bb55-b0cfe0657c0d\\\" class=\\\"code\\\"><code><core-tooltip close-delay="1000"></core-tooltip></code></pre></li></ol><ol id=\\\"dc55b4d5-2671-4da6-9256-55d46f3bd2f6\\\" class=\\\"numbered-list\\\" start=\\\"4\\\"><li><strong>focusable</strong><p id=\\\"b756117a-1cc5-4006-9170-d250d0dca664\\\">Whether the tooltip will open when the target element is focused by tab-index. It should be used with the "for" attribute to set the target element to wait for focus. By default, this is false.</p><pre id=\\\"888cde4b-eca3-4a17-a75a-73f5c249254b\\\" class=\\\"code\\\"><code><div>\\n\\t<input type="text" id="text-input"/>\\n\\t<core-tooltip for="text-input" focusable>Your Name</core-tooltip>\\n</div></code></pre></li></ol><ol id=\\\"22376ab9-27d2-406a-96dc-203225f5d58d\\\" class=\\\"numbered-list\\\" start=\\\"5\\\"><li><strong>for</strong><p id=\\\"6f2cfd91-a354-4498-aeb1-261a31cc8597\\\">Sets the target element by id to listen for focus events. This should be used with the "focusable" attribute to enable or disable its functionality. By default, this is "".</p><pre id=\\\"376b3a16-ef41-4c75-8d9f-fbdce3007b7d\\\" class=\\\"code\\\"><code><div>\\n\\t<core-tooltip for="some-target">Phone Number</core-tooltip>\\n\\t<input type="number" id="some-target"/>\\n</div></code></pre><p id=\\\"a3241bf4-50c5-4c03-a9f2-0f560c01c09e\\\"></p></li></ol><ol id=\\\"72d38a41-0e8e-4479-9874-8012700e2ff1\\\" class=\\\"numbered-list\\\" start=\\\"6\\\"><li><strong>placement</strong><p id=\\\"a8184c5b-0d31-4a0a-bffb-ad8b0fdcd0e2\\\">Change the direction in which the tool tip shows up. By default, this is "top".</p><pre id=\\\"db757713-ae50-4ac0-87e5-a3ae6344b9bb\\\" class=\\\"code\\\"><code><core-tooltip placement="left"></core-tooltip></code></pre><div id=\\\"1e29985a-7565-4f83-ab21-44919e90154c\\\" class=\\\"collection-view\\\"><h4 class=\\\"collection-title\\\">Placement values</h4><table class=\\\"collection-content\\\"><thead><tr><th>Accepted Values</th><th>Description</th></tr></thead><tbody><tr id=\\\"fa2c7972-ac77-4fea-aa07-86ea50223d12\\\"><td class=\\\"cell-title\\\"><a href=\\\"https://www.notion.so/left-fa2c7972ac774feaaa0786ea50223d12\\\">left</a></td><td class=\\\"cell-{yR0\\\">The tool tip will appear on the left of the target.</td></tr><tr id=\\\"b549b1e7-9ddc-4f1c-96cf-89178dbdb4af\\\"><td class=\\\"cell-title\\\"><a href=\\\"https://www.notion.so/right-b549b1e79ddc4f1c96cf89178dbdb4af\\\">right</a></td><td class=\\\"cell-{yR0\\\">The tool tip will appear on the right of the target.</td></tr><tr id=\\\"733bc6b0-47dc-4445-bd60-b6787c73660f\\\"><td class=\\\"cell-title\\\"><a href=\\\"https://www.notion.so/top-733bc6b047dc4445bd60b6787c73660f\\\">top</a></td><td class=\\\"cell-{yR0\\\">The tool tip will appear on the top of the target.</td></tr><tr id=\\\"f7780de3-159a-42f4-b181-1bcf68c43855\\\"><td class=\\\"cell-title\\\"><a href=\\\"https://www.notion.so/bottom-f7780de3159a42f4b1811bcf68c43855\\\">bottom</a></td><td class=\\\"cell-{yR0\\\">The tool tip will appear on the bottom of the target.</td></tr></tbody></table></div></li></ol><ol id=\\\"400bca48-bf26-41b5-8492-bddd987b238d\\\" class=\\\"numbered-list\\\" start=\\\"7\\\"><li><strong>offset</strong><p id=\\\"3da522be-9fef-4e35-a47f-cfd7e55b47ef\\\">Change the offset of the tool tip above the component. By default, the offset is "0".</p><pre id=\\\"dbbe1ee2-37e6-4e62-be08-11539fca5e1b\\\" class=\\\"code\\\"><code><core-tooltip offset="10"></core-tooltip></code></pre></li></ol><ol id=\\\"4a2e4550-0316-4379-a1a2-dc4bc77259c3\\\" class=\\\"numbered-list\\\" start=\\\"8\\\"><li><strong>no-visible-arrow</strong><p id=\\\"926c69fa-6b12-483b-be1d-26dc9c2f4add\\\">Hide the arrow on the tooltip. By default, the value is false.</p><pre id=\\\"7ad4ca66-c436-4aec-a8d7-26d025fd958c\\\" class=\\\"code\\\"><code><core-tooltip no-visible-arrow></core-tooltip></code></pre></li></ol><ol id=\\\"e8402493-5a88-4e8b-b9ea-91196f87dbd0\\\" class=\\\"numbered-list\\\" start=\\\"9\\\"><li><strong>effect</strong><p id=\\\"e3d2df9e-3727-4922-8570-e508509ac577\\\">Change the effect between dark or light. By default, the value is "light".</p><pre id=\\\"89dc049b-6681-4aab-a1f6-4dc90703a1d3\\\" class=\\\"code\\\"><code><core-tooltip effect="dark"></core-tooltip></code></pre><div id=\\\"887aa720-b28d-4c9e-bcbc-b8c85ef42f1a\\\" class=\\\"collection-view\\\"><h4 class=\\\"collection-title\\\">Effect values</h4><table class=\\\"collection-content\\\"><thead><tr><th>Accepted Values</th><th>Description</th></tr></thead><tbody><tr id=\\\"7520da12-2cd3-4aff-a777-fd5c80c83253\\\"><td class=\\\"cell-title\\\"><a href=\\\"https://www.notion.so/dark-7520da122cd34affa777fd5c80c83253\\\">dark</a></td><td class=\\\"cell-ac}[\\\">Change the theme into dark</td></tr><tr id=\\\"d55af298-4bc9-416a-9713-a6e751ab58f2\\\"><td class=\\\"cell-title\\\"><a href=\\\"https://www.notion.so/light-d55af2984bc9416a9713a6e751ab58f2\\\">light</a></td><td class=\\\"cell-ac}[\\\">Change the theme into light</td></tr></tbody></table></div></li></ol><ol id=\\\"2b4cde80-8964-4ca6-b0a8-4767d6a89836\\\" class=\\\"numbered-list\\\" start=\\\"10\\\"><li><strong>disabled</strong><p id=\\\"b78dadf3-8399-4f9d-9eeb-a3b66e2b52a1\\\">Disables the tooltip to not receive any input. By default, it is false.</p><pre id=\\\"691b16f5-b6ec-48f2-a10f-65afc501cf67\\\" class=\\\"code\\\"><code><core-tooltip disabled></core-tooltip></code></pre></li></ol><ol id=\\\"1bb7696f-20d3-4948-9486-1aacfa7597f1\\\" class=\\\"numbered-list\\\" start=\\\"11\\\"><li><strong>manual</strong><p id=\\\"fa2ee18e-04d4-4813-a825-9ecf2b4ffec0\\\">Relinquishes control of the tooltip. Now it will not do anything on hover or focus. This way you can manually call "open()", "close()", or "toggle()" from a separate callback. By default, this is false.</p><pre id=\\\"559e49cb-f454-4d99-8e82-fe74b8c81abc\\\" class=\\\"code\\\"><code><core-tooltip manual></core-tooltip></code></pre></li></ol><p id=\\\"4704d537-2ad9-4fe9-b554-08a82f728097\\\"></p><h3 id=\\\"2a8109a4-b928-4a24-9527-8070f1983709\\\">CoreLinkElement</h3><hr id=\\\"a63b0e4c-34d4-40ef-bd9a-21d4f9dcb49e\\\"/><p id=\\\"2f15fdbd-cf59-4466-b9b3-d8c19654c654\\\">This component will generate a link component.</p><pre id=\\\"99d3ec9d-d5d5-465a-8462-77271c940a89\\\" class=\\\"code\\\"><code><core-link>This is a link to something special.<core-link></code></pre><p id=\\\"25d6f035-0d3e-43fd-9574-159437fdd0af\\\">Below is the list of available attributes</p><ol id=\\\"0c99a170-3fe3-43c4-b97d-781519f786f8\\\" class=\\\"numbered-list\\\" start=\\\"1\\\"><li><strong>href</strong><p id=\\\"222b784d-f256-4153-8929-d4b47b413976\\\">Specifies the url to go to once clicked. By default, it is "".</p><pre id=\\\"70792988-4595-4572-afc7-8e4344fde084\\\" class=\\\"code\\\"><code><core-link href="www.peter.com"></core-link></code></pre></li></ol><ol id=\\\"24b9df67-c0b5-4a9b-873d-036265c86959\\\" class=\\\"numbered-list\\\" start=\\\"2\\\"><li><strong>type</strong><p id=\\\"344b5bd8-2bf9-40d7-9a5c-81550ab94a33\\\">Change the type of the link. In effect, this changes the color scheme. The themes are set by CSS variables, and therefore can be changed. By default, the type is "".</p><pre id=\\\"1ee98a37-056a-4e78-a179-63397487bb83\\\" class=\\\"code\\\"><code><core-link type="danger"></core-link></code></pre><div id=\\\"51beeafb-9768-4af8-8208-510c0470b646\\\" class=\\\"collection-view\\\"><h4 class=\\\"collection-title\\\">Type Value</h4><table class=\\\"collection-content\\\"><thead><tr><th>Accepted Attribute Value</th><th>Description</th></tr></thead><tbody><tr id=\\\"aaa146a5-4460-4426-8d4a-8b95617f60f1\\\"><td class=\\\"cell-title\\\"><a href=\\\"https://www.notion.so/primary-aaa146a5446044268d4a8b95617f60f1\\\">primary</a></td><td class=\\\"cell-ac}[\\\">primary color (blue)</td></tr><tr id=\\\"276513c6-5941-4371-80bd-e2cb57802754\\\"><td class=\\\"cell-title\\\"><a href=\\\"https://www.notion.so/success-276513c65941437180bde2cb57802754\\\">success</a></td><td class=\\\"cell-ac}[\\\">success color (lime)</td></tr><tr id=\\\"8374ffef-840c-4cfb-964c-3d07e897bd33\\\"><td class=\\\"cell-title\\\"><a href=\\\"https://www.notion.so/warning-8374ffef840c4cfb964c3d07e897bd33\\\">warning</a></td><td class=\\\"cell-ac}[\\\">warning color (orange)</td></tr><tr id=\\\"c0d1eb7e-c4b6-4955-b200-1d2c8cf995aa\\\"><td class=\\\"cell-title\\\"><a href=\\\"https://www.notion.so/danger-c0d1eb7ec4b64955b2001d2c8cf995aa\\\">danger</a></td><td class=\\\"cell-ac}[\\\">danger color (tomato)</td></tr><tr id=\\\"3412ccc2-27d3-48c9-b18c-7b098edf0c84\\\"><td class=\\\"cell-title\\\"><a href=\\\"https://www.notion.so/info-3412ccc227d348c9b18c7b098edf0c84\\\">info</a></td><td class=\\\"cell-ac}[\\\">info color (slategray)</td></tr></tbody></table></div></li></ol><ol id=\\\"19a8958d-21eb-4696-b026-45afdf93ebef\\\" class=\\\"numbered-list\\\" start=\\\"3\\\"><li><strong>underline</strong><p id=\\\"8a33a71f-efe0-4b9b-90dd-26bb22baf3e8\\\">Gives underline to the link. By default, there is false.</p><pre id=\\\"e82fd2bb-0a5f-4330-bb91-b3235d36f6ab\\\" class=\\\"code\\\"><code><core-link underline></core-link></code></pre></li></ol><ol id=\\\"08b20208-d32d-4a50-921d-c5b9c8b62a42\\\" class=\\\"numbered-list\\\" start=\\\"4\\\"><li><strong>disabled</strong><p id=\\\"ee4c10ec-68d0-4d44-b808-6d9a9cc6c370\\\">Disables the link. By default, it is false.</p><pre id=\\\"6beb7c8d-403e-4bad-8483-d83442d3eb30\\\" class=\\\"code\\\"><code><core-link disabled></core-link></code></pre></li></ol></div></article></body></html>\";"],"mappings":"AAAA","sourceRoot":""}