@maggioli-design-system/mds-input-tip 1.0.0
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index-fe2df682.js +1571 -0
- package/dist/cjs/index.cjs.js +2 -0
- package/dist/cjs/loader.cjs.js +13 -0
- package/dist/cjs/mds-input-tip.cjs.entry.js +21 -0
- package/dist/cjs/mds-input-tip.cjs.js +23 -0
- package/dist/collection/collection-manifest.json +12 -0
- package/dist/collection/common/aria.js +29 -0
- package/dist/collection/common/file.js +48 -0
- package/dist/collection/common/icon.js +15 -0
- package/dist/collection/common/keyboard-manager.js +45 -0
- package/dist/collection/common/locale.js +20 -0
- package/dist/collection/common/unit.js +22 -0
- package/dist/collection/common/yugop/core.js +16 -0
- package/dist/collection/common/yugop/index.js +3 -0
- package/dist/collection/common/yugop/random-text.js +59 -0
- package/dist/collection/common/yugop/utils/math.js +11 -0
- package/dist/collection/common/yugop/utils/noop.js +1 -0
- package/dist/collection/common/yugop/utils/prng.js +21 -0
- package/dist/collection/common/yugop/utils/string.js +2 -0
- package/dist/collection/components/mds-input-tip/mds-input-tip.css +280 -0
- package/dist/collection/components/mds-input-tip/mds-input-tip.js +68 -0
- package/dist/collection/components/mds-input-tip/meta/types.js +1 -0
- package/dist/collection/components/mds-input-tip/test/mds-input-tip.e2e.js +9 -0
- package/dist/collection/dictionary/autocomplete.js +59 -0
- package/dist/collection/dictionary/button.js +30 -0
- package/dist/collection/dictionary/color.js +19 -0
- package/dist/collection/dictionary/file-extensions.js +64 -0
- package/dist/collection/dictionary/floating-ui.js +19 -0
- package/dist/collection/dictionary/icon.js +10 -0
- package/dist/collection/dictionary/input.js +37 -0
- package/dist/collection/dictionary/loading.js +5 -0
- package/dist/collection/dictionary/text.js +6 -0
- package/dist/collection/dictionary/typography.js +67 -0
- package/dist/collection/dictionary/variant.js +90 -0
- package/dist/collection/fixtures/cities.js +110 -0
- package/dist/collection/fixtures/filenames.js +57 -0
- package/dist/collection/interface/input-value.js +1 -0
- package/dist/collection/type/autocomplete.js +1 -0
- package/dist/collection/type/button.js +1 -0
- package/dist/collection/type/file-types.js +1 -0
- package/dist/collection/type/floating-ui.js +1 -0
- package/dist/collection/type/form-rel.js +1 -0
- package/dist/collection/type/input.js +1 -0
- package/dist/collection/type/loading.js +1 -0
- package/dist/collection/type/text.js +1 -0
- package/dist/collection/type/typography.js +1 -0
- package/dist/collection/type/variant-file-format.js +120 -0
- package/dist/collection/type/variant.js +1 -0
- package/dist/components/index.d.ts +33 -0
- package/dist/components/index.js +1 -0
- package/dist/components/mds-input-tip.d.ts +11 -0
- package/dist/components/mds-input-tip.js +38 -0
- package/dist/documentation.d.ts +401 -0
- package/dist/documentation.json +97 -0
- package/dist/esm/index-351c5c8a.js +1544 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/loader.js +9 -0
- package/dist/esm/mds-input-tip.entry.js +17 -0
- package/dist/esm/mds-input-tip.js +18 -0
- package/dist/esm/polyfills/core-js.js +11 -0
- package/dist/esm/polyfills/dom.js +79 -0
- package/dist/esm/polyfills/es5-html-element.js +1 -0
- package/dist/esm/polyfills/index.js +34 -0
- package/dist/esm/polyfills/system.js +6 -0
- package/dist/esm-es5/index-351c5c8a.js +1 -0
- package/dist/esm-es5/index.js +0 -0
- package/dist/esm-es5/loader.js +1 -0
- package/dist/esm-es5/mds-input-tip.entry.js +1 -0
- package/dist/esm-es5/mds-input-tip.js +1 -0
- package/dist/index.cjs.js +1 -0
- package/dist/index.js +1 -0
- package/dist/mds-input-tip/index.esm.js +0 -0
- package/dist/mds-input-tip/mds-input-tip.esm.js +1 -0
- package/dist/mds-input-tip/mds-input-tip.js +127 -0
- package/dist/mds-input-tip/p-22b86e20.js +2 -0
- package/dist/mds-input-tip/p-3428f886.system.js +2 -0
- package/dist/mds-input-tip/p-50ea2036.system.js +1 -0
- package/dist/mds-input-tip/p-630886b5.entry.js +1 -0
- package/dist/mds-input-tip/p-89e037f5.system.entry.js +1 -0
- package/dist/mds-input-tip/p-e5fe0b68.system.js +1 -0
- package/dist/stats.json +500 -0
- package/dist/types/common/aria.d.ts +5 -0
- package/dist/types/common/file.d.ts +12 -0
- package/dist/types/common/icon.d.ts +5 -0
- package/dist/types/common/keyboard-manager.d.ts +12 -0
- package/dist/types/common/locale.d.ts +14 -0
- package/dist/types/common/unit.d.ts +3 -0
- package/dist/types/common/yugop/core.d.ts +10 -0
- package/dist/types/common/yugop/index.d.ts +1 -0
- package/dist/types/common/yugop/random-text.d.ts +31 -0
- package/dist/types/common/yugop/utils/math.d.ts +3 -0
- package/dist/types/common/yugop/utils/noop.d.ts +1 -0
- package/dist/types/common/yugop/utils/prng.d.ts +8 -0
- package/dist/types/common/yugop/utils/string.d.ts +1 -0
- package/dist/types/components/mds-input-tip/mds-input-tip.d.ts +12 -0
- package/dist/types/components/mds-input-tip/meta/types.d.ts +1 -0
- package/dist/types/components.d.ts +55 -0
- package/dist/types/dictionary/autocomplete.d.ts +2 -0
- package/dist/types/dictionary/button.d.ts +6 -0
- package/dist/types/dictionary/color.d.ts +3 -0
- package/dist/types/dictionary/file-extensions.d.ts +11 -0
- package/dist/types/dictionary/floating-ui.d.ts +3 -0
- package/dist/types/dictionary/icon.d.ts +4 -0
- package/dist/types/dictionary/input.d.ts +5 -0
- package/dist/types/dictionary/loading.d.ts +2 -0
- package/dist/types/dictionary/text.d.ts +2 -0
- package/dist/types/dictionary/typography.d.ts +11 -0
- package/dist/types/dictionary/variant.d.ts +11 -0
- package/dist/types/fixtures/cities.d.ts +2 -0
- package/dist/types/fixtures/filenames.d.ts +2 -0
- package/dist/types/interface/input-value.d.ts +4 -0
- package/dist/types/stencil-public-runtime.d.ts +1681 -0
- package/dist/types/type/autocomplete.d.ts +2 -0
- package/dist/types/type/button.d.ts +5 -0
- package/dist/types/type/file-types.d.ts +1 -0
- package/dist/types/type/floating-ui.d.ts +2 -0
- package/dist/types/type/form-rel.d.ts +1 -0
- package/dist/types/type/input.d.ts +4 -0
- package/dist/types/type/loading.d.ts +1 -0
- package/dist/types/type/text.d.ts +1 -0
- package/dist/types/type/typography.d.ts +10 -0
- package/dist/types/type/variant-file-format.d.ts +11 -0
- package/dist/types/type/variant.d.ts +12 -0
- package/documentation.json +568 -0
- package/loader/cdn.js +3 -0
- package/loader/index.cjs.js +3 -0
- package/loader/index.d.ts +21 -0
- package/loader/index.es2017.js +3 -0
- package/loader/index.js +4 -0
- package/loader/package.json +11 -0
- package/package.json +59 -0
- package/readme.md +33 -0
- package/src/common/aria.ts +39 -0
- package/src/common/file.ts +63 -0
- package/src/common/icon.ts +25 -0
- package/src/common/keyboard-manager.ts +50 -0
- package/src/common/locale.ts +31 -0
- package/src/common/unit.ts +33 -0
- package/src/common/yugop/core.ts +47 -0
- package/src/common/yugop/index.ts +4 -0
- package/src/common/yugop/random-text.ts +95 -0
- package/src/common/yugop/utils/math.ts +21 -0
- package/src/common/yugop/utils/noop.ts +1 -0
- package/src/common/yugop/utils/prng.ts +35 -0
- package/src/common/yugop/utils/string.ts +4 -0
- package/src/components/mds-input-tip/.gitlab-ci.yml +25 -0
- package/src/components/mds-input-tip/mds-input-tip.css +52 -0
- package/src/components/mds-input-tip/mds-input-tip.tsx +28 -0
- package/src/components/mds-input-tip/meta/types.ts +3 -0
- package/src/components/mds-input-tip/readme.md +18 -0
- package/src/components/mds-input-tip/test/mds-input-tip.e2e.ts +11 -0
- package/src/components.d.ts +55 -0
- package/src/dictionary/autocomplete.ts +62 -0
- package/src/dictionary/button.ts +41 -0
- package/src/dictionary/color.ts +24 -0
- package/src/dictionary/file-extensions.ts +81 -0
- package/src/dictionary/floating-ui.ts +25 -0
- package/src/dictionary/icon.ts +15 -0
- package/src/dictionary/input.ts +48 -0
- package/src/dictionary/loading.ts +9 -0
- package/src/dictionary/text.ts +9 -0
- package/src/dictionary/typography.ts +88 -0
- package/src/dictionary/variant.ts +111 -0
- package/src/fixtures/cities.ts +116 -0
- package/src/fixtures/filenames.ts +60 -0
- package/src/fixtures/icons.json +344 -0
- package/src/fixtures/iconsauce.json +257 -0
- package/src/interface/input-value.ts +5 -0
- package/src/tailwind/components.css +15 -0
- package/src/type/autocomplete.ts +69 -0
- package/src/type/button.ts +28 -0
- package/src/type/file-types.ts +55 -0
- package/src/type/floating-ui.ts +17 -0
- package/src/type/form-rel.ts +11 -0
- package/src/type/input.ts +25 -0
- package/src/type/loading.ts +3 -0
- package/src/type/text.ts +4 -0
- package/src/type/typography.ts +65 -0
- package/src/type/variant-file-format.ts +137 -0
- package/src/type/variant.ts +99 -0
- package/www/build/index.esm.js +0 -0
- package/www/build/mds-input-tip.esm.js +1 -0
- package/www/build/mds-input-tip.js +127 -0
- package/www/build/p-22b86e20.js +2 -0
- package/www/build/p-3428f886.system.js +2 -0
- package/www/build/p-50ea2036.system.js +1 -0
- package/www/build/p-630886b5.entry.js +1 -0
- package/www/build/p-89e037f5.system.entry.js +1 -0
- package/www/build/p-e5fe0b68.system.js +1 -0
- package/www/host.config.json +15 -0
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,120 @@
|
|
1
|
+
import baselineFolderZip from "@icon/mi/baseline/folder-zip.svg";
|
2
|
+
import baselineAttachFile from "@icon/mi/baseline/attach-file.svg";
|
3
|
+
import baselineAudiotrack from "@icon/mi/baseline/audiotrack.svg";
|
4
|
+
import baselineTerminal from "@icon/mi/baseline/terminal.svg";
|
5
|
+
import baselineInsertDriveFile from "@icon/mi/baseline/insert-drive-file.svg";
|
6
|
+
import mdiHardDisk from "@icon/mdi/harddisk.svg";
|
7
|
+
import baselineEmail from "@icon/mi/baseline/email.svg";
|
8
|
+
import baselineWysiwyg from "@icon/mi/baseline/wysiwyg.svg";
|
9
|
+
import baselinePanorama from "@icon/mi/baseline/panorama.svg";
|
10
|
+
import baselineWeb from "@icon/mi/baseline/web.svg";
|
11
|
+
import baselineTV from "@icon/mi/baseline/tv.svg";
|
12
|
+
import baselineBorderAll from "@icon/mi/baseline/border-all.svg";
|
13
|
+
import baselineDescription from "@icon/mi/baseline/description.svg";
|
14
|
+
import mdiVectorCurve from "@icon/mdi/vector-curve.svg";
|
15
|
+
import baselineVideocam from "@icon/mi/baseline/videocam.svg";
|
16
|
+
const fileFormatsVariant = {
|
17
|
+
archive: {
|
18
|
+
color: 'fill-label-amaranth-04 text-label-amaranth-04',
|
19
|
+
icon: baselineFolderZip,
|
20
|
+
iconBackground: 'bg-label-amaranth-10',
|
21
|
+
variant: 'amaranth',
|
22
|
+
},
|
23
|
+
attachment: {
|
24
|
+
color: 'fill-tone-neutral-04 text-tone-neutral-04',
|
25
|
+
icon: baselineAttachFile,
|
26
|
+
iconBackground: 'bg-tone-neutral-10',
|
27
|
+
variant: 'dark',
|
28
|
+
},
|
29
|
+
audio: {
|
30
|
+
color: 'fill-label-violet-04 text-label-violet-04',
|
31
|
+
icon: baselineAudiotrack,
|
32
|
+
iconBackground: 'bg-label-violet-10',
|
33
|
+
variant: 'violet',
|
34
|
+
},
|
35
|
+
code: {
|
36
|
+
color: 'fill-label-yellow-04 text-label-yellow-04',
|
37
|
+
icon: baselineTerminal,
|
38
|
+
iconBackground: 'bg-label-yellow-10',
|
39
|
+
variant: 'yellow',
|
40
|
+
},
|
41
|
+
data: {
|
42
|
+
color: 'fill-label-yellow-04 text-label-yellow-04',
|
43
|
+
icon: mdiHardDisk,
|
44
|
+
iconBackground: 'bg-label-yellow-10',
|
45
|
+
variant: 'yellow',
|
46
|
+
},
|
47
|
+
document: {
|
48
|
+
color: 'fill-label-orange-04 text-label-orange-04',
|
49
|
+
icon: baselineInsertDriveFile,
|
50
|
+
iconBackground: 'bg-label-orange-10',
|
51
|
+
variant: 'orange',
|
52
|
+
},
|
53
|
+
email: {
|
54
|
+
color: 'fill-label-blue-04 text-label-blue-04',
|
55
|
+
icon: baselineEmail,
|
56
|
+
iconBackground: 'bg-label-blue-10',
|
57
|
+
variant: 'blue',
|
58
|
+
},
|
59
|
+
executable: {
|
60
|
+
color: 'fill-label-amaranth-04 text-label-amaranth-04',
|
61
|
+
icon: baselineWysiwyg,
|
62
|
+
iconBackground: 'bg-label-amaranth-10',
|
63
|
+
variant: 'amaranth',
|
64
|
+
},
|
65
|
+
image: {
|
66
|
+
color: 'fill-label-green-04 text-label-green-04',
|
67
|
+
icon: baselinePanorama,
|
68
|
+
iconBackground: 'bg-label-green-10',
|
69
|
+
variant: 'green',
|
70
|
+
},
|
71
|
+
imageRaster: {
|
72
|
+
color: 'fill-label-green-04 text-label-green-04',
|
73
|
+
icon: baselinePanorama,
|
74
|
+
iconBackground: 'bg-label-green-10',
|
75
|
+
variant: 'green',
|
76
|
+
},
|
77
|
+
markup: {
|
78
|
+
color: 'fill-label-yellow-04 text-label-yellow-04',
|
79
|
+
icon: baselineWeb,
|
80
|
+
iconBackground: 'bg-label-yellow-10',
|
81
|
+
variant: 'yellow',
|
82
|
+
},
|
83
|
+
slide: {
|
84
|
+
color: 'fill-label-orchid-04 text-label-orchid-04',
|
85
|
+
icon: baselineTV,
|
86
|
+
iconBackground: 'bg-label-orchid-10',
|
87
|
+
variant: 'orchid',
|
88
|
+
},
|
89
|
+
spreadsheet: {
|
90
|
+
color: 'fill-label-lime-04 text-label-lime-04',
|
91
|
+
icon: baselineBorderAll,
|
92
|
+
iconBackground: 'bg-label-lime-10',
|
93
|
+
variant: 'lime',
|
94
|
+
},
|
95
|
+
text: {
|
96
|
+
color: 'fill-label-blue-04 text-label-blue-04',
|
97
|
+
icon: baselineDescription,
|
98
|
+
iconBackground: 'bg-label-blue-10',
|
99
|
+
variant: 'blue',
|
100
|
+
},
|
101
|
+
vectorImage: {
|
102
|
+
color: 'fill-label-aqua-04 text-label-aqua-04',
|
103
|
+
icon: mdiVectorCurve,
|
104
|
+
iconBackground: 'bg-label-aqua-10',
|
105
|
+
variant: 'aqua',
|
106
|
+
},
|
107
|
+
vector: {
|
108
|
+
color: 'fill-label-aqua-04 text-label-aqua-04',
|
109
|
+
icon: mdiVectorCurve,
|
110
|
+
iconBackground: 'bg-label-aqua-10',
|
111
|
+
variant: 'aqua',
|
112
|
+
},
|
113
|
+
video: {
|
114
|
+
color: 'fill-label-violet-04 text-label-violet-04',
|
115
|
+
icon: baselineVideocam,
|
116
|
+
iconBackground: 'bg-label-violet-10',
|
117
|
+
variant: 'violet',
|
118
|
+
},
|
119
|
+
};
|
120
|
+
export { fileFormatsVariant, };
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,33 @@
|
|
1
|
+
/**
|
2
|
+
* Get the base path to where the assets can be found. Use "setAssetPath(path)"
|
3
|
+
* if the path needs to be customized.
|
4
|
+
*/
|
5
|
+
export declare const getAssetPath: (path: string) => string;
|
6
|
+
|
7
|
+
/**
|
8
|
+
* Used to manually set the base path where assets can be found.
|
9
|
+
* If the script is used as "module", it's recommended to use "import.meta.url",
|
10
|
+
* such as "setAssetPath(import.meta.url)". Other options include
|
11
|
+
* "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
|
12
|
+
* dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
|
13
|
+
* But do note that this configuration depends on how your script is bundled, or lack of
|
14
|
+
* bundling, and where your assets can be loaded from. Additionally custom bundling
|
15
|
+
* will have to ensure the static assets are copied to its build directory.
|
16
|
+
*/
|
17
|
+
export declare const setAssetPath: (path: string) => void;
|
18
|
+
|
19
|
+
/**
|
20
|
+
* Used to specify a nonce value that corresponds with an application's CSP.
|
21
|
+
* When set, the nonce will be added to all dynamically created script and style tags at runtime.
|
22
|
+
* Alternatively, the nonce value can be set on a meta tag in the DOM head
|
23
|
+
* (<meta name="csp-nonce" content="{ nonce value here }" />) which
|
24
|
+
* will result in the same behavior.
|
25
|
+
*/
|
26
|
+
export declare const setNonce: (nonce: string) => void
|
27
|
+
|
28
|
+
export interface SetPlatformOptions {
|
29
|
+
raf?: (c: FrameRequestCallback) => number;
|
30
|
+
ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
|
31
|
+
rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
|
32
|
+
}
|
33
|
+
export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
|
@@ -0,0 +1 @@
|
|
1
|
+
export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
2
|
+
|
3
|
+
interface MdsInputTip extends Components.MdsInputTip, HTMLElement {}
|
4
|
+
export const MdsInputTip: {
|
5
|
+
prototype: MdsInputTip;
|
6
|
+
new (): MdsInputTip;
|
7
|
+
};
|
8
|
+
/**
|
9
|
+
* Used to define this component and all nested components recursively.
|
10
|
+
*/
|
11
|
+
export const defineCustomElement: () => void;
|
@@ -0,0 +1,38 @@
|
|
1
|
+
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
2
|
+
|
3
|
+
const mdsInputTipCss = ".static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgb(var(--label-amaranth-10) / var(--tw-bg-opacity))}.bg-label-aqua-10{--tw-bg-opacity:1;background-color:rgb(var(--label-aqua-10) / var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgb(var(--label-blue-10) / var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgb(var(--label-green-10) / var(--tw-bg-opacity))}.bg-label-lime-10{--tw-bg-opacity:1;background-color:rgb(var(--label-lime-10) / var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-orchid-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orchid-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.bg-label-yellow-10{--tw-bg-opacity:1;background-color:rgb(var(--label-yellow-10) / var(--tw-bg-opacity))}.bg-tone-neutral-10{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-10) / var(--tw-bg-opacity))}.fill-label-amaranth-04{fill:rgb(var(--label-amaranth-04))}.fill-label-aqua-04{fill:rgb(var(--label-aqua-04))}.fill-label-blue-04{fill:rgb(var(--label-blue-04))}.fill-label-green-04{fill:rgb(var(--label-green-04))}.fill-label-lime-04{fill:rgb(var(--label-lime-04))}.fill-label-orange-04{fill:rgb(var(--label-orange-04))}.fill-label-orchid-04{fill:rgb(var(--label-orchid-04))}.fill-label-violet-04{fill:rgb(var(--label-violet-04))}.fill-label-yellow-04{fill:rgb(var(--label-yellow-04))}.fill-tone-neutral-04{fill:rgb(var(--tone-neutral-04))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-04) / var(--tw-text-opacity))}.text-label-aqua-04{--tw-text-opacity:1;color:rgb(var(--label-aqua-04) / var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgb(var(--label-blue-04) / var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgb(var(--label-green-04) / var(--tw-text-opacity))}.text-label-lime-04{--tw-text-opacity:1;color:rgb(var(--label-lime-04) / var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-orchid-04{--tw-text-opacity:1;color:rgb(var(--label-orchid-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-04) / var(--tw-text-opacity))}.text-label-yellow-04{--tw-text-opacity:1;color:rgb(var(--label-yellow-04) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-input-tip-active-translate:translate(0, 0);left:0.25rem;right:0.25rem;gap:0.25rem;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;pointer-events:none;position:absolute;-webkit-transform:var(--mds-input-tip-active-translate);transform:var(--mds-input-tip-active-translate)}:host(:empty){display:none}:host([position=\"top\"]){top:0.25rem}:host([position=\"bottom\"]){bottom:0.25rem}:host([position=\"top\"][active]:not([active=\"false\"])){--mds-input-tip-active-translate:translate(calc(0.25rem * -1), calc(0.25rem * -1))}:host([position=\"top\"][active]:not([active=\"false\"])) ::slotted(mds-input-tip-item){border-top-left-radius:0;border-top-right-radius:0}:host([position=\"bottom\"][active]:not([active=\"false\"])){--mds-input-tip-active-translate:translate(calc(0.25rem * -1), 0.25rem)}:host([position=\"bottom\"][active]:not([active=\"false\"])) ::slotted(mds-input-tip-item){border-bottom-left-radius:0;border-bottom-right-radius:0}";
|
4
|
+
|
5
|
+
const MdsInputTip$1 = /*@__PURE__*/ proxyCustomElement(class MdsInputTip extends HTMLElement {
|
6
|
+
constructor() {
|
7
|
+
super();
|
8
|
+
this.__registerHost();
|
9
|
+
this.__attachShadow();
|
10
|
+
this.active = false;
|
11
|
+
this.position = 'top';
|
12
|
+
}
|
13
|
+
render() {
|
14
|
+
return (h(Host, null, h("slot", null)));
|
15
|
+
}
|
16
|
+
static get style() { return mdsInputTipCss; }
|
17
|
+
}, [1, "mds-input-tip", {
|
18
|
+
"active": [516],
|
19
|
+
"position": [513]
|
20
|
+
}]);
|
21
|
+
function defineCustomElement$1() {
|
22
|
+
if (typeof customElements === "undefined") {
|
23
|
+
return;
|
24
|
+
}
|
25
|
+
const components = ["mds-input-tip"];
|
26
|
+
components.forEach(tagName => { switch (tagName) {
|
27
|
+
case "mds-input-tip":
|
28
|
+
if (!customElements.get(tagName)) {
|
29
|
+
customElements.define(tagName, MdsInputTip$1);
|
30
|
+
}
|
31
|
+
break;
|
32
|
+
} });
|
33
|
+
}
|
34
|
+
|
35
|
+
const MdsInputTip = MdsInputTip$1;
|
36
|
+
const defineCustomElement = defineCustomElement$1;
|
37
|
+
|
38
|
+
export { MdsInputTip, defineCustomElement };
|
@@ -0,0 +1,401 @@
|
|
1
|
+
|
2
|
+
/**
|
3
|
+
* This is an autogenerated file created by the Stencil compiler.
|
4
|
+
* DO NOT MODIFY IT MANUALLY
|
5
|
+
*/
|
6
|
+
interface ComponentCompilerPropertyComplexType {
|
7
|
+
/**
|
8
|
+
* The string of the original type annotation in the Stencil source code
|
9
|
+
*/
|
10
|
+
original: string;
|
11
|
+
/**
|
12
|
+
* A 'resolved' type, where e.g. imported types have been resolved and inlined
|
13
|
+
*
|
14
|
+
* For instance, an annotation like `(foo: Foo) => string;` will be
|
15
|
+
* converted to `(foo: { foo: string }) => string;`.
|
16
|
+
*/
|
17
|
+
resolved: string;
|
18
|
+
/**
|
19
|
+
* A record of the types which were referenced in the assorted type
|
20
|
+
* annotation in the original source file.
|
21
|
+
*/
|
22
|
+
references: ComponentCompilerTypeReferences;
|
23
|
+
}
|
24
|
+
type ComponentCompilerTypeReferences = Record<string, ComponentCompilerTypeReference>;
|
25
|
+
interface ComponentCompilerTypeReference {
|
26
|
+
/**
|
27
|
+
* A type may be defined:
|
28
|
+
* - locally (in the same file as the component that uses it)
|
29
|
+
* - globally
|
30
|
+
* - by importing it into a file (and is defined elsewhere)
|
31
|
+
*/
|
32
|
+
location: "local" | "global" | "import";
|
33
|
+
/**
|
34
|
+
* The path to the type reference, if applicable (global types should not need a path associated with them)
|
35
|
+
*/
|
36
|
+
path?: string;
|
37
|
+
/**
|
38
|
+
* An ID for this type which is unique within a Stencil project.
|
39
|
+
*/
|
40
|
+
id: string;
|
41
|
+
}
|
42
|
+
interface ComponentCompilerReferencedType {
|
43
|
+
/**
|
44
|
+
* The path to the module where the type is declared.
|
45
|
+
*/
|
46
|
+
path: string;
|
47
|
+
/**
|
48
|
+
* The string of the original type annotation in the Stencil source code
|
49
|
+
*/
|
50
|
+
declaration: string;
|
51
|
+
/**
|
52
|
+
* An extracted docstring
|
53
|
+
*/
|
54
|
+
docstring: string;
|
55
|
+
}
|
56
|
+
interface ComponentCompilerEventComplexType {
|
57
|
+
original: string;
|
58
|
+
resolved: string;
|
59
|
+
references: ComponentCompilerTypeReferences;
|
60
|
+
}
|
61
|
+
interface ComponentCompilerMethodComplexType {
|
62
|
+
signature: string;
|
63
|
+
parameters: JsonDocMethodParameter[];
|
64
|
+
references: ComponentCompilerTypeReferences;
|
65
|
+
return: string;
|
66
|
+
}
|
67
|
+
/**
|
68
|
+
* The Type Library holds information about the types which are used in a
|
69
|
+
* Stencil project. During compilation, Stencil gathers information about the
|
70
|
+
* types which form part of a component's public API, such as properties
|
71
|
+
* decorated with `@Prop`, `@Event`, `@Watch`, etc. This type information is
|
72
|
+
* then added to the Type Library, where it can be accessed later on for
|
73
|
+
* generating documentation.
|
74
|
+
*
|
75
|
+
* This information is included in the file written by the `docs-json` output
|
76
|
+
* target (see {@link JsonDocs.typeLibrary}).
|
77
|
+
*/
|
78
|
+
export type JsonDocsTypeLibrary = Record<string, ComponentCompilerReferencedType>;
|
79
|
+
/**
|
80
|
+
* A container for JSDoc metadata for a project
|
81
|
+
*/
|
82
|
+
export interface JsonDocs {
|
83
|
+
/**
|
84
|
+
* The metadata for the JSDocs for each component in a Stencil project
|
85
|
+
*/
|
86
|
+
components: JsonDocsComponent[];
|
87
|
+
/**
|
88
|
+
* The timestamp at which the metadata was generated, in the format YYYY-MM-DDThh:mm:ss
|
89
|
+
*/
|
90
|
+
timestamp: string;
|
91
|
+
compiler: {
|
92
|
+
/**
|
93
|
+
* The name of the compiler that generated the metadata
|
94
|
+
*/
|
95
|
+
name: string;
|
96
|
+
/**
|
97
|
+
* The version of the Stencil compiler that generated the metadata
|
98
|
+
*/
|
99
|
+
version: string;
|
100
|
+
/**
|
101
|
+
* The version of TypeScript that was used to generate the metadata
|
102
|
+
*/
|
103
|
+
typescriptVersion: string;
|
104
|
+
};
|
105
|
+
typeLibrary: JsonDocsTypeLibrary;
|
106
|
+
}
|
107
|
+
/**
|
108
|
+
* Container for JSDoc metadata for a single Stencil component
|
109
|
+
*/
|
110
|
+
export interface JsonDocsComponent {
|
111
|
+
/**
|
112
|
+
* The directory containing the Stencil component, minus the file name.
|
113
|
+
*
|
114
|
+
* @example /workspaces/stencil-project/src/components/my-component
|
115
|
+
*/
|
116
|
+
dirPath?: string;
|
117
|
+
/**
|
118
|
+
* The name of the file containing the Stencil component, with no path
|
119
|
+
*
|
120
|
+
* @example my-component.tsx
|
121
|
+
*/
|
122
|
+
fileName?: string;
|
123
|
+
/**
|
124
|
+
* The full path of the file containing the Stencil component
|
125
|
+
*
|
126
|
+
* @example /workspaces/stencil-project/src/components/my-component/my-component.tsx
|
127
|
+
*/
|
128
|
+
filePath?: string;
|
129
|
+
/**
|
130
|
+
* The path to the component's `readme.md` file, including the filename
|
131
|
+
*
|
132
|
+
* @example /workspaces/stencil-project/src/components/my-component/readme.md
|
133
|
+
*/
|
134
|
+
readmePath?: string;
|
135
|
+
/**
|
136
|
+
* The path to the component's `usage` directory
|
137
|
+
*
|
138
|
+
* @example /workspaces/stencil-project/src/components/my-component/usage/
|
139
|
+
*/
|
140
|
+
usagesDir?: string;
|
141
|
+
/**
|
142
|
+
* The encapsulation strategy for a component
|
143
|
+
*/
|
144
|
+
encapsulation: "shadow" | "scoped" | "none";
|
145
|
+
/**
|
146
|
+
* The tag name for the component, for use in HTML
|
147
|
+
*/
|
148
|
+
tag: string;
|
149
|
+
/**
|
150
|
+
* The contents of a component's `readme.md` that are user generated.
|
151
|
+
*
|
152
|
+
* Auto-generated contents are not stored in this reference.
|
153
|
+
*/
|
154
|
+
readme: string;
|
155
|
+
/**
|
156
|
+
* The description of a Stencil component, found in the JSDoc that sits above the component's declaration
|
157
|
+
*/
|
158
|
+
docs: string;
|
159
|
+
/**
|
160
|
+
* JSDoc tags found in the JSDoc comment written atop a component's declaration
|
161
|
+
*/
|
162
|
+
docsTags: JsonDocsTag[];
|
163
|
+
/**
|
164
|
+
* The text from the class-level JSDoc for a Stencil component, if present.
|
165
|
+
*/
|
166
|
+
overview?: string;
|
167
|
+
/**
|
168
|
+
* A mapping of usage example file names to their contents for the component.
|
169
|
+
*/
|
170
|
+
usage: JsonDocsUsage;
|
171
|
+
/**
|
172
|
+
* Array of metadata for a component's `@Prop`s
|
173
|
+
*/
|
174
|
+
props: JsonDocsProp[];
|
175
|
+
/**
|
176
|
+
* Array of metadata for a component's `@Method`s
|
177
|
+
*/
|
178
|
+
methods: JsonDocsMethod[];
|
179
|
+
/**
|
180
|
+
* Array of metadata for a component's `@Event`s
|
181
|
+
*/
|
182
|
+
events: JsonDocsEvent[];
|
183
|
+
/**
|
184
|
+
* Array of metadata for a component's `@Listen` handlers
|
185
|
+
*/
|
186
|
+
listeners: JsonDocsListener[];
|
187
|
+
/**
|
188
|
+
* Array of metadata for a component's CSS styling information
|
189
|
+
*/
|
190
|
+
styles: JsonDocsStyle[];
|
191
|
+
/**
|
192
|
+
* Array of component Slot information, generated from `@slot` tags
|
193
|
+
*/
|
194
|
+
slots: JsonDocsSlot[];
|
195
|
+
/**
|
196
|
+
* Array of component Parts information, generate from `@part` tags
|
197
|
+
*/
|
198
|
+
parts: JsonDocsPart[];
|
199
|
+
/**
|
200
|
+
* Array of metadata describing where the current component is used
|
201
|
+
*/
|
202
|
+
dependents: string[];
|
203
|
+
/**
|
204
|
+
* Array of metadata listing the components which are used in current component
|
205
|
+
*/
|
206
|
+
dependencies: string[];
|
207
|
+
/**
|
208
|
+
* Describes a tree of components coupling
|
209
|
+
*/
|
210
|
+
dependencyGraph: JsonDocsDependencyGraph;
|
211
|
+
/**
|
212
|
+
* A deprecation reason/description found following a `@deprecated` tag
|
213
|
+
*/
|
214
|
+
deprecation?: string;
|
215
|
+
}
|
216
|
+
export interface JsonDocsDependencyGraph {
|
217
|
+
[tagName: string]: string[];
|
218
|
+
}
|
219
|
+
/**
|
220
|
+
* A descriptor for a single JSDoc tag found in a block comment
|
221
|
+
*/
|
222
|
+
export interface JsonDocsTag {
|
223
|
+
/**
|
224
|
+
* The tag name (immediately following the '@')
|
225
|
+
*/
|
226
|
+
name: string;
|
227
|
+
/**
|
228
|
+
* The description that immediately follows the tag name
|
229
|
+
*/
|
230
|
+
text?: string;
|
231
|
+
}
|
232
|
+
export interface JsonDocsValue {
|
233
|
+
value?: string;
|
234
|
+
type: string;
|
235
|
+
}
|
236
|
+
/**
|
237
|
+
* A mapping of file names to their contents.
|
238
|
+
*
|
239
|
+
* This type is meant to be used when reading one or more usage markdown files associated with a component. For the
|
240
|
+
* given directory structure:
|
241
|
+
* ```
|
242
|
+
* src/components/my-component
|
243
|
+
* ├── my-component.tsx
|
244
|
+
* └── usage
|
245
|
+
* ├── bar.md
|
246
|
+
* └── foo.md
|
247
|
+
* ```
|
248
|
+
* an instance of this type would include the name of the markdown file, mapped to its contents:
|
249
|
+
* ```ts
|
250
|
+
* {
|
251
|
+
* 'bar': STRING_CONTENTS_OF_BAR.MD
|
252
|
+
* 'foo': STRING_CONTENTS_OF_FOO.MD
|
253
|
+
* }
|
254
|
+
* ```
|
255
|
+
*/
|
256
|
+
export interface JsonDocsUsage {
|
257
|
+
[key: string]: string;
|
258
|
+
}
|
259
|
+
/**
|
260
|
+
* An intermediate representation of a `@Prop` decorated member's JSDoc
|
261
|
+
*/
|
262
|
+
export interface JsonDocsProp {
|
263
|
+
/**
|
264
|
+
* the name of the prop
|
265
|
+
*/
|
266
|
+
name: string;
|
267
|
+
complexType?: ComponentCompilerPropertyComplexType;
|
268
|
+
/**
|
269
|
+
* the type of the prop, in terms of the TypeScript type system (as opposed to JavaScript's or HTML's)
|
270
|
+
*/
|
271
|
+
type: string;
|
272
|
+
/**
|
273
|
+
* `true` if the prop was configured as "mutable" where it was declared, `false` otherwise
|
274
|
+
*/
|
275
|
+
mutable: boolean;
|
276
|
+
/**
|
277
|
+
* The name of the attribute that is exposed to configure a compiled web component
|
278
|
+
*/
|
279
|
+
attr?: string;
|
280
|
+
/**
|
281
|
+
* `true` if the prop was configured to "reflect" back to HTML where it (the prop) was declared, `false` otherwise
|
282
|
+
*/
|
283
|
+
reflectToAttr: boolean;
|
284
|
+
/**
|
285
|
+
* the JSDoc description text associated with the prop
|
286
|
+
*/
|
287
|
+
docs: string;
|
288
|
+
/**
|
289
|
+
* JSDoc tags associated with the prop
|
290
|
+
*/
|
291
|
+
docsTags: JsonDocsTag[];
|
292
|
+
/**
|
293
|
+
* The default value of the prop
|
294
|
+
*/
|
295
|
+
default?: string;
|
296
|
+
/**
|
297
|
+
* Deprecation text associated with the prop. This is the text that immediately follows a `@deprecated` tag
|
298
|
+
*/
|
299
|
+
deprecation?: string;
|
300
|
+
values: JsonDocsValue[];
|
301
|
+
/**
|
302
|
+
* `true` if a component is declared with a '?', `false` otherwise
|
303
|
+
*
|
304
|
+
* @example
|
305
|
+
* ```tsx
|
306
|
+
* @Prop() componentProps?: any;
|
307
|
+
* ```
|
308
|
+
*/
|
309
|
+
optional: boolean;
|
310
|
+
/**
|
311
|
+
* `true` if a component is declared with a '!', `false` otherwise
|
312
|
+
*
|
313
|
+
* @example
|
314
|
+
* ```tsx
|
315
|
+
* @Prop() componentProps!: any;
|
316
|
+
* ```
|
317
|
+
*/
|
318
|
+
required: boolean;
|
319
|
+
}
|
320
|
+
export interface JsonDocsMethod {
|
321
|
+
name: string;
|
322
|
+
docs: string;
|
323
|
+
docsTags: JsonDocsTag[];
|
324
|
+
deprecation?: string;
|
325
|
+
signature: string;
|
326
|
+
returns: JsonDocsMethodReturn;
|
327
|
+
parameters: JsonDocMethodParameter[];
|
328
|
+
complexType: ComponentCompilerMethodComplexType;
|
329
|
+
}
|
330
|
+
export interface JsonDocsMethodReturn {
|
331
|
+
type: string;
|
332
|
+
docs: string;
|
333
|
+
}
|
334
|
+
export interface JsonDocMethodParameter {
|
335
|
+
name: string;
|
336
|
+
type: string;
|
337
|
+
docs: string;
|
338
|
+
}
|
339
|
+
export interface JsonDocsEvent {
|
340
|
+
event: string;
|
341
|
+
bubbles: boolean;
|
342
|
+
cancelable: boolean;
|
343
|
+
composed: boolean;
|
344
|
+
complexType: ComponentCompilerEventComplexType;
|
345
|
+
docs: string;
|
346
|
+
docsTags: JsonDocsTag[];
|
347
|
+
deprecation?: string;
|
348
|
+
detail: string;
|
349
|
+
}
|
350
|
+
export interface JsonDocsStyle {
|
351
|
+
name: string;
|
352
|
+
docs: string;
|
353
|
+
annotation: string;
|
354
|
+
}
|
355
|
+
export interface JsonDocsListener {
|
356
|
+
event: string;
|
357
|
+
target?: string;
|
358
|
+
capture: boolean;
|
359
|
+
passive: boolean;
|
360
|
+
}
|
361
|
+
/**
|
362
|
+
* A descriptor for a slot
|
363
|
+
*
|
364
|
+
* Objects of this type are translated from the JSDoc tag, `@slot`
|
365
|
+
*/
|
366
|
+
export interface JsonDocsSlot {
|
367
|
+
/**
|
368
|
+
* The name of the slot. Defaults to an empty string for an unnamed slot.
|
369
|
+
*/
|
370
|
+
name: string;
|
371
|
+
/**
|
372
|
+
* A textual description of the slot.
|
373
|
+
*/
|
374
|
+
docs: string;
|
375
|
+
}
|
376
|
+
/**
|
377
|
+
* A descriptor of a CSS Shadow Part
|
378
|
+
*
|
379
|
+
* Objects of this type are translated from the JSDoc tag, `@part`, or the 'part'
|
380
|
+
* attribute on a component in TSX
|
381
|
+
*/
|
382
|
+
export interface JsonDocsPart {
|
383
|
+
/**
|
384
|
+
* The name of the Shadow part
|
385
|
+
*/
|
386
|
+
name: string;
|
387
|
+
/**
|
388
|
+
* A textual description of the Shadow part.
|
389
|
+
*/
|
390
|
+
docs: string;
|
391
|
+
}
|
392
|
+
export interface StyleDoc {
|
393
|
+
name: string;
|
394
|
+
docs: string;
|
395
|
+
annotation: "prop";
|
396
|
+
}
|
397
|
+
|
398
|
+
export {};
|
399
|
+
|
400
|
+
declare const _default: JsonDocs;
|
401
|
+
export default _default;
|