mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-20 12:23:02 +00:00
Code Issues Projects Releases Packages Wiki Activity

refactor(code-snippet): forward text/copy props to CopyButton

Browse source
This commit is contained in:
Eric Liu 2022-06-25 16:20:53 -07:00
commit 0b51b14246
1 changed files with 5 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/CodeSnippet/CodeSnippet.svelte
View file

@ -110,11 +110,6 @@
if (height > 0) showMoreLess = ref.getBoundingClientRect().height > 255; if (height > 0) showMoreLess = ref.getBoundingClientRect().height > 255;
} }
function copyCode() {
copy(code);
dispatch("copy");
}
$: expandText = expanded ? showLessText : showMoreText; $: expandText = expanded ? showLessText : showMoreText;
$: minHeight = expanded ? 16 * 15 : 48; $: minHeight = expanded ? 16 * 15 : 48;
$: maxHeight = expanded ? "none" : 16 * 15 + "px"; $: maxHeight = expanded ? "none" : 16 * 15 + "px";
@ -174,7 +169,8 @@
{...$$restProps} {...$$restProps}
on:click on:click
on:click="{() => { on:click="{() => {
copyCode(); copy(code);
dispatch('copy');
if (animation === 'fade-in') return; if (animation === 'fade-in') return;
animation = 'fade-in'; animation = 'fade-in';
timeout = setTimeout(() => { timeout = setTimeout(() => {
@ -229,12 +225,14 @@
</div> </div>
{#if !hideCopyButton} {#if !hideCopyButton}
<CopyButton <CopyButton
text="{code}"
copy="{copy}"
disabled="{disabled}" disabled="{disabled}"
feedback="{feedback}" feedback="{feedback}"
feedbackTimeout="{feedbackTimeout}" feedbackTimeout="{feedbackTimeout}"
iconDescription="{copyButtonDescription}" iconDescription="{copyButtonDescription}"
on:click on:click
on:click="{copyCode}" on:copy
on:animationend on:animationend
/> />
{/if} {/if}