@brightspot/ui 1.2.0 → 1.3.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/dist/components/copy-to-clipboard/CopyToClipboard.d.ts +57 -0
- package/dist/components/copy-to-clipboard/CopyToClipboard.d.ts.map +1 -0
- package/dist/components/copy-to-clipboard/CopyToClipboard.js +84 -0
- package/dist/components/copy-to-clipboard/CopyToClipboard.js.map +1 -0
- package/dist/custom-elements.json +114 -0
- package/dist/storybook/assets/{Avatar.stories-BlxrclP0.js → Avatar.stories-CpXI9mXR.js} +2 -2
- package/dist/storybook/assets/{AvatarGroup.stories-E3VUvBae.js → AvatarGroup.stories-D4NymG47.js} +1 -1
- package/dist/storybook/assets/{Badge.stories-f4YvPz0W.js → Badge.stories-BP4Yixze.js} +1 -1
- package/dist/storybook/assets/{Button.stories-N66xrq4q.js → Button.stories-DDpQzCOq.js} +1 -1
- package/dist/storybook/assets/{CircularProgress.stories-zWyELtfc.js → CircularProgress.stories-B82LXwfS.js} +1 -1
- package/dist/storybook/assets/ClipboardMixin.stories-Cr3efF-v.js +228 -0
- package/dist/storybook/assets/Color-64QXVMR3-BucypS4O.js +1 -0
- package/dist/storybook/assets/{Colors.stories-nEoNeHhf.js → Colors.stories-CeKs5FaB.js} +1 -1
- package/dist/storybook/assets/ComponentStatesMixin-BkLj42wt.js +1 -0
- package/dist/storybook/assets/ComponentStatesMixin.stories--YPoyrpQ.js +313 -0
- package/dist/storybook/assets/CopyToClipboard.stories-6vqDwd-F.js +277 -0
- package/dist/storybook/assets/{Events.stories-BP3ensxX.js → Events.stories-DD9wfoHi.js} +1 -1
- package/dist/storybook/assets/{Heading.stories-DGqWaBpi.js → Heading.stories-D-Pvm7NG.js} +1 -1
- package/dist/storybook/assets/{Icon.stories-BWWjh4NZ.js → Icon.stories-BbR3S56H.js} +1 -1
- package/dist/storybook/assets/{LinearProgress.stories-DMVolkoE.js → LinearProgress.stories-B9XHLvVn.js} +1 -1
- package/dist/storybook/assets/{ScrollShadow.stories-BmwSRNje.js → ScrollShadow.stories-CHFpB4Zf.js} +1 -1
- package/dist/storybook/assets/{Throttle.stories-DBj-9rhV.js → Throttle.stories-BGNJSyDp.js} +1 -1
- package/dist/storybook/assets/{WithTooltip-SK46ZJ2J-DW4NXFWt.js → WithTooltip-SK46ZJ2J-QQZnlVfm.js} +43 -43
- package/dist/storybook/assets/_commonjsHelpers-CqkleIqs.js +1 -0
- package/dist/storybook/assets/formatter-OMEEQ6HG-D3LRXsK-.js +1 -0
- package/dist/storybook/assets/{iframe-CxsKJSj-.css → iframe-CpEKhsmw.css} +1 -1
- package/dist/storybook/assets/{iframe-Z4F0Cgki.js → iframe-D-tG1MVV.js} +25 -25
- package/dist/storybook/assets/index-mcT8sPvs.js +1 -0
- package/dist/storybook/assets/onFind.stories-Dagoyfc5.js +284 -0
- package/dist/storybook/assets/syntaxhighlighter-CAVLW7PM-BoS99i_u.js +6 -0
- package/dist/storybook/iframe.html +2 -2
- package/dist/storybook/index.json +1 -1
- package/dist/storybook/project.json +1 -1
- package/dist/util/ClipboardMixin.d.ts +39 -0
- package/dist/util/ClipboardMixin.d.ts.map +1 -0
- package/dist/util/ClipboardMixin.js +77 -0
- package/dist/util/ClipboardMixin.js.map +1 -0
- package/dist/util/ComponentStatesMixin.d.ts +54 -0
- package/dist/util/ComponentStatesMixin.d.ts.map +1 -0
- package/dist/util/ComponentStatesMixin.js +58 -0
- package/dist/util/ComponentStatesMixin.js.map +1 -0
- package/dist/util/EventEmitterMixin.d.ts +5 -3
- package/dist/util/EventEmitterMixin.d.ts.map +1 -1
- package/dist/util/EventEmitterMixin.js.map +1 -1
- package/dist/util/onFind.d.ts +11 -0
- package/dist/util/onFind.d.ts.map +1 -0
- package/dist/util/onFind.js +210 -0
- package/dist/util/onFind.js.map +1 -0
- package/package.json +2 -1
- package/dist/storybook/assets/Color-64QXVMR3-B3Y5c9dl.js +0 -1
- package/dist/storybook/assets/formatter-OMEEQ6HG-BBn014aZ.js +0 -1
- package/dist/storybook/assets/index-BUj5S-B7.js +0 -1
- package/dist/storybook/assets/syntaxhighlighter-CAVLW7PM-CsQveU1N.js +0 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
{"v":5,"entries":{"components-avatar--docs":{"id":"components-avatar--docs","title":"Components/Avatar","name":"Docs","importPath":"./src/stories/Avatar.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-avatar--default":{"type":"story","subtype":"story","id":"components-avatar--default","name":"Default","title":"Components/Avatar","importPath":"./src/stories/Avatar.stories.ts","tags":["dev","test","autodocs"],"exportName":"Default"},"components-avatar--sizes":{"type":"story","subtype":"story","id":"components-avatar--sizes","name":"Sizes","title":"Components/Avatar","importPath":"./src/stories/Avatar.stories.ts","tags":["dev","test","autodocs"],"exportName":"Sizes"},"components-avatar--fallback-states":{"type":"story","subtype":"story","id":"components-avatar--fallback-states","name":"Fallback States","title":"Components/Avatar","importPath":"./src/stories/Avatar.stories.ts","tags":["dev","test","autodocs"],"exportName":"FallbackStates"},"components-avatar--advanced-usage":{"type":"story","subtype":"story","id":"components-avatar--advanced-usage","name":"Advanced Usage","title":"Components/Avatar","importPath":"./src/stories/Avatar.stories.ts","tags":["dev","test","autodocs"],"exportName":"AdvancedUsage"},"components-avatargroup--docs":{"id":"components-avatargroup--docs","title":"Components/AvatarGroup","name":"Docs","importPath":"./src/stories/AvatarGroup.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-avatargroup--default":{"type":"story","subtype":"story","id":"components-avatargroup--default","name":"Default","title":"Components/AvatarGroup","importPath":"./src/stories/AvatarGroup.stories.ts","tags":["dev","test","autodocs"],"exportName":"Default"},"components-avatargroup--with-max-limit":{"type":"story","subtype":"story","id":"components-avatargroup--with-max-limit","name":"With Max Limit","title":"Components/AvatarGroup","importPath":"./src/stories/AvatarGroup.stories.ts","tags":["dev","test","autodocs"],"exportName":"WithMaxLimit"},"components-avatargroup--dynamic-avatars":{"type":"story","subtype":"story","id":"components-avatargroup--dynamic-avatars","name":"Dynamic Avatars","title":"Components/AvatarGroup","importPath":"./src/stories/AvatarGroup.stories.ts","tags":["dev","test","autodocs"],"exportName":"DynamicAvatars"},"components-badge--docs":{"id":"components-badge--docs","title":"Components/Badge","name":"Docs","importPath":"./src/stories/Badge.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-badge--default":{"type":"story","subtype":"story","id":"components-badge--default","name":"Default","title":"Components/Badge","importPath":"./src/stories/Badge.stories.ts","tags":["dev","test","autodocs"],"exportName":"Default"},"components-badge--inside-anchor":{"type":"story","subtype":"story","id":"components-badge--inside-anchor","name":"Inside Anchor","title":"Components/Badge","importPath":"./src/stories/Badge.stories.ts","tags":["dev","test","autodocs"],"exportName":"InsideAnchor"},"components-badge--advanced-usage":{"type":"story","subtype":"story","id":"components-badge--advanced-usage","name":"Advanced Usage","title":"Components/Badge","importPath":"./src/stories/Badge.stories.ts","tags":["dev","test","autodocs"],"exportName":"AdvancedUsage"},"css-plugins-button--docs":{"id":"css-plugins-button--docs","title":"CSS Plugins/Button","name":"Docs","importPath":"./src/stories/Button.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"css-plugins-button--default":{"type":"story","subtype":"story","id":"css-plugins-button--default","name":"Default","title":"CSS Plugins/Button","importPath":"./src/stories/Button.stories.ts","tags":["dev","test","autodocs"],"exportName":"Default"},"css-plugins-button--with-icon":{"type":"story","subtype":"story","id":"css-plugins-button--with-icon","name":"With Icon","title":"CSS Plugins/Button","importPath":"./src/stories/Button.stories.ts","tags":["dev","test","autodocs"],"exportName":"WithIcon"},"css-plugins-button--icon-only":{"type":"story","subtype":"story","id":"css-plugins-button--icon-only","name":"Icon Only","title":"CSS Plugins/Button","importPath":"./src/stories/Button.stories.ts","tags":["dev","test","autodocs"],"exportName":"IconOnly"},"css-plugins-button--disabled":{"type":"story","subtype":"story","id":"css-plugins-button--disabled","name":"Disabled","title":"CSS Plugins/Button","importPath":"./src/stories/Button.stories.ts","tags":["dev","test","autodocs"],"exportName":"Disabled"},"css-plugins-button--active-pressed":{"type":"story","subtype":"story","id":"css-plugins-button--active-pressed","name":"Active Pressed","title":"CSS Plugins/Button","importPath":"./src/stories/Button.stories.ts","tags":["dev","test","autodocs"],"exportName":"ActivePressed"},"components-circular-progress--docs":{"id":"components-circular-progress--docs","title":"Components/Circular Progress","name":"Docs","importPath":"./src/stories/CircularProgress.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-circular-progress--default":{"type":"story","subtype":"story","id":"components-circular-progress--default","name":"Default","title":"Components/Circular Progress","importPath":"./src/stories/CircularProgress.stories.ts","tags":["dev","test","autodocs"],"exportName":"Default"},"components-circular-progress--determinate-progress":{"type":"story","subtype":"story","id":"components-circular-progress--determinate-progress","name":"Determinate Progress","title":"Components/Circular Progress","importPath":"./src/stories/CircularProgress.stories.ts","tags":["dev","test","autodocs"],"exportName":"DeterminateProgress"},"components-circular-progress--animated-progress":{"type":"story","subtype":"story","id":"components-circular-progress--animated-progress","name":"Animated Progress","title":"Components/Circular Progress","importPath":"./src/stories/CircularProgress.stories.ts","tags":["dev","test","autodocs"],"exportName":"AnimatedProgress"},"components-circular-progress--initial-animation":{"type":"story","subtype":"story","id":"components-circular-progress--initial-animation","name":"Initial Animation","title":"Components/Circular Progress","importPath":"./src/stories/CircularProgress.stories.ts","tags":["dev","test","autodocs"],"exportName":"InitialAnimation"},"components-circular-progress--completion-event":{"type":"story","subtype":"story","id":"components-circular-progress--completion-event","name":"Completion Event","title":"Components/Circular Progress","importPath":"./src/stories/CircularProgress.stories.ts","tags":["dev","test","autodocs"],"exportName":"CompletionEvent"},"components-circular-progress--accessibility":{"type":"story","subtype":"story","id":"components-circular-progress--accessibility","name":"Accessibility","title":"Components/Circular Progress","importPath":"./src/stories/CircularProgress.stories.ts","tags":["dev","test","autodocs"],"exportName":"Accessibility"},"design-system-colors--docs":{"id":"design-system-colors--docs","title":"Design System/Colors","name":"Docs","importPath":"./src/stories/Colors.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"design-system-colors--primary":{"type":"story","subtype":"story","id":"design-system-colors--primary","name":"Primary","title":"Design System/Colors","importPath":"./src/stories/Colors.stories.ts","tags":["dev","test","autodocs"],"exportName":"Primary"},"design-system-colors--success":{"type":"story","subtype":"story","id":"design-system-colors--success","name":"Success","title":"Design System/Colors","importPath":"./src/stories/Colors.stories.ts","tags":["dev","test","autodocs"],"exportName":"Success"},"design-system-colors--warning":{"type":"story","subtype":"story","id":"design-system-colors--warning","name":"Warning","title":"Design System/Colors","importPath":"./src/stories/Colors.stories.ts","tags":["dev","test","autodocs"],"exportName":"Warning"},"design-system-colors--error":{"type":"story","subtype":"story","id":"design-system-colors--error","name":"Error","title":"Design System/Colors","importPath":"./src/stories/Colors.stories.ts","tags":["dev","test","autodocs"],"exportName":"Error"},"design-system-colors--gray":{"type":"story","subtype":"story","id":"design-system-colors--gray","name":"Gray","title":"Design System/Colors","importPath":"./src/stories/Colors.stories.ts","tags":["dev","test","autodocs"],"exportName":"Gray"},"design-system-colors--gradients":{"type":"story","subtype":"story","id":"design-system-colors--gradients","name":"Gradients","title":"Design System/Colors","importPath":"./src/stories/Colors.stories.ts","tags":["dev","test","autodocs"],"exportName":"Gradients"},"mixins-events--docs":{"id":"mixins-events--docs","title":"Mixins/Events","name":"Docs","importPath":"./src/stories/Events.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"mixins-events--event-emitter-mixin":{"type":"story","subtype":"story","id":"mixins-events--event-emitter-mixin","name":"Event Emitter Mixin","title":"Mixins/Events","importPath":"./src/stories/Events.stories.ts","tags":["dev","test","autodocs"],"exportName":"EventEmitterMixin"},"css-plugins-heading--docs":{"id":"css-plugins-heading--docs","title":"CSS Plugins/Heading","name":"Docs","importPath":"./src/stories/Heading.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"css-plugins-heading--default":{"type":"story","subtype":"story","id":"css-plugins-heading--default","name":"Default","title":"CSS Plugins/Heading","importPath":"./src/stories/Heading.stories.ts","tags":["dev","test","autodocs"],"exportName":"Default"},"components-icon--docs":{"id":"components-icon--docs","title":"Components/Icon","name":"Docs","importPath":"./src/stories/Icon.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-icon--default":{"type":"story","subtype":"story","id":"components-icon--default","name":"Default","title":"Components/Icon","importPath":"./src/stories/Icon.stories.ts","tags":["dev","test","autodocs"],"exportName":"Default"},"components-icon--sizes":{"type":"story","subtype":"story","id":"components-icon--sizes","name":"Sizes","title":"Components/Icon","importPath":"./src/stories/Icon.stories.ts","tags":["dev","test","autodocs"],"exportName":"Sizes"},"components-icon--gradient-icons":{"type":"story","subtype":"story","id":"components-icon--gradient-icons","name":"Gradient Icons","title":"Components/Icon","importPath":"./src/stories/Icon.stories.ts","tags":["dev","test","autodocs"],"exportName":"GradientIcons"},"components-icon--advanced-usage":{"type":"story","subtype":"story","id":"components-icon--advanced-usage","name":"Advanced Usage","title":"Components/Icon","importPath":"./src/stories/Icon.stories.ts","tags":["dev","test","autodocs"],"exportName":"AdvancedUsage"},"components-linear-progress--docs":{"id":"components-linear-progress--docs","title":"Components/Linear Progress","name":"Docs","importPath":"./src/stories/LinearProgress.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-linear-progress--default":{"type":"story","subtype":"story","id":"components-linear-progress--default","name":"Default","title":"Components/Linear Progress","importPath":"./src/stories/LinearProgress.stories.ts","tags":["dev","test","autodocs"],"exportName":"Default"},"components-linear-progress--determinate-progress":{"type":"story","subtype":"story","id":"components-linear-progress--determinate-progress","name":"Determinate Progress","title":"Components/Linear Progress","importPath":"./src/stories/LinearProgress.stories.ts","tags":["dev","test","autodocs"],"exportName":"DeterminateProgress"},"components-linear-progress--animated-progress":{"type":"story","subtype":"story","id":"components-linear-progress--animated-progress","name":"Animated Progress","title":"Components/Linear Progress","importPath":"./src/stories/LinearProgress.stories.ts","tags":["dev","test","autodocs"],"exportName":"AnimatedProgress"},"components-linear-progress--initial-animation":{"type":"story","subtype":"story","id":"components-linear-progress--initial-animation","name":"Initial Animation","title":"Components/Linear Progress","importPath":"./src/stories/LinearProgress.stories.ts","tags":["dev","test","autodocs"],"exportName":"InitialAnimation"},"components-linear-progress--completion-event":{"type":"story","subtype":"story","id":"components-linear-progress--completion-event","name":"Completion Event","title":"Components/Linear Progress","importPath":"./src/stories/LinearProgress.stories.ts","tags":["dev","test","autodocs"],"exportName":"CompletionEvent"},"components-linear-progress--accessibility":{"type":"story","subtype":"story","id":"components-linear-progress--accessibility","name":"Accessibility","title":"Components/Linear Progress","importPath":"./src/stories/LinearProgress.stories.ts","tags":["dev","test","autodocs"],"exportName":"Accessibility"},"mixins-ready-mixin--docs":{"id":"mixins-ready-mixin--docs","title":"Mixins/Ready Mixin","name":"Docs","importPath":"./src/stories/ReadyMixin.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"mixins-ready-mixin--ready-mixin":{"type":"story","subtype":"story","id":"mixins-ready-mixin--ready-mixin","name":"Ready Mixin","title":"Mixins/Ready Mixin","importPath":"./src/stories/ReadyMixin.stories.ts","tags":["dev","test","autodocs"],"exportName":"ReadyMixin"},"css-plugins-scrollshadow--docs":{"id":"css-plugins-scrollshadow--docs","title":"CSS Plugins/ScrollShadow","name":"Docs","importPath":"./src/stories/ScrollShadow.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"css-plugins-scrollshadow--default":{"type":"story","subtype":"story","id":"css-plugins-scrollshadow--default","name":"Default","title":"CSS Plugins/ScrollShadow","importPath":"./src/stories/ScrollShadow.stories.ts","tags":["dev","test","autodocs"],"exportName":"Default"},"utilities-throttle--docs":{"id":"utilities-throttle--docs","title":"Utilities/Throttle","name":"Docs","importPath":"./src/stories/Throttle.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"utilities-throttle--interactive":{"type":"story","subtype":"story","id":"utilities-throttle--interactive","name":"Interactive","title":"Utilities/Throttle","importPath":"./src/stories/Throttle.stories.ts","tags":["dev","test","autodocs"],"exportName":"Interactive"},"utilities-throttle--scroll-example":{"type":"story","subtype":"story","id":"utilities-throttle--scroll-example","name":"Scroll Example","title":"Utilities/Throttle","importPath":"./src/stories/Throttle.stories.ts","tags":["dev","test","autodocs"],"exportName":"ScrollExample"},"utilities-throttle--usage-example":{"type":"story","subtype":"story","id":"utilities-throttle--usage-example","name":"Usage Example","title":"Utilities/Throttle","importPath":"./src/stories/Throttle.stories.ts","tags":["dev","test","autodocs"],"exportName":"UsageExample"}}}
|
|
1
|
+
{"v":5,"entries":{"components-avatar--docs":{"id":"components-avatar--docs","title":"Components/Avatar","name":"Docs","importPath":"./src/stories/Avatar.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-avatar--default":{"type":"story","subtype":"story","id":"components-avatar--default","name":"Default","title":"Components/Avatar","importPath":"./src/stories/Avatar.stories.ts","tags":["dev","test","autodocs"],"exportName":"Default"},"components-avatar--sizes":{"type":"story","subtype":"story","id":"components-avatar--sizes","name":"Sizes","title":"Components/Avatar","importPath":"./src/stories/Avatar.stories.ts","tags":["dev","test","autodocs"],"exportName":"Sizes"},"components-avatar--fallback-states":{"type":"story","subtype":"story","id":"components-avatar--fallback-states","name":"Fallback States","title":"Components/Avatar","importPath":"./src/stories/Avatar.stories.ts","tags":["dev","test","autodocs"],"exportName":"FallbackStates"},"components-avatar--advanced-usage":{"type":"story","subtype":"story","id":"components-avatar--advanced-usage","name":"Advanced Usage","title":"Components/Avatar","importPath":"./src/stories/Avatar.stories.ts","tags":["dev","test","autodocs"],"exportName":"AdvancedUsage"},"components-avatargroup--docs":{"id":"components-avatargroup--docs","title":"Components/AvatarGroup","name":"Docs","importPath":"./src/stories/AvatarGroup.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-avatargroup--default":{"type":"story","subtype":"story","id":"components-avatargroup--default","name":"Default","title":"Components/AvatarGroup","importPath":"./src/stories/AvatarGroup.stories.ts","tags":["dev","test","autodocs"],"exportName":"Default"},"components-avatargroup--with-max-limit":{"type":"story","subtype":"story","id":"components-avatargroup--with-max-limit","name":"With Max Limit","title":"Components/AvatarGroup","importPath":"./src/stories/AvatarGroup.stories.ts","tags":["dev","test","autodocs"],"exportName":"WithMaxLimit"},"components-avatargroup--dynamic-avatars":{"type":"story","subtype":"story","id":"components-avatargroup--dynamic-avatars","name":"Dynamic Avatars","title":"Components/AvatarGroup","importPath":"./src/stories/AvatarGroup.stories.ts","tags":["dev","test","autodocs"],"exportName":"DynamicAvatars"},"components-badge--docs":{"id":"components-badge--docs","title":"Components/Badge","name":"Docs","importPath":"./src/stories/Badge.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-badge--default":{"type":"story","subtype":"story","id":"components-badge--default","name":"Default","title":"Components/Badge","importPath":"./src/stories/Badge.stories.ts","tags":["dev","test","autodocs"],"exportName":"Default"},"components-badge--inside-anchor":{"type":"story","subtype":"story","id":"components-badge--inside-anchor","name":"Inside Anchor","title":"Components/Badge","importPath":"./src/stories/Badge.stories.ts","tags":["dev","test","autodocs"],"exportName":"InsideAnchor"},"components-badge--advanced-usage":{"type":"story","subtype":"story","id":"components-badge--advanced-usage","name":"Advanced Usage","title":"Components/Badge","importPath":"./src/stories/Badge.stories.ts","tags":["dev","test","autodocs"],"exportName":"AdvancedUsage"},"css-plugins-button--docs":{"id":"css-plugins-button--docs","title":"CSS Plugins/Button","name":"Docs","importPath":"./src/stories/Button.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"css-plugins-button--default":{"type":"story","subtype":"story","id":"css-plugins-button--default","name":"Default","title":"CSS Plugins/Button","importPath":"./src/stories/Button.stories.ts","tags":["dev","test","autodocs"],"exportName":"Default"},"css-plugins-button--with-icon":{"type":"story","subtype":"story","id":"css-plugins-button--with-icon","name":"With Icon","title":"CSS Plugins/Button","importPath":"./src/stories/Button.stories.ts","tags":["dev","test","autodocs"],"exportName":"WithIcon"},"css-plugins-button--icon-only":{"type":"story","subtype":"story","id":"css-plugins-button--icon-only","name":"Icon Only","title":"CSS Plugins/Button","importPath":"./src/stories/Button.stories.ts","tags":["dev","test","autodocs"],"exportName":"IconOnly"},"css-plugins-button--disabled":{"type":"story","subtype":"story","id":"css-plugins-button--disabled","name":"Disabled","title":"CSS Plugins/Button","importPath":"./src/stories/Button.stories.ts","tags":["dev","test","autodocs"],"exportName":"Disabled"},"css-plugins-button--active-pressed":{"type":"story","subtype":"story","id":"css-plugins-button--active-pressed","name":"Active Pressed","title":"CSS Plugins/Button","importPath":"./src/stories/Button.stories.ts","tags":["dev","test","autodocs"],"exportName":"ActivePressed"},"components-circular-progress--docs":{"id":"components-circular-progress--docs","title":"Components/Circular Progress","name":"Docs","importPath":"./src/stories/CircularProgress.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-circular-progress--default":{"type":"story","subtype":"story","id":"components-circular-progress--default","name":"Default","title":"Components/Circular Progress","importPath":"./src/stories/CircularProgress.stories.ts","tags":["dev","test","autodocs"],"exportName":"Default"},"components-circular-progress--determinate-progress":{"type":"story","subtype":"story","id":"components-circular-progress--determinate-progress","name":"Determinate Progress","title":"Components/Circular Progress","importPath":"./src/stories/CircularProgress.stories.ts","tags":["dev","test","autodocs"],"exportName":"DeterminateProgress"},"components-circular-progress--animated-progress":{"type":"story","subtype":"story","id":"components-circular-progress--animated-progress","name":"Animated Progress","title":"Components/Circular Progress","importPath":"./src/stories/CircularProgress.stories.ts","tags":["dev","test","autodocs"],"exportName":"AnimatedProgress"},"components-circular-progress--initial-animation":{"type":"story","subtype":"story","id":"components-circular-progress--initial-animation","name":"Initial Animation","title":"Components/Circular Progress","importPath":"./src/stories/CircularProgress.stories.ts","tags":["dev","test","autodocs"],"exportName":"InitialAnimation"},"components-circular-progress--completion-event":{"type":"story","subtype":"story","id":"components-circular-progress--completion-event","name":"Completion Event","title":"Components/Circular Progress","importPath":"./src/stories/CircularProgress.stories.ts","tags":["dev","test","autodocs"],"exportName":"CompletionEvent"},"components-circular-progress--accessibility":{"type":"story","subtype":"story","id":"components-circular-progress--accessibility","name":"Accessibility","title":"Components/Circular Progress","importPath":"./src/stories/CircularProgress.stories.ts","tags":["dev","test","autodocs"],"exportName":"Accessibility"},"mixins-clipboard--docs":{"id":"mixins-clipboard--docs","title":"Mixins/Clipboard","name":"Docs","importPath":"./src/stories/ClipboardMixin.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"mixins-clipboard--clipboard-mixin-demo":{"type":"story","subtype":"story","id":"mixins-clipboard--clipboard-mixin-demo","name":"Clipboard Mixin Demo","title":"Mixins/Clipboard","importPath":"./src/stories/ClipboardMixin.stories.ts","tags":["dev","test","autodocs"],"exportName":"ClipboardMixinDemo"},"design-system-colors--docs":{"id":"design-system-colors--docs","title":"Design System/Colors","name":"Docs","importPath":"./src/stories/Colors.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"design-system-colors--primary":{"type":"story","subtype":"story","id":"design-system-colors--primary","name":"Primary","title":"Design System/Colors","importPath":"./src/stories/Colors.stories.ts","tags":["dev","test","autodocs"],"exportName":"Primary"},"design-system-colors--success":{"type":"story","subtype":"story","id":"design-system-colors--success","name":"Success","title":"Design System/Colors","importPath":"./src/stories/Colors.stories.ts","tags":["dev","test","autodocs"],"exportName":"Success"},"design-system-colors--warning":{"type":"story","subtype":"story","id":"design-system-colors--warning","name":"Warning","title":"Design System/Colors","importPath":"./src/stories/Colors.stories.ts","tags":["dev","test","autodocs"],"exportName":"Warning"},"design-system-colors--error":{"type":"story","subtype":"story","id":"design-system-colors--error","name":"Error","title":"Design System/Colors","importPath":"./src/stories/Colors.stories.ts","tags":["dev","test","autodocs"],"exportName":"Error"},"design-system-colors--gray":{"type":"story","subtype":"story","id":"design-system-colors--gray","name":"Gray","title":"Design System/Colors","importPath":"./src/stories/Colors.stories.ts","tags":["dev","test","autodocs"],"exportName":"Gray"},"design-system-colors--gradients":{"type":"story","subtype":"story","id":"design-system-colors--gradients","name":"Gradients","title":"Design System/Colors","importPath":"./src/stories/Colors.stories.ts","tags":["dev","test","autodocs"],"exportName":"Gradients"},"mixins-component-states--docs":{"id":"mixins-component-states--docs","title":"Mixins/Component States","name":"Docs","importPath":"./src/stories/ComponentStatesMixin.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"mixins-component-states--component-states":{"type":"story","subtype":"story","id":"mixins-component-states--component-states","name":"Component States","title":"Mixins/Component States","importPath":"./src/stories/ComponentStatesMixin.stories.ts","tags":["dev","test","autodocs"],"exportName":"ComponentStates"},"components-copytoclipboard--docs":{"id":"components-copytoclipboard--docs","title":"Components/CopyToClipboard","name":"Docs","importPath":"./src/stories/CopyToClipboard.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-copytoclipboard--default":{"type":"story","subtype":"story","id":"components-copytoclipboard--default","name":"Default","title":"Components/CopyToClipboard","importPath":"./src/stories/CopyToClipboard.stories.ts","tags":["dev","test","autodocs"],"exportName":"Default"},"components-copytoclipboard--copied-event":{"type":"story","subtype":"story","id":"components-copytoclipboard--copied-event","name":"Copied Event","title":"Components/CopyToClipboard","importPath":"./src/stories/CopyToClipboard.stories.ts","tags":["dev","test","autodocs"],"exportName":"CopiedEvent"},"components-copytoclipboard--advanced-usage":{"type":"story","subtype":"story","id":"components-copytoclipboard--advanced-usage","name":"Advanced Usage","title":"Components/CopyToClipboard","importPath":"./src/stories/CopyToClipboard.stories.ts","tags":["dev","test","autodocs"],"exportName":"AdvancedUsage"},"mixins-events--docs":{"id":"mixins-events--docs","title":"Mixins/Events","name":"Docs","importPath":"./src/stories/Events.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"mixins-events--event-emitter-mixin":{"type":"story","subtype":"story","id":"mixins-events--event-emitter-mixin","name":"Event Emitter Mixin","title":"Mixins/Events","importPath":"./src/stories/Events.stories.ts","tags":["dev","test","autodocs"],"exportName":"EventEmitterMixin"},"css-plugins-heading--docs":{"id":"css-plugins-heading--docs","title":"CSS Plugins/Heading","name":"Docs","importPath":"./src/stories/Heading.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"css-plugins-heading--default":{"type":"story","subtype":"story","id":"css-plugins-heading--default","name":"Default","title":"CSS Plugins/Heading","importPath":"./src/stories/Heading.stories.ts","tags":["dev","test","autodocs"],"exportName":"Default"},"components-icon--docs":{"id":"components-icon--docs","title":"Components/Icon","name":"Docs","importPath":"./src/stories/Icon.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-icon--default":{"type":"story","subtype":"story","id":"components-icon--default","name":"Default","title":"Components/Icon","importPath":"./src/stories/Icon.stories.ts","tags":["dev","test","autodocs"],"exportName":"Default"},"components-icon--sizes":{"type":"story","subtype":"story","id":"components-icon--sizes","name":"Sizes","title":"Components/Icon","importPath":"./src/stories/Icon.stories.ts","tags":["dev","test","autodocs"],"exportName":"Sizes"},"components-icon--gradient-icons":{"type":"story","subtype":"story","id":"components-icon--gradient-icons","name":"Gradient Icons","title":"Components/Icon","importPath":"./src/stories/Icon.stories.ts","tags":["dev","test","autodocs"],"exportName":"GradientIcons"},"components-icon--advanced-usage":{"type":"story","subtype":"story","id":"components-icon--advanced-usage","name":"Advanced Usage","title":"Components/Icon","importPath":"./src/stories/Icon.stories.ts","tags":["dev","test","autodocs"],"exportName":"AdvancedUsage"},"components-linear-progress--docs":{"id":"components-linear-progress--docs","title":"Components/Linear Progress","name":"Docs","importPath":"./src/stories/LinearProgress.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-linear-progress--default":{"type":"story","subtype":"story","id":"components-linear-progress--default","name":"Default","title":"Components/Linear Progress","importPath":"./src/stories/LinearProgress.stories.ts","tags":["dev","test","autodocs"],"exportName":"Default"},"components-linear-progress--determinate-progress":{"type":"story","subtype":"story","id":"components-linear-progress--determinate-progress","name":"Determinate Progress","title":"Components/Linear Progress","importPath":"./src/stories/LinearProgress.stories.ts","tags":["dev","test","autodocs"],"exportName":"DeterminateProgress"},"components-linear-progress--animated-progress":{"type":"story","subtype":"story","id":"components-linear-progress--animated-progress","name":"Animated Progress","title":"Components/Linear Progress","importPath":"./src/stories/LinearProgress.stories.ts","tags":["dev","test","autodocs"],"exportName":"AnimatedProgress"},"components-linear-progress--initial-animation":{"type":"story","subtype":"story","id":"components-linear-progress--initial-animation","name":"Initial Animation","title":"Components/Linear Progress","importPath":"./src/stories/LinearProgress.stories.ts","tags":["dev","test","autodocs"],"exportName":"InitialAnimation"},"components-linear-progress--completion-event":{"type":"story","subtype":"story","id":"components-linear-progress--completion-event","name":"Completion Event","title":"Components/Linear Progress","importPath":"./src/stories/LinearProgress.stories.ts","tags":["dev","test","autodocs"],"exportName":"CompletionEvent"},"components-linear-progress--accessibility":{"type":"story","subtype":"story","id":"components-linear-progress--accessibility","name":"Accessibility","title":"Components/Linear Progress","importPath":"./src/stories/LinearProgress.stories.ts","tags":["dev","test","autodocs"],"exportName":"Accessibility"},"mixins-ready-mixin--docs":{"id":"mixins-ready-mixin--docs","title":"Mixins/Ready Mixin","name":"Docs","importPath":"./src/stories/ReadyMixin.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"mixins-ready-mixin--ready-mixin":{"type":"story","subtype":"story","id":"mixins-ready-mixin--ready-mixin","name":"Ready Mixin","title":"Mixins/Ready Mixin","importPath":"./src/stories/ReadyMixin.stories.ts","tags":["dev","test","autodocs"],"exportName":"ReadyMixin"},"css-plugins-scrollshadow--docs":{"id":"css-plugins-scrollshadow--docs","title":"CSS Plugins/ScrollShadow","name":"Docs","importPath":"./src/stories/ScrollShadow.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"css-plugins-scrollshadow--default":{"type":"story","subtype":"story","id":"css-plugins-scrollshadow--default","name":"Default","title":"CSS Plugins/ScrollShadow","importPath":"./src/stories/ScrollShadow.stories.ts","tags":["dev","test","autodocs"],"exportName":"Default"},"utilities-throttle--docs":{"id":"utilities-throttle--docs","title":"Utilities/Throttle","name":"Docs","importPath":"./src/stories/Throttle.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"utilities-throttle--interactive":{"type":"story","subtype":"story","id":"utilities-throttle--interactive","name":"Interactive","title":"Utilities/Throttle","importPath":"./src/stories/Throttle.stories.ts","tags":["dev","test","autodocs"],"exportName":"Interactive"},"utilities-throttle--scroll-example":{"type":"story","subtype":"story","id":"utilities-throttle--scroll-example","name":"Scroll Example","title":"Utilities/Throttle","importPath":"./src/stories/Throttle.stories.ts","tags":["dev","test","autodocs"],"exportName":"ScrollExample"},"utilities-throttle--usage-example":{"type":"story","subtype":"story","id":"utilities-throttle--usage-example","name":"Usage Example","title":"Utilities/Throttle","importPath":"./src/stories/Throttle.stories.ts","tags":["dev","test","autodocs"],"exportName":"UsageExample"},"utilities-onfind--docs":{"id":"utilities-onfind--docs","title":"Utilities/onFind","name":"Docs","importPath":"./src/stories/onFind.stories.ts","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"utilities-onfind--interactive":{"type":"story","subtype":"story","id":"utilities-onfind--interactive","name":"Interactive","title":"Utilities/onFind","importPath":"./src/stories/onFind.stories.ts","tags":["dev","test","autodocs"],"exportName":"Interactive"},"utilities-onfind--usage-example":{"type":"story","subtype":"story","id":"utilities-onfind--usage-example","name":"Usage Example","title":"Utilities/onFind","importPath":"./src/stories/onFind.stories.ts","tags":["dev","test","autodocs"],"exportName":"UsageExample"}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"generatedAt":
|
|
1
|
+
{"generatedAt":1770394056770,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"testPackages":{},"hasRouterPackage":false,"packageManager":{"type":"yarn","agent":"yarn","nodeLinker":"undefined"},"preview":{"usesGlobals":true},"framework":{"name":"@storybook/web-components-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/web-components","portableStoriesFileCount":0,"applicationFileCount":0,"storybookVersion":"10.0.7","language":"typescript","storybookPackages":{"@storybook/addon-themes":{"version":"10.0.7"},"@storybook/web-components-vite":{"version":"10.0.7"},"@wc-toolkit/storybook-helpers":{"version":"10.0.0"},"eslint-plugin-storybook":{"version":"10.0.7"},"storybook":{}},"addons":{"@storybook/addon-docs":{"version":"10.0.7"}}}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import type { ComponentStatesMixinInterface } from './ComponentStatesMixin.js';
|
|
3
|
+
import type { EventEmitterMixinInterface } from './EventEmitterMixin.js';
|
|
4
|
+
type Constructor<T = object> = new (...args: any[]) => T;
|
|
5
|
+
export declare class ClipboardMixinInterface {
|
|
6
|
+
copy(text: string, timeout?: number): Promise<void>;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* Mixin that adds clipboard copy functionality with visual feedback.
|
|
10
|
+
*
|
|
11
|
+
* Provides a `copy()` method that:
|
|
12
|
+
* - Writes text to the system clipboard
|
|
13
|
+
* - Adds a temporary 'btu-clipboard-copied' state for 3 seconds
|
|
14
|
+
* - Emits a 'btu-clipboard-copied' event
|
|
15
|
+
* - Prevents duplicate copy operations while in success state
|
|
16
|
+
*
|
|
17
|
+
* @mixin
|
|
18
|
+
*
|
|
19
|
+
* @requires ComponentStatesMixin - For state management
|
|
20
|
+
* @requires EventEmitterMixin - For event emission
|
|
21
|
+
*
|
|
22
|
+
* @example
|
|
23
|
+
* ```typescript
|
|
24
|
+
* class MyComponent extends ClipboardMixin(
|
|
25
|
+
* ComponentStatesMixin(
|
|
26
|
+
* EventEmitterMixin(
|
|
27
|
+
* ReadyMixin(LitElement)
|
|
28
|
+
* )
|
|
29
|
+
* )
|
|
30
|
+
* ) {
|
|
31
|
+
* async handleCopy() {
|
|
32
|
+
* await this.copy('Hello, World!')
|
|
33
|
+
* }
|
|
34
|
+
* }
|
|
35
|
+
* ```
|
|
36
|
+
*/
|
|
37
|
+
export declare const ClipboardMixin: <T extends Constructor<LitElement & ComponentStatesMixinInterface & EventEmitterMixinInterface>>(superClass: T) => Constructor<ClipboardMixinInterface> & T;
|
|
38
|
+
export {};
|
|
39
|
+
//# sourceMappingURL=ClipboardMixin.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ClipboardMixin.d.ts","sourceRoot":"","sources":["../../src/util/ClipboardMixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAEhC,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAA;AAExE,KAAK,WAAW,CAAC,CAAC,GAAG,MAAM,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAA;AAExD,MAAM,CAAC,OAAO,OAAO,uBAAuB;IAC1C,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;CACpD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,cAAc,GACzB,CAAC,SAAS,WAAW,CAAC,UAAU,GAAG,6BAA6B,GAAG,0BAA0B,CAAC,EAE9F,YAAY,CAAC,KA+CiB,WAAW,CAAC,uBAAuB,CAAC,GAAG,CACtE,CAAA"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import { announce } from '../util/aria.js';
|
|
3
|
+
/**
|
|
4
|
+
* Mixin that adds clipboard copy functionality with visual feedback.
|
|
5
|
+
*
|
|
6
|
+
* Provides a `copy()` method that:
|
|
7
|
+
* - Writes text to the system clipboard
|
|
8
|
+
* - Adds a temporary 'btu-clipboard-copied' state for 3 seconds
|
|
9
|
+
* - Emits a 'btu-clipboard-copied' event
|
|
10
|
+
* - Prevents duplicate copy operations while in success state
|
|
11
|
+
*
|
|
12
|
+
* @mixin
|
|
13
|
+
*
|
|
14
|
+
* @requires ComponentStatesMixin - For state management
|
|
15
|
+
* @requires EventEmitterMixin - For event emission
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```typescript
|
|
19
|
+
* class MyComponent extends ClipboardMixin(
|
|
20
|
+
* ComponentStatesMixin(
|
|
21
|
+
* EventEmitterMixin(
|
|
22
|
+
* ReadyMixin(LitElement)
|
|
23
|
+
* )
|
|
24
|
+
* )
|
|
25
|
+
* ) {
|
|
26
|
+
* async handleCopy() {
|
|
27
|
+
* await this.copy('Hello, World!')
|
|
28
|
+
* }
|
|
29
|
+
* }
|
|
30
|
+
* ```
|
|
31
|
+
*/
|
|
32
|
+
export const ClipboardMixin = (superClass) => {
|
|
33
|
+
class ClipboardMixinClass extends superClass {
|
|
34
|
+
/**
|
|
35
|
+
* Copies text to the system clipboard with visual feedback.
|
|
36
|
+
*
|
|
37
|
+
* @param text - The text to copy to clipboard
|
|
38
|
+
* @param timeout - Duration in milliseconds to show success state (default: 3000)
|
|
39
|
+
* @returns Promise that resolves when copy operation is complete
|
|
40
|
+
*/
|
|
41
|
+
async copy(text, timeout = 3000) {
|
|
42
|
+
if (!text)
|
|
43
|
+
return;
|
|
44
|
+
// Prevent duplicate operations
|
|
45
|
+
if (this.states.has('btu-clipboard-copied'))
|
|
46
|
+
return;
|
|
47
|
+
// Write to clipboard with error handling
|
|
48
|
+
try {
|
|
49
|
+
if (!navigator.clipboard || typeof navigator.clipboard.writeText !== 'function') {
|
|
50
|
+
throw new Error('Clipboard API is not available in this environment.');
|
|
51
|
+
}
|
|
52
|
+
await navigator.clipboard.writeText(text);
|
|
53
|
+
}
|
|
54
|
+
catch (error) {
|
|
55
|
+
// Handle clipboard write failures gracefully
|
|
56
|
+
// Avoid setting success state or emitting success events on failure
|
|
57
|
+
// eslint-disable-next-line no-console
|
|
58
|
+
console.error('Failed to copy text to clipboard:', error);
|
|
59
|
+
announce('Copy failed');
|
|
60
|
+
return;
|
|
61
|
+
}
|
|
62
|
+
// Add success state
|
|
63
|
+
this.states.add('btu-clipboard-copied');
|
|
64
|
+
this.requestUpdate();
|
|
65
|
+
// Emit success event
|
|
66
|
+
this.emit('btu-clipboard-copied');
|
|
67
|
+
announce('Copied!');
|
|
68
|
+
// Remove success state after timeout
|
|
69
|
+
setTimeout(() => {
|
|
70
|
+
this.states.delete('btu-clipboard-copied');
|
|
71
|
+
this.requestUpdate();
|
|
72
|
+
}, timeout);
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
return ClipboardMixinClass;
|
|
76
|
+
};
|
|
77
|
+
//# sourceMappingURL=ClipboardMixin.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ClipboardMixin.js","sourceRoot":"","sources":["../../src/util/ClipboardMixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAU1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAG5B,UAAa,EACb,EAAE;IACF,MAAM,mBAAoB,SAAQ,UAAU;QAC1C;;;;;;WAMG;QACH,KAAK,CAAC,IAAI,CAAC,IAAY,EAAE,OAAO,GAAG,IAAI;YACrC,IAAI,CAAC,IAAI;gBAAE,OAAM;YAEjB,+BAA+B;YAC/B,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,sBAAsB,CAAC;gBAAE,OAAM;YAEnD,yCAAyC;YACzC,IAAI,CAAC;gBACH,IAAI,CAAC,SAAS,CAAC,SAAS,IAAI,OAAO,SAAS,CAAC,SAAS,CAAC,SAAS,KAAK,UAAU,EAAE,CAAC;oBAChF,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAA;gBACxE,CAAC;gBAED,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;YAC3C,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,6CAA6C;gBAC7C,oEAAoE;gBACpE,sCAAsC;gBACtC,OAAO,CAAC,KAAK,CAAC,mCAAmC,EAAE,KAAK,CAAC,CAAA;gBACzD,QAAQ,CAAC,aAAa,CAAC,CAAA;gBACvB,OAAM;YACR,CAAC;YAED,oBAAoB;YACpB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAA;YACvC,IAAI,CAAC,aAAa,EAAE,CAAA;YAEpB,qBAAqB;YACrB,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAA;YACjC,QAAQ,CAAC,SAAS,CAAC,CAAA;YAEnB,qCAAqC;YACrC,UAAU,CAAC,GAAG,EAAE;gBACd,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAA;gBAC1C,IAAI,CAAC,aAAa,EAAE,CAAA;YACtB,CAAC,EAAE,OAAO,CAAC,CAAA;QACb,CAAC;KACF;IACD,OAAO,mBAA+D,CAAA;AACxE,CAAC,CAAA"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
type Constructor<T = object> = new (...args: any[]) => T;
|
|
3
|
+
/**
|
|
4
|
+
* Default component states available across all Brightspot UI components.
|
|
5
|
+
* Components can extend this interface to add custom states.
|
|
6
|
+
*/
|
|
7
|
+
export interface DefaultComponentStates {
|
|
8
|
+
'btu-error': string;
|
|
9
|
+
'btu-loading': string;
|
|
10
|
+
'btu-expanded': string;
|
|
11
|
+
'btu-clipboard-copied': string;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* Interface for components using ComponentStatesMixin.
|
|
15
|
+
* Provides access to the Custom State API via ElementInternals.
|
|
16
|
+
*/
|
|
17
|
+
export declare class ComponentStatesMixinInterface {
|
|
18
|
+
internals: ElementInternals;
|
|
19
|
+
states: CustomStateSet;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* Mixin that provides access to the Custom State API for managing component states.
|
|
23
|
+
*
|
|
24
|
+
* Uses ElementInternals.states (Custom State API) to manage component-specific states
|
|
25
|
+
* that can be styled with the :state() pseudo-class in CSS.
|
|
26
|
+
*
|
|
27
|
+
* @mixin
|
|
28
|
+
*
|
|
29
|
+
* @example
|
|
30
|
+
* ```typescript
|
|
31
|
+
* // Define a component with custom states
|
|
32
|
+
* class MyComponent extends ComponentStatesMixin(EventEmitterMixin(LitElement)) {
|
|
33
|
+
* someAction() {
|
|
34
|
+
* this.states.add('btu-loading')
|
|
35
|
+
* // ... do work
|
|
36
|
+
* this.states.delete('btu-loading')
|
|
37
|
+
* }
|
|
38
|
+
* }
|
|
39
|
+
* ```
|
|
40
|
+
*
|
|
41
|
+
* @example
|
|
42
|
+
* ```css
|
|
43
|
+
* my-component:state(btu-loading) {
|
|
44
|
+
* opacity: 0.5;
|
|
45
|
+
* pointer-events: none;
|
|
46
|
+
* }
|
|
47
|
+
* ```
|
|
48
|
+
*
|
|
49
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states
|
|
50
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/CSS/:state
|
|
51
|
+
*/
|
|
52
|
+
export declare const ComponentStatesMixin: <T extends Constructor<LitElement>>(superclass: T) => Constructor<ComponentStatesMixinInterface> & T;
|
|
53
|
+
export {};
|
|
54
|
+
//# sourceMappingURL=ComponentStatesMixin.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ComponentStatesMixin.d.ts","sourceRoot":"","sources":["../../src/util/ComponentStatesMixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAEhC,KAAK,WAAW,CAAC,CAAC,GAAG,MAAM,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAA;AAExD;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,EAAE,MAAM,CAAA;IACrB,cAAc,EAAE,MAAM,CAAA;IACtB,sBAAsB,EAAE,MAAM,CAAA;CAC/B;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,6BAA6B;IAChD,SAAS,EAAE,gBAAgB,CAAA;IAC3B,MAAM,EAAE,cAAc,CAAA;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EAAE,YAAY,CAAC,KAqB/C,WAAW,CAAC,6BAA6B,CAAC,GAAG,CAClF,CAAA"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* Mixin that provides access to the Custom State API for managing component states.
|
|
4
|
+
*
|
|
5
|
+
* Uses ElementInternals.states (Custom State API) to manage component-specific states
|
|
6
|
+
* that can be styled with the :state() pseudo-class in CSS.
|
|
7
|
+
*
|
|
8
|
+
* @mixin
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```typescript
|
|
12
|
+
* // Define a component with custom states
|
|
13
|
+
* class MyComponent extends ComponentStatesMixin(EventEmitterMixin(LitElement)) {
|
|
14
|
+
* someAction() {
|
|
15
|
+
* this.states.add('btu-loading')
|
|
16
|
+
* // ... do work
|
|
17
|
+
* this.states.delete('btu-loading')
|
|
18
|
+
* }
|
|
19
|
+
* }
|
|
20
|
+
* ```
|
|
21
|
+
*
|
|
22
|
+
* @example
|
|
23
|
+
* ```css
|
|
24
|
+
* my-component:state(btu-loading) {
|
|
25
|
+
* opacity: 0.5;
|
|
26
|
+
* pointer-events: none;
|
|
27
|
+
* }
|
|
28
|
+
* ```
|
|
29
|
+
*
|
|
30
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states
|
|
31
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/CSS/:state
|
|
32
|
+
*/
|
|
33
|
+
export const ComponentStatesMixin = (superclass) => {
|
|
34
|
+
class ComponentStatesMixinClass extends superclass {
|
|
35
|
+
constructor() {
|
|
36
|
+
super(...arguments);
|
|
37
|
+
/**
|
|
38
|
+
* ElementInternals provides access to internal element APIs like
|
|
39
|
+
* custom states, form-associated custom elements, and accessibility semantics.
|
|
40
|
+
* @internal
|
|
41
|
+
*/
|
|
42
|
+
this.internals = this.attachInternals();
|
|
43
|
+
/**
|
|
44
|
+
* CustomStateSet for managing component states.
|
|
45
|
+
* States can be set/unset and styled with :state() pseudo-class.
|
|
46
|
+
* @example
|
|
47
|
+
* ```typescript
|
|
48
|
+
* this.states.add('btu-error')
|
|
49
|
+
* this.states.delete('btu-error')
|
|
50
|
+
* this.states.has('btu-error') // boolean
|
|
51
|
+
* ```
|
|
52
|
+
*/
|
|
53
|
+
this.states = this.internals.states;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
return ComponentStatesMixinClass;
|
|
57
|
+
};
|
|
58
|
+
//# sourceMappingURL=ComponentStatesMixin.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ComponentStatesMixin.js","sourceRoot":"","sources":["../../src/util/ComponentStatesMixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAwBhC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAoC,UAAa,EAAE,EAAE;IACvF,MAAM,yBAA0B,SAAQ,UAAU;QAAlD;;YACE;;;;eAIG;YACH,cAAS,GAAG,IAAI,CAAC,eAAe,EAAE,CAAA;YAElC;;;;;;;;;eASG;YACH,WAAM,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAA;QAChC,CAAC;KAAA;IACD,OAAO,yBAA2E,CAAA;AACpF,CAAC,CAAA"}
|
|
@@ -11,9 +11,6 @@ export interface CustomEventMap {
|
|
|
11
11
|
'btu-element-error': CustomEvent<{
|
|
12
12
|
error: Error;
|
|
13
13
|
}>;
|
|
14
|
-
'btu-badge-ready': CustomEvent<unknown>;
|
|
15
|
-
'btu-progress-ready': CustomEvent<unknown>;
|
|
16
|
-
'btu-progress-complete': CustomEvent<unknown>;
|
|
17
14
|
'btu-avatar-ready': CustomEvent<unknown>;
|
|
18
15
|
'btu-avatar-image-loaded': CustomEvent<{
|
|
19
16
|
src: string;
|
|
@@ -26,7 +23,12 @@ export interface CustomEventMap {
|
|
|
26
23
|
'btu-avatar-group-overflow': CustomEvent<{
|
|
27
24
|
hidden: number;
|
|
28
25
|
}>;
|
|
26
|
+
'btu-badge-ready': CustomEvent<unknown>;
|
|
27
|
+
'btu-clipboard-copied': CustomEvent<unknown>;
|
|
28
|
+
'btu-clipboard-ready': CustomEvent<unknown>;
|
|
29
29
|
'btu-icon-ready': CustomEvent<unknown>;
|
|
30
|
+
'btu-progress-ready': CustomEvent<unknown>;
|
|
31
|
+
'btu-progress-complete': CustomEvent<unknown>;
|
|
30
32
|
}
|
|
31
33
|
interface CombinedEventMap extends HTMLElementEventMap, CustomEventMap {
|
|
32
34
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EventEmitterMixin.d.ts","sourceRoot":"","sources":["../../src/util/EventEmitterMixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAEhC,KAAK,WAAW,CAAC,CAAC,GAAG,MAAM,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAA;AACxD,KAAK,iBAAiB,CAAC,CAAC,IAAI,CAAC,SAAS,WAAW,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AAEtE;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,uBAAuB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC7C,0BAA0B,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAChD,mBAAmB,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,KAAK,CAAA;KAAE,CAAC,CAAA;IAClD,
|
|
1
|
+
{"version":3,"file":"EventEmitterMixin.d.ts","sourceRoot":"","sources":["../../src/util/EventEmitterMixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAEhC,KAAK,WAAW,CAAC,CAAC,GAAG,MAAM,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAA;AACxD,KAAK,iBAAiB,CAAC,CAAC,IAAI,CAAC,SAAS,WAAW,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AAEtE;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,uBAAuB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC7C,0BAA0B,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAChD,mBAAmB,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,KAAK,CAAA;KAAE,CAAC,CAAA;IAClD,kBAAkB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IACxC,yBAAyB,EAAE,WAAW,CAAC;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACvD,wBAAwB,EAAE,WAAW,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAA;KAAE,CAAC,CAAA;IACpE,wBAAwB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC9C,2BAA2B,EAAE,WAAW,CAAC;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC5D,iBAAiB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IACvC,sBAAsB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC5C,qBAAqB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC3C,gBAAgB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IACtC,oBAAoB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC1C,uBAAuB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CAC9C;AAED,UAAU,gBAAiB,SAAQ,mBAAmB,EAAE,cAAc;CAAG;AAEzE;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,0BAA0B;IAC7C,IAAI,EAAE,CAAC,CAAC,SAAS,MAAM,cAAc,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;IACtG,gBAAgB,CAAC,CAAC,SAAS,MAAM,gBAAgB,EAC/C,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,EAC9D,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI;IACP,mBAAmB,CAAC,CAAC,SAAS,MAAM,gBAAgB,EAClD,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,EAC9D,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,GACvC,IAAI;CACR;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EAAE,YAAY,CAAC,KAqD/C,WAAW,CAAC,0BAA0B,CAAC,GAAG,CAC5E,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EventEmitterMixin.js","sourceRoot":"","sources":["../../src/util/EventEmitterMixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;
|
|
1
|
+
{"version":3,"file":"EventEmitterMixin.js","sourceRoot":"","sources":["../../src/util/EventEmitterMixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AA8ChC;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAoC,UAAa,EAAE,EAAE;IACpF,MAAM,sBAAuB,SAAQ,UAAU;QAC7C;;;;WAIG;QACH,iBAAiB;YACf,KAAK,CAAC,iBAAiB,EAAE,CAAA;YACzB,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CACpB,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE,EAAE,CAAC,EAC5C,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE,EAAE,KAAK,EAAE,CAAC,CACnD,CAAA;QACH,CAAC;QAED;;;;WAIG;QACH,oBAAoB;YAClB,KAAK,CAAC,oBAAoB,EAAE,CAAA;YAC5B,IAAI,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAA;QACvC,CAAC;QAED;;;;;;;;;;;;;;;;WAgBG;QACH,IAAI,CAAiC,IAAO,EAAE,MAA6C;YACzF,OAAO,IAAI,CAAC,aAAa,CACvB,IAAI,WAAW,CAAC,IAAI,EAAE;gBACpB,OAAO,EAAE,IAAI;gBACb,UAAU,EAAE,KAAK;gBACjB,QAAQ,EAAE,IAAI;gBACd,MAAM;aACP,CAAC,CACH,CAAA;QACH,CAAC;KACF;IACD,OAAO,sBAAqE,CAAA;AAC9E,CAAC,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export type CallbackFunction<E extends Element> = (element: E) => void;
|
|
2
|
+
export type Selectors = string | string[];
|
|
3
|
+
declare function onFind<E extends Element>(root: ParentNode, selectors: Selectors, fn: CallbackFunction<E>): void;
|
|
4
|
+
declare function onFind<E extends Element>(selectors: Selectors, fn: CallbackFunction<E>): void;
|
|
5
|
+
declare namespace onFind {
|
|
6
|
+
var triggerCallbacks: (mutations?: MutationRecord[]) => void;
|
|
7
|
+
var pause: () => void;
|
|
8
|
+
var resume: () => void;
|
|
9
|
+
}
|
|
10
|
+
export default onFind;
|
|
11
|
+
//# sourceMappingURL=onFind.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"onFind.d.ts","sourceRoot":"","sources":["../../src/util/onFind.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI,CAAA;AACtE,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;AAqNzC,iBAAS,MAAM,CAAC,CAAC,SAAS,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAA;AAEzG,iBAAS,MAAM,CAAC,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAA;kBAA9E,MAAM;uCA1GuB,cAAc,EAAE;;;;AAiJtD,eAAe,MAAM,CAAA"}
|