@paperless/core 0.0.2-alpha.0 → 0.0.3-alpha.10
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/CHANGELOG.md +81 -1
- package/README.md +14 -10
- package/dist/assets/icons/arrow.svg +1 -1
- package/dist/assets/icons/attachment.svg +1 -1
- package/dist/assets/icons/bread.svg +1 -1
- package/dist/assets/icons/calendar.svg +1 -1
- package/dist/assets/icons/car.svg +1 -1
- package/dist/assets/icons/checkmark.svg +1 -1
- package/dist/assets/icons/chevron.svg +1 -1
- package/dist/assets/icons/clock.svg +1 -1
- package/dist/assets/icons/cogs.svg +1 -1
- package/dist/assets/icons/comment.svg +1 -1
- package/dist/assets/icons/document.svg +1 -1
- package/dist/assets/icons/download.svg +1 -1
- package/dist/assets/icons/envelope.svg +1 -1
- package/dist/assets/icons/explanation.svg +1 -1
- package/dist/assets/icons/eye.svg +1 -1
- package/dist/assets/icons/filter.svg +1 -1
- package/dist/assets/icons/grid.svg +1 -1
- package/dist/assets/icons/headset.svg +1 -1
- package/dist/assets/icons/list.svg +1 -1
- package/dist/assets/icons/location.svg +1 -1
- package/dist/assets/icons/megaphone.svg +1 -1
- package/dist/assets/icons/minus.svg +1 -1
- package/dist/assets/icons/negative.svg +1 -1
- package/dist/assets/icons/pagination.svg +1 -1
- package/dist/assets/icons/payment.svg +1 -1
- package/dist/assets/icons/pencil.svg +1 -1
- package/dist/assets/icons/person.svg +1 -1
- package/dist/assets/icons/plus.svg +1 -1
- package/dist/assets/icons/question.svg +1 -1
- package/dist/assets/icons/receipt.svg +1 -1
- package/dist/assets/icons/report.svg +1 -1
- package/dist/assets/icons/search.svg +1 -1
- package/dist/assets/icons/settings.svg +1 -1
- package/dist/assets/icons/sick.svg +1 -1
- package/dist/assets/icons/tachometer.svg +1 -1
- package/dist/assets/icons/tool.svg +1 -1
- package/dist/assets/icons/trash.svg +1 -1
- package/dist/assets/icons/turn.svg +1 -1
- package/dist/assets/icons/upload.svg +1 -1
- package/dist/assets/icons/warning.svg +1 -1
- package/dist/build/p-7dc80d7d.entry.js +1 -0
- package/dist/build/p-925c3a50.entry.js +1 -0
- package/dist/build/p-ad4cf55f.entry.js +1 -0
- package/dist/build/p-e9cdc0f0.js +2 -0
- package/dist/build/paperless.css +22 -12
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/{index-e3e940d8.js → index-9fa1dff4.js} +47 -4
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/p-button.cjs.entry.js +4 -4
- package/dist/cjs/p-icon.cjs.entry.js +802 -0
- package/dist/cjs/p-illustration.cjs.entry.js +1426 -0
- package/dist/cjs/paperless.cjs.js +2 -2
- package/dist/collection/assets/icons/arrow.svg +1 -1
- package/dist/collection/assets/icons/attachment.svg +1 -1
- package/dist/collection/assets/icons/bread.svg +1 -1
- package/dist/collection/assets/icons/calendar.svg +1 -1
- package/dist/collection/assets/icons/car.svg +1 -1
- package/dist/collection/assets/icons/checkmark.svg +1 -1
- package/dist/collection/assets/icons/chevron.svg +1 -1
- package/dist/collection/assets/icons/clock.svg +1 -1
- package/dist/collection/assets/icons/cogs.svg +1 -1
- package/dist/collection/assets/icons/comment.svg +1 -1
- package/dist/collection/assets/icons/document.svg +1 -1
- package/dist/collection/assets/icons/download.svg +1 -1
- package/dist/collection/assets/icons/envelope.svg +1 -1
- package/dist/collection/assets/icons/explanation.svg +1 -1
- package/dist/collection/assets/icons/eye.svg +1 -1
- package/dist/collection/assets/icons/filter.svg +1 -1
- package/dist/collection/assets/icons/grid.svg +1 -1
- package/dist/collection/assets/icons/headset.svg +1 -1
- package/dist/collection/assets/icons/list.svg +1 -1
- package/dist/collection/assets/icons/location.svg +1 -1
- package/dist/collection/assets/icons/megaphone.svg +1 -1
- package/dist/collection/assets/icons/minus.svg +1 -1
- package/dist/collection/assets/icons/negative.svg +1 -1
- package/dist/collection/assets/icons/pagination.svg +1 -1
- package/dist/collection/assets/icons/payment.svg +1 -1
- package/dist/collection/assets/icons/pencil.svg +1 -1
- package/dist/collection/assets/icons/person.svg +1 -1
- package/dist/collection/assets/icons/plus.svg +1 -1
- package/dist/collection/assets/icons/question.svg +1 -1
- package/dist/collection/assets/icons/receipt.svg +1 -1
- package/dist/collection/assets/icons/report.svg +1 -1
- package/dist/collection/assets/icons/search.svg +1 -1
- package/dist/collection/assets/icons/settings.svg +1 -1
- package/dist/collection/assets/icons/sick.svg +1 -1
- package/dist/collection/assets/icons/tachometer.svg +1 -1
- package/dist/collection/assets/icons/tool.svg +1 -1
- package/dist/collection/assets/icons/trash.svg +1 -1
- package/dist/collection/assets/icons/turn.svg +1 -1
- package/dist/collection/assets/icons/upload.svg +1 -1
- package/dist/collection/assets/icons/warning.svg +1 -1
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/button/button.component.js +6 -5
- package/dist/collection/components/icon/icon.component.js +108 -0
- package/dist/collection/components/illustration/illustration.component.js +39 -0
- package/dist/collection/tailwind.config.js +6 -0
- package/dist/collection/utils/icons.js +82 -0
- package/dist/collection/utils/illustrations.js +18 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +2 -0
- package/dist/components/p-button.js +4 -4
- package/dist/components/p-icon.d.ts +11 -0
- package/dist/components/p-icon.js +820 -0
- package/dist/components/p-illustration.d.ts +11 -0
- package/dist/components/p-illustration.js +1441 -0
- package/dist/esm/{index-100a5ae6.js → index-6dcfeac0.js} +47 -5
- package/dist/esm/loader.js +2 -2
- package/dist/esm/p-button.entry.js +4 -4
- package/dist/esm/p-icon.entry.js +798 -0
- package/dist/esm/p-illustration.entry.js +1422 -0
- package/dist/esm/paperless.js +2 -2
- package/dist/index.html +1 -1
- package/dist/paperless/p-7dc80d7d.entry.js +1 -0
- package/dist/paperless/p-925c3a50.entry.js +1 -0
- package/dist/paperless/p-ad4cf55f.entry.js +1 -0
- package/dist/paperless/p-e9cdc0f0.js +2 -0
- package/dist/paperless/paperless.css +23342 -13
- package/dist/paperless/paperless.esm.js +1 -1
- package/dist/sw.js +69 -20
- package/dist/tailwind.config.js +6 -0
- package/dist/types/components/button/button.component.d.ts +1 -1
- package/dist/types/components/icon/icon.component.d.ts +22 -0
- package/dist/types/components/illustration/illustration.component.d.ts +9 -0
- package/dist/types/components.d.ts +70 -2
- package/dist/types/utils/icons.d.ts +43 -0
- package/dist/types/utils/illustrations.d.ts +11 -0
- package/package.json +5 -2
- package/dist/build/p-54459ae1.js +0 -2
- package/dist/build/p-c66e9743.entry.js +0 -1
- package/dist/paperless/p-54459ae1.js +0 -2
- package/dist/paperless/p-c66e9743.entry.js +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
const index = require('./index-
|
|
3
|
+
const index = require('./index-9fa1dff4.js');
|
|
4
4
|
|
|
5
5
|
/*
|
|
6
6
|
Stencil Client Patch Browser v2.17.0 | MIT Licensed | https://stenciljs.com
|
|
@@ -15,5 +15,5 @@ const patchBrowser = () => {
|
|
|
15
15
|
};
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(options => {
|
|
18
|
-
return index.bootstrapLazy([["p-button.cjs",[[1,"p-button",{"variant":[1]}]]]], options);
|
|
18
|
+
return index.bootstrapLazy([["p-button.cjs",[[1,"p-button",{"variant":[1]}]]],["p-icon.cjs",[[0,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]],["p-illustration.cjs",[[0,"p-illustration",{"variant":[1]}]]]], options);
|
|
19
19
|
});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1em" height="1em" viewBox="0 0 16 16" version="1.1">
|
|
2
2
|
<title>434AFB85-135A-4569-A66B-6D5812BAA42C@1x</title>
|
|
3
3
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
4
4
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -208.000000)" fill="#989AB7">
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1em" height="1em" viewBox="0 0 16 16" version="1.1">
|
|
2
2
|
<title>6900D5DE-1A64-4EE8-8ABC-1FEE34C10458@1x</title>
|
|
3
3
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
4
4
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -240.000000)" fill="#80829E" fill-rule="nonzero">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>5F1EB64F-AB98-4EB4-AC35-FB0B26115170@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -272.000000)" fill="#989AB7" fill-rule="nonzero">
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1em" height="1em" viewBox="0 0 16 16" version="1.1">
|
|
2
2
|
<title>3D99E2A7-B47A-4957-8D2C-7AF582F435CF@1x</title>
|
|
3
3
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
4
4
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -304.000000)" fill="#989AB7">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>15BDAF47-5E79-4AD0-9D15-AEC22BEDD040@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -336.000000)" fill="#989AB7" fill-rule="nonzero">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>EB3016C2-A1DF-47ED-937C-697443FD3F3C@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -368.000000)" fill="#989AB7">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>2D60A936-D98C-47D5-81C3-87BE72E0E033@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -400.000000)" fill="#989AB7" fill-rule="nonzero">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>DA4F6F05-8E0E-4F99-8C04-325E1026BDED@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -432.000000)" fill="#989AB7">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>D69A8BFD-59F3-48E5-B2F8-A57D151EB85C@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -468.000000)" fill="#989AB7" fill-rule="nonzero">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>85F96114-FD2C-4B57-AEA8-3B2854320A29@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -502.000000)" fill="#989AB7">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>20D69539-7C20-49F0-9BCF-AE6F4D356668@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -534.000000)" fill="#989AB7">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>467E5344-FF5F-465D-940E-3EE5A5238ED5@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -566.000000)" fill="#989AB7" fill-rule="nonzero">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>6E5BAADC-0E2C-4B1F-8A4B-A6F7D16BAE6B@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -598.000000)" fill="#989AB7" fill-rule="nonzero">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>689A577B-4141-4E4F-B884-DF9FBE546815@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1366.000000)" fill="#989AB7" fill-rule="nonzero">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>36A03146-33F9-43AB-B64A-795FF770A42E@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -630.000000)" fill="#989AB7">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>161B97F5-D5D9-43EE-AD95-15870E881303@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -662.000000)" fill="#989AB7">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>0B846487-E152-44B1-B058-D5E90C916406@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -694.000000)" fill="#989AB7">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>1B240603-203F-49BC-9F73-8609C2B2A397@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -726.000000)" fill="#989AB7">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>680FABDB-CA3A-4C86-A241-59CFA9DF98BD@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -758.000000)" fill="#989AB7">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>F74A1493-189D-4CFE-9DC0-D69141A189C7@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -790.000000)" fill="#989AB7">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>A2F9256B-4901-4C20-8F77-D5066011EE5A@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -822.000000)" fill="#989AB7" fill-rule="nonzero">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>1AA10FE9-5D18-418E-AF58-B044C23B6DEB@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -854.000000)" fill="#989AB7">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>B592C279-58CD-4C4A-A354-393D736863E2@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -886.000000)" fill="#989AB7">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>667348A2-48CB-496D-8C8A-3A0C4142E887@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1430.000000)" fill="#989AB7">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>46CF5A08-42A2-4628-A7C8-6721B5428686@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -918.000000)" fill="#989AB7">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>9E1784EB-8E2A-4C1A-A8C3-F500E03858E6@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -950.000000)" fill="#989AB7" fill-rule="nonzero">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>C1AD60F3-92E2-4915-A731-25F894172F6D@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -982.000000)" fill="#989AB7">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>70C9DBCC-EA4A-4C0D-8EE1-ACE33C96B3AC@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1014.000000)" fill="#989AB7">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>B38D7652-BAD1-453A-A17A-8BD72B3A27DE@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1046.000000)" fill="#989AB7">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>B8233FCC-7CA7-43E4-90EE-D7BEB3AE64DB@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1078.000000)" fill="#989AB7">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>92D2E7B0-15BC-4C37-851A-D0ECF493A903@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1110.000000)" fill="#989AB7">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>B40F2062-9E93-4938-9311-BB5EA06B94E6@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1142.000000)" fill="#989AB7">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>A9EABECA-B7A8-4867-A725-E241A597A9A2@1x</title>
|
|
4
4
|
<defs>
|
|
5
5
|
<path d="M4.00090072,11.8289758 L4,14 C4,14.5522847 3.55228475,15 3,15 C2.44771525,15 2,14.5522847 2,14 L1.99916774,11.829 C2.31218182,11.939739 2.64905356,12 3,12 C3.35097203,12 3.6878673,11.9397302 4.00090072,11.8289758 Z M9.00090072,8.82897577 L9,14 C9,14.5522847 8.55228475,15 8,15 C7.44771525,15 7,14.5522847 7,14 L6.99916774,8.82899999 C7.31218182,8.93973902 7.64905356,9 8,9 C8.35097203,9 8.6878673,8.93973023 9.00090072,8.82897577 Z M14.0009007,12.8289758 L14,14 C14,14.5522847 13.5522847,15 13,15 C12.4477153,15 12,14.5522847 12,14 L11.9991677,12.829 C12.3121818,12.939739 12.6490536,13 13,13 C13.350972,13 13.6878673,12.9397302 14.0009007,12.8289758 Z M13,8 C14.1045695,8 15,8.8954305 15,10 C15,11.1045695 14.1045695,12 13,12 C11.8954305,12 11,11.1045695 11,10 C11,8.8954305 11.8954305,8 13,8 Z M3,7 C4.1045695,7 5,7.8954305 5,9 C5,10.1045695 4.1045695,11 3,11 C1.8954305,11 1,10.1045695 1,9 C1,7.8954305 1.8954305,7 3,7 Z M8,4 C9.1045695,4 10,4.8954305 10,6 C10,7.1045695 9.1045695,8 8,8 C6.8954305,8 6,7.1045695 6,6 C6,4.8954305 6.8954305,4 8,4 Z M13,1 C13.5522847,1 14,1.44771525 14,2 L14.0009007,7.17102423 C13.6878673,7.06026977 13.350972,7 13,7 C12.6490536,7 12.3121818,7.06026098 11.9991677,7.17100001 L12,2 C12,1.44771525 12.4477153,1 13,1 Z M3,1 C3.55228475,1 4,1.44771525 4,2 L4.00090072,6.17102423 C3.6878673,6.06026977 3.35097203,6 3,6 C2.64905356,6 2.31218182,6.06026098 1.99916774,6.17100001 L2,2 C2,1.44771525 2.44771525,1 3,1 Z M8,1 C8.55228475,1 9,1.44771525 9,2 L9.00090072,3.17102423 C8.6878673,3.06026977 8.35097203,3 8,3 C7.64905356,3 7.31218182,3.06026098 6.99916774,3.17100001 L7,2 C7,1.44771525 7.44771525,1 8,1 Z" id="path-1"></path>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>8258B213-4691-4F57-A9BA-B794CD8C1294@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1462.000000)" fill="#989AB7">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>444A72E2-89EC-4714-A021-8E912B45CAD5@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1206.000000)" fill="#989AB7">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>3412434A-3941-4BA7-AF31-A18B70C22235@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1238.000000)" fill="#989AB7">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>57E63C9F-ED1A-4C01-82E7-4413FAE7BD1B@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1270.000000)" fill="#989AB7">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>3D8FF491-8CCF-45C5-8645-7ADDDAD1C215@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1398.000000)" fill="#989AB7">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>625641CF-AE77-4A64-95BC-298DB7F96CF6@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1302.000000)" fill="#989AB7" fill-rule="nonzero">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="
|
|
2
|
+
<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
3
|
<title>8610B121-CA13-4C32-BC35-1DBE51B9260A@1x</title>
|
|
4
4
|
<g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
5
|
<g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1334.000000)" fill="#989AB7">
|
|
@@ -1,14 +1,15 @@
|
|
|
1
|
-
import { Component, h, Prop } from '@stencil/core';
|
|
1
|
+
import { Component, h, Host, Prop } from '@stencil/core';
|
|
2
2
|
export class Button {
|
|
3
3
|
constructor() {
|
|
4
4
|
/**
|
|
5
|
-
* The
|
|
5
|
+
* The variant of the button
|
|
6
6
|
*/
|
|
7
7
|
this.variant = 'primary';
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h(
|
|
11
|
-
h("
|
|
10
|
+
return (h(Host, null,
|
|
11
|
+
h("button", { class: `variant-${this.variant}` },
|
|
12
|
+
h("slot", null))));
|
|
12
13
|
}
|
|
13
14
|
static get is() { return "p-button"; }
|
|
14
15
|
static get encapsulation() { return "shadow"; }
|
|
@@ -31,7 +32,7 @@ export class Button {
|
|
|
31
32
|
"optional": false,
|
|
32
33
|
"docs": {
|
|
33
34
|
"tags": [],
|
|
34
|
-
"text": "The
|
|
35
|
+
"text": "The variant of the button"
|
|
35
36
|
},
|
|
36
37
|
"attribute": "variant",
|
|
37
38
|
"reflect": false,
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import { Component, h, Host, Prop } from '@stencil/core';
|
|
2
|
+
import icons from '../../utils/icons';
|
|
3
|
+
export class Icon {
|
|
4
|
+
constructor() {
|
|
5
|
+
/**
|
|
6
|
+
* The icon the be displayed
|
|
7
|
+
*/
|
|
8
|
+
this.variant = null;
|
|
9
|
+
/**
|
|
10
|
+
* The size of the icon, using tailwind sizes
|
|
11
|
+
*/
|
|
12
|
+
this.size = 'auto';
|
|
13
|
+
/**
|
|
14
|
+
* Wether to rotate the icon x degrees
|
|
15
|
+
*/
|
|
16
|
+
this.rotate = null;
|
|
17
|
+
/**
|
|
18
|
+
* Wether to flip the icon horizontally or vertically
|
|
19
|
+
*/
|
|
20
|
+
this.flip = null;
|
|
21
|
+
}
|
|
22
|
+
render() {
|
|
23
|
+
const icon = icons[this.variant];
|
|
24
|
+
return h(Host, { class: this._getClass(), innerHTML: icon });
|
|
25
|
+
}
|
|
26
|
+
_getClass() {
|
|
27
|
+
return `p-icon inline-block text-${this.size} ${this.rotate || this.flip ? 'transform' : ''} ${this.rotate ? ` ${this.rotate < 0 ? '-' : ''}rotate-${this.rotate < 0 ? this.rotate * -1 : this.rotate}` : ''} ${this.flip === 'horizontal' ? ` -scale-x-1` : this.flip === 'vertical' ? ` -scale-y-1` : ''}`;
|
|
28
|
+
}
|
|
29
|
+
static get is() { return "p-icon"; }
|
|
30
|
+
static get properties() { return {
|
|
31
|
+
"variant": {
|
|
32
|
+
"type": "string",
|
|
33
|
+
"mutable": false,
|
|
34
|
+
"complexType": {
|
|
35
|
+
"original": "IconVariant",
|
|
36
|
+
"resolved": "\"arrow\" | \"attachment\" | \"bread\" | \"calendar\" | \"car\" | \"checkmark\" | \"chevron\" | \"clock\" | \"cogs\" | \"comment\" | \"document\" | \"download\" | \"envelope\" | \"explanation\" | \"eye\" | \"filter\" | \"grid\" | \"headset\" | \"list\" | \"location\" | \"megaphone\" | \"minus\" | \"negative\" | \"pagination\" | \"payment\" | \"pencil\" | \"person\" | \"plus\" | \"question\" | \"receipt\" | \"report\" | \"search\" | \"settings\" | \"sick\" | \"tachometer\" | \"tool\" | \"trash\" | \"turn\" | \"upload\" | \"warning\"",
|
|
37
|
+
"references": {
|
|
38
|
+
"IconVariant": {
|
|
39
|
+
"location": "local"
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
"required": false,
|
|
44
|
+
"optional": false,
|
|
45
|
+
"docs": {
|
|
46
|
+
"tags": [],
|
|
47
|
+
"text": "The icon the be displayed"
|
|
48
|
+
},
|
|
49
|
+
"attribute": "variant",
|
|
50
|
+
"reflect": false,
|
|
51
|
+
"defaultValue": "null"
|
|
52
|
+
},
|
|
53
|
+
"size": {
|
|
54
|
+
"type": "string",
|
|
55
|
+
"mutable": false,
|
|
56
|
+
"complexType": {
|
|
57
|
+
"original": "string",
|
|
58
|
+
"resolved": "string",
|
|
59
|
+
"references": {}
|
|
60
|
+
},
|
|
61
|
+
"required": false,
|
|
62
|
+
"optional": false,
|
|
63
|
+
"docs": {
|
|
64
|
+
"tags": [],
|
|
65
|
+
"text": "The size of the icon, using tailwind sizes"
|
|
66
|
+
},
|
|
67
|
+
"attribute": "size",
|
|
68
|
+
"reflect": false,
|
|
69
|
+
"defaultValue": "'auto'"
|
|
70
|
+
},
|
|
71
|
+
"rotate": {
|
|
72
|
+
"type": "number",
|
|
73
|
+
"mutable": false,
|
|
74
|
+
"complexType": {
|
|
75
|
+
"original": "number",
|
|
76
|
+
"resolved": "number",
|
|
77
|
+
"references": {}
|
|
78
|
+
},
|
|
79
|
+
"required": false,
|
|
80
|
+
"optional": false,
|
|
81
|
+
"docs": {
|
|
82
|
+
"tags": [],
|
|
83
|
+
"text": "Wether to rotate the icon x degrees"
|
|
84
|
+
},
|
|
85
|
+
"attribute": "rotate",
|
|
86
|
+
"reflect": false,
|
|
87
|
+
"defaultValue": "null"
|
|
88
|
+
},
|
|
89
|
+
"flip": {
|
|
90
|
+
"type": "string",
|
|
91
|
+
"mutable": false,
|
|
92
|
+
"complexType": {
|
|
93
|
+
"original": "'horizontal' | 'vertical'",
|
|
94
|
+
"resolved": "\"horizontal\" | \"vertical\"",
|
|
95
|
+
"references": {}
|
|
96
|
+
},
|
|
97
|
+
"required": false,
|
|
98
|
+
"optional": false,
|
|
99
|
+
"docs": {
|
|
100
|
+
"tags": [],
|
|
101
|
+
"text": "Wether to flip the icon horizontally or vertically"
|
|
102
|
+
},
|
|
103
|
+
"attribute": "flip",
|
|
104
|
+
"reflect": false,
|
|
105
|
+
"defaultValue": "null"
|
|
106
|
+
}
|
|
107
|
+
}; }
|
|
108
|
+
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { Component, h, Host, Prop } from '@stencil/core';
|
|
2
|
+
import illustrations from '../../utils/illustrations';
|
|
3
|
+
export class Icon {
|
|
4
|
+
constructor() {
|
|
5
|
+
/**
|
|
6
|
+
* The icon the be displayed
|
|
7
|
+
*/
|
|
8
|
+
this.variant = null;
|
|
9
|
+
}
|
|
10
|
+
render() {
|
|
11
|
+
const illustration = illustrations[this.variant];
|
|
12
|
+
return h(Host, { class: "p-illustration block", innerHTML: illustration });
|
|
13
|
+
}
|
|
14
|
+
static get is() { return "p-illustration"; }
|
|
15
|
+
static get properties() { return {
|
|
16
|
+
"variant": {
|
|
17
|
+
"type": "string",
|
|
18
|
+
"mutable": false,
|
|
19
|
+
"complexType": {
|
|
20
|
+
"original": "IllustrationVariant",
|
|
21
|
+
"resolved": "\"departments\" | \"empty-state\" | \"expenses\" | \"functions\" | \"questions\" | \"sick-leave\" | \"time-off\" | \"upgrade-to-hr\"",
|
|
22
|
+
"references": {
|
|
23
|
+
"IllustrationVariant": {
|
|
24
|
+
"location": "local"
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
"required": false,
|
|
29
|
+
"optional": false,
|
|
30
|
+
"docs": {
|
|
31
|
+
"tags": [],
|
|
32
|
+
"text": "The icon the be displayed"
|
|
33
|
+
},
|
|
34
|
+
"attribute": "variant",
|
|
35
|
+
"reflect": false,
|
|
36
|
+
"defaultValue": "null"
|
|
37
|
+
}
|
|
38
|
+
}; }
|
|
39
|
+
}
|