@cas-smartdesign/token-selector 0.15.0
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/LICENSE +8 -0
- package/dist/clipboard-extension.d.ts +6 -0
- package/dist/docs/1_remove_only.js +1 -0
- package/dist/docs/2_multi_select.js +1 -0
- package/dist/docs/3_editable_input_attributes.js +1 -0
- package/dist/docs/4_dnd.js +1 -0
- package/dist/docs/5_other.js +1 -0
- package/dist/docs/button.mjs +103 -0
- package/dist/docs/demo.svg +4 -0
- package/dist/docs/doc.css +1 -0
- package/dist/docs/doc.mjs +835 -0
- package/dist/docs/edit.svg +3 -0
- package/dist/docs/index.html +32 -0
- package/dist/docs/monkey.svg +55 -0
- package/dist/docs/state-accept.svg +3 -0
- package/dist/docs/state-decline.svg +3 -0
- package/dist/docs/state-no-response-received.svg +4 -0
- package/dist/docs/state-tentative.svg +8 -0
- package/dist/docs/token-provider.mjs +1 -0
- package/dist/drag-and-drop-extension.d.ts +6 -0
- package/dist/token-selector-with-externals.js +250 -0
- package/dist/token-selector-with-externals.js.map +7 -0
- package/dist/token-selector.d.ts +109 -0
- package/dist/token-selector.mjs +637 -0
- package/dist/token-selector.mjs.map +1 -0
- package/dist/token-suggest-popover.d.ts +26 -0
- package/dist/token.d.ts +43 -0
- package/npm-third-party-licenses.json +197 -0
- package/package.json +42 -0
- package/readme.md +137 -0
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
|
2
|
+
<path d="M16.75 2.531C14.477 4.799 6.072 13.227 4.062 15.219c-.658 2.047-1.35 4.084-2.03 6.125l-.313.937.937-.312c2.043-.672 4.077-1.377 6.125-2.032C11.055 17.622 19.197 9.523 21.47 7.25c.374-.374.365-1.135 0-1.5-.789-.792-2.818-2.818-3.219-3.219-.371-.371-1.125-.373-1.5 0zm.75.656L20.813 6.5 19 8.313A207.275 207.275 0 0 1 15.687 5zm-2.5 2.5A175.497 175.497 0 0 1 18.313 9L8.25 19.063l-4.969 1.656 1.656-4.969z" style="text-indent:0;text-align:start;line-height:normal;text-transform:none;block-progression:tb;marker:none;-inkscape-font-specification:Sans" font-weight="400" color="#000" fill="#1467ba" overflow="visible" font-family="Sans"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8" />
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
+
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
|
7
|
+
<title>Token selector demo</title>
|
|
8
|
+
<style>
|
|
9
|
+
.markdown-body {
|
|
10
|
+
box-sizing: border-box;
|
|
11
|
+
min-width: 200px;
|
|
12
|
+
max-width: 980px;
|
|
13
|
+
margin: 0 auto !important;
|
|
14
|
+
padding-bottom: 45px;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.markdown-body img {
|
|
18
|
+
background: transparent;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.popover-container[popover-for="token-autosuggest-popover"] sd-list {
|
|
22
|
+
background: white;
|
|
23
|
+
}
|
|
24
|
+
</style>
|
|
25
|
+
<script type="module" crossorigin src="./doc.mjs"></script>
|
|
26
|
+
<link rel="stylesheet" crossorigin href="./doc.css">
|
|
27
|
+
</head>
|
|
28
|
+
|
|
29
|
+
<body>
|
|
30
|
+
<div class="markdown-body"><div id="markdown-container"></div></div>
|
|
31
|
+
</body>
|
|
32
|
+
</html>
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" viewBox="0 0 48 48">
|
|
2
|
+
<defs>
|
|
3
|
+
<linearGradient id="e">
|
|
4
|
+
<stop offset="0" stop-color="#3d280a"/>
|
|
5
|
+
<stop offset="1" stop-color="#3d280a" stop-opacity="0"/>
|
|
6
|
+
</linearGradient>
|
|
7
|
+
<linearGradient id="d">
|
|
8
|
+
<stop offset="0"/>
|
|
9
|
+
<stop offset="1" stop-opacity="0"/>
|
|
10
|
+
</linearGradient>
|
|
11
|
+
<linearGradient id="f">
|
|
12
|
+
<stop offset="0" stop-color="#a15702"/>
|
|
13
|
+
<stop offset="1" stop-color="#683c00"/>
|
|
14
|
+
</linearGradient>
|
|
15
|
+
<linearGradient id="b">
|
|
16
|
+
<stop offset="0" stop-color="#f6e1cf"/>
|
|
17
|
+
<stop offset=".5" stop-color="#e19d56"/>
|
|
18
|
+
<stop offset="1" stop-color="#f4dcb7"/>
|
|
19
|
+
</linearGradient>
|
|
20
|
+
<linearGradient id="c">
|
|
21
|
+
<stop offset="0" stop-color="#8f5402"/>
|
|
22
|
+
<stop offset="1" stop-color="#6e4001"/>
|
|
23
|
+
</linearGradient>
|
|
24
|
+
<linearGradient id="a">
|
|
25
|
+
<stop offset="0" stop-color="#fff"/>
|
|
26
|
+
<stop offset="1" stop-color="#fff" stop-opacity=".29963899"/>
|
|
27
|
+
</linearGradient>
|
|
28
|
+
<linearGradient xlink:href="#a" id="o" x1="24" y1="7.4000092" x2="24" y2="38.329697" gradientUnits="userSpaceOnUse"/>
|
|
29
|
+
<radialGradient xlink:href="#b" id="m" cx="-14.822968" cy="20.156464" fx="-14.822968" fy="20.156464" r="5.3293829" gradientUnits="userSpaceOnUse" gradientTransform="matrix(2.45184 1.17473 -1.32428 2.80558 46.03865 -21.18657)"/>
|
|
30
|
+
<radialGradient xlink:href="#b" id="j" cx="-3.0652061" cy="18.305458" fx="-3.0652061" fy="18.305458" r="5.3310089" gradientUnits="userSpaceOnUse" gradientTransform="translate(7.834793 -46.7895) scale(3.55604)"/>
|
|
31
|
+
<linearGradient xlink:href="#c" id="h" x1="-10.735215" y1="11.428152" x2="-9.25" y2="18.440943" gradientUnits="userSpaceOnUse"/>
|
|
32
|
+
<linearGradient xlink:href="#c" id="k" x1="-10.153608" y1="10.91142" x2="-7.9586563" y2="18.145666" gradientUnits="userSpaceOnUse"/>
|
|
33
|
+
<linearGradient xlink:href="#a" id="l" x1="-5.2680058" y1="20.641153" x2="-12.272349" y2="8.6855774" gradientUnits="userSpaceOnUse"/>
|
|
34
|
+
<linearGradient xlink:href="#a" id="i" gradientUnits="userSpaceOnUse" x1="-5.2680058" y1="20.641153" x2="-12.272349" y2="8.6855774"/>
|
|
35
|
+
<radialGradient xlink:href="#d" id="g" cx="-6" cy="37.75" fx="-6" fy="37.75" r="14" gradientTransform="matrix(1 0 0 .26786 0 27.63839)" gradientUnits="userSpaceOnUse"/>
|
|
36
|
+
<linearGradient xlink:href="#a" id="r" x1="29.064308" y1="39.4202" x2="12.860207" y2="2.4916291" gradientUnits="userSpaceOnUse"/>
|
|
37
|
+
<radialGradient xlink:href="#b" id="p" cx="24.00001" cy="32.820721" fx="24.00001" fy="32.820721" r="14.999994" gradientTransform="matrix(2.78388 0 0 1.96169 -42.81308 -33.63393)" gradientUnits="userSpaceOnUse"/>
|
|
38
|
+
<radialGradient xlink:href="#e" id="q" cx="23.987946" cy="30.12611" fx="23.987946" fy="30.12611" r="10.987951" gradientTransform="matrix(1.83824 0 0 .85527 -20.10762 3.134087)" gradientUnits="userSpaceOnUse"/>
|
|
39
|
+
<radialGradient xlink:href="#f" id="n" cx="24" cy="13.057613" fx="24" fy="13.057613" r="16.971834" gradientTransform="matrix(1.63506 0 0 1.83045 -15.24149 -12.15138)" gradientUnits="userSpaceOnUse"/>
|
|
40
|
+
</defs>
|
|
41
|
+
<path style="marker:none" d="M8 37.75a14 3.75 0 1 1-28 0 14 3.75 0 1 1 28 0z" transform="matrix(1.53571 0 0 1.51296 33.46429 -17.11425)" opacity=".48453608" color="#000" fill="url(#g)" fill-rule="evenodd" overflow="visible"/>
|
|
42
|
+
<path style="marker:none" d="M-4.5 14.75a4.75 4.75 0 1 1-9.5 0 4.75 4.75 0 1 1 9.5 0z" transform="matrix(1.0421 0 0 1.36842 16.13946 .81579)" color="#000" fill="url(#h)" fill-rule="evenodd" stroke="#3d280a" stroke-width=".83740312" stroke-linecap="round" stroke-linejoin="round" overflow="visible"/>
|
|
43
|
+
<path style="marker:none" d="M-4.5 14.75a4.75 4.75 0 1 1-9.5 0 4.75 4.75 0 1 1 9.5 0z" transform="matrix(.8421 0 0 1.166 14.28947 3.84008)" opacity=".2" color="#000" fill="none" stroke="url(#i)" stroke-width="1.00918198" stroke-linecap="round" stroke-linejoin="round" overflow="visible"/>
|
|
44
|
+
<path style="marker:none" d="M-4.5 14.75a4.75 4.75 0 1 1-9.5 0 4.75 4.75 0 1 1 9.5 0z" transform="matrix(.79945 0 0 .95167 14.62707 7.030045)" color="#000" fill="url(#j)" fill-rule="evenodd" stroke="#50340d" stroke-width="1.14646637" stroke-linecap="round" stroke-linejoin="round" overflow="visible"/>
|
|
45
|
+
<path style="marker:none" d="M-4.5 14.75a4.75 4.75 0 1 1-9.5 0 4.75 4.75 0 1 1 9.5 0z" transform="matrix(1.0421 0 0 1.36842 51.13946 .81579)" color="#000" fill="url(#k)" fill-rule="evenodd" stroke="#3d280a" stroke-width=".83740354" stroke-linecap="round" stroke-linejoin="round" overflow="visible"/>
|
|
46
|
+
<path style="marker:none" d="M-4.5 14.75a4.75 4.75 0 1 1-9.5 0 4.75 4.75 0 1 1 9.5 0z" transform="matrix(.8421 0 0 1.166 49.28947 3.80162)" opacity=".2" color="#000" fill="none" stroke="url(#l)" stroke-width="1.00918198" stroke-linecap="round" stroke-linejoin="round" overflow="visible"/>
|
|
47
|
+
<path style="marker:none" d="M-4.5 14.75a4.75 4.75 0 1 1-9.5 0 4.75 4.75 0 1 1 9.5 0z" transform="matrix(.78975 0 0 .95167 48.02639 7.030045)" color="#000" fill="url(#m)" fill-rule="evenodd" stroke="#50340d" stroke-width="1.15348637" stroke-linecap="round" stroke-linejoin="round" overflow="visible"/>
|
|
48
|
+
<path style="marker:none" d="M37.5 23.5c7.5 8 0 19-13.5 18.999981C10.5 42.499962 3 31.5 10.5 23.5 6.5 13 14.5 5.4999918 24 5.4999959 33.5 5.5 41.5 13 37.5 23.5z" color="#000" fill="url(#n)" fill-rule="evenodd" stroke="#3d280a" stroke-width=".99999958" stroke-linecap="round" stroke-linejoin="round" overflow="visible"/>
|
|
49
|
+
<path style="marker:none" d="M36.5 23.5c7 8 .203501 18.000017-12.500001 18C11.296497 41.499981 4.5 31.5 11.5 23.5 7.5 13 15.060498 6.5000053 23.999999 6.5000091 32.939499 6.500013 40.5 13 36.5 23.5z" color="#000" fill="none" stroke="url(#o)" stroke-width=".99999928" stroke-linecap="round" stroke-linejoin="round" overflow="visible" opacity=".3814433"/>
|
|
50
|
+
<path style="marker:none" d="M17.838217 10.504844C14.264974 10.725244 11.5 14.102208 11.5 18.5c0 1.915169.480445 3.910093 1.384633 5.308394C10.771363 25.573646 9.5 27 9.5016977 30.339227 9.5045488 35.947033 15 40.5 23.999992 40.498302 33 40.496604 38.494904 35.947033 38.498287 30.339227 38.5 27 37.228622 25.573646 35.115352 23.808394 36.01954 22.410093 36.5 20.415168 36.5 18.5c0-4.539658-2.96593-7.995156-6.700689-7.995156-2.450936 0-4.61225 1.586945-5.799319 3.960829-1.187068-2.373884-3.348382-3.960829-5.799318-3.960829-.116711 0-.247191-.00711-.362457 0z" color="#000" fill="url(#p)" fill-rule="evenodd" stroke="#7a4f13" stroke-width="1.00339544" stroke-linecap="round" stroke-linejoin="round" overflow="visible"/>
|
|
51
|
+
<path style="marker:none" d="M21.9999965 21.49999975a1.9999995 2.49999925 0 1 1-3.999999 0 1.9999995 2.49999925 0 1 1 3.999999 0z" color="#000" fill-rule="evenodd" overflow="visible"/>
|
|
52
|
+
<path d="M13.499995 26.6c6.29277 2.4 14.683131 2.4 20.975901 0" fill="none" stroke="url(#q)" stroke-width="1.00000012" stroke-linecap="round" opacity=".8814433"/>
|
|
53
|
+
<path style="marker:none" d="M18.263225 11.504636c-3.475804-.092332-5.923683 3.31225-5.901051 7.462085C12.371922 20.75417 13.158177 22.69493 14 24c-1.967512 1.647555-3.363465 2.902907-3.4983 6.016575-.22665 5.23391 4.971252 9.464175 13.498304 9.481726 8.398429.017287 13.646441-4.096531 13.498306-9.481726C37.412612 26.901167 35.967512 25.647555 34 24c.841824-1.30507 1.628719-3.245826 1.637851-5.033279.021758-4.258738-2.445472-7.777974-6.238523-7.462085C27.125312 11.694018 26 13 25 15c-.5.5-1.5.5-2 0-1-2-2-3.5-4.736775-3.495364z" opacity=".4" color="#000" fill="none" stroke="url(#r)" stroke-width="1.003" stroke-linecap="round" stroke-linejoin="round" overflow="visible"/>
|
|
54
|
+
<path style="marker:none" d="M29.9999965 21.49999975a1.9999995 2.49999925 0 1 1-3.999999 0 1.9999995 2.49999925 0 1 1 3.999999 0z" color="#000" fill-rule="evenodd" overflow="visible"/>
|
|
55
|
+
</svg>
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
|
|
2
|
+
<path d="m-129.094 79.297-2.254-2.253 4.95-4.95-4.95-4.95 2.254-2.253 7.204 7.204z" fill="none"/>
|
|
3
|
+
<path style="marker:none" color="#000" overflow="visible" fill="#ff8f61" d="M10 15h3V3h-3zm0 6h3v-3h-3z"/>
|
|
4
|
+
</svg>
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
|
|
2
|
+
<g font-weight="400" letter-spacing="0" word-spacing="0" fill="#1467ba">
|
|
3
|
+
<text style="line-height:125%;-inkscape-font-specification:Segoe UI" x="27" y="1048.362" font-size="144" font-family="Segoe UI" transform="translate(0 -1028.362)">
|
|
4
|
+
<tspan x="27" y="1048.362" font-size="24">?</tspan>
|
|
5
|
+
</text>
|
|
6
|
+
<path style="line-height:125%" d="M12.188 3.656c-.737 0-1.51.08-2.344.25C9.096 4.053 8.5 4.324 8 4.5v1.562a10.22 10.22 0 0 1 1.47-.656C10.275 5.123 11.137 5 12.031 5c1.01 0 1.885.22 2.562.719.706.504 1.132 1.307 1.132 2.28a3.77 3.77 0 0 1-.507 1.876c-.273.47-.64.909-1.125 1.344-.404.378-.91.765-1.531 1.125-.548.321-1.093.581-1.563.844V16h1.4v-2.062c-.006-.122.125-.245.226-.313.64-.368 1.273-.734 1.843-1.125a9.934 9.934 0 0 0 1.469-1.25 5.33 5.33 0 0 0 1.022-1.5c.256-.563.316-1.21.316-1.938 0-1.265-.367-2.203-1.286-2.968-.905-.766-2.157-1.188-3.802-1.188zM11 18.25V20h1.656v-1.75z" font-size="24.333" font-family="sans-serif"/>
|
|
7
|
+
</g>
|
|
8
|
+
</svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const a="./demo.svg";function i(s){const t=[];return t.push({caption:"Address assistant",description:"First aia tag",type:"aia-tag",disabled:!0}),t.push({caption:"Picasso assistant",description:"Second aia tag",type:"aia-tag"}),t.push({caption:"Import assistant",description:"Third aia tag",type:"aia-tag"}),t.push({caption:"My personal tag",type:"user-tag",disabled:!s}),t.push({caption:"My second personal tag",type:"user-tag",disabled:!s}),t.push({caption:"Administration",type:"system-tag",icon:a,iconBackgroundColor:"rgb(0, 138, 178)"}),t.push({caption:"Database assistant",type:"system-tag",icon:a,iconBackgroundColor:"rgb(0, 138, 178)"}),t.push({caption:"Tag without type",disabled:!s}),t.push({caption:"Tag with some description",description:"This is the description of the tag",disabled:!s}),t}export{i as g};
|