playbook_ui 14.13.0.pre.alpha.play1834depupdatesass6024 → 14.13.0.pre.rc.0

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "14.13.0"
-  VERSION = "14.13.0.pre.alpha.play1834depupdatesass6024"
+  PREVIOUS_VERSION = "14.12.0"
+  VERSION = "14.13.0.pre.rc.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.13.0.pre.alpha.play1834depupdatesass6024
+  version: 14.13.0.pre.rc.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-02-10 00:00:00.000000000 Z
+date: 2025-01-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -265,7 +265,6 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/README.md
 - app/pb_kits/playbook/pb_advanced_table/SubKits/TableBody.tsx
 - app/pb_kits/playbook/pb_advanced_table/SubKits/TableHeader.tsx
-- app/pb_kits/playbook/pb_advanced_table/Utilities/ActionBarAnimationHelper.ts
 - app/pb_kits/playbook/pb_advanced_table/Utilities/BrowserCheck.tsx
 - app/pb_kits/playbook/pb_advanced_table/Utilities/ExpansionControlHelpers.tsx
 - app/pb_kits/playbook/pb_advanced_table/Utilities/IconHelpers.tsx
@@ -333,8 +332,6 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_rails.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_react.md
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.jsx
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_react.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_no_subrows.json
@@ -801,19 +798,6 @@ files:
 - app/pb_kits/playbook/pb_contact/docs/_description.md
 - app/pb_kits/playbook/pb_contact/docs/example.yml
 - app/pb_kits/playbook/pb_contact/docs/index.js
-- app/pb_kits/playbook/pb_copy_button/_copy_button.scss
-- app/pb_kits/playbook/pb_copy_button/_copy_button.tsx
-- app/pb_kits/playbook/pb_copy_button/copy_button.html.erb
-- app/pb_kits/playbook/pb_copy_button/copy_button.rb
-- app/pb_kits/playbook/pb_copy_button/copy_button.test.jsx
-- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.html.erb
-- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.jsx
-- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.html.erb
-- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.jsx
-- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.md
-- app/pb_kits/playbook/pb_copy_button/docs/example.yml
-- app/pb_kits/playbook/pb_copy_button/docs/index.js
-- app/pb_kits/playbook/pb_copy_button/index.js
 - app/pb_kits/playbook/pb_currency/_currency.scss
 - app/pb_kits/playbook/pb_currency/_currency.tsx
 - app/pb_kits/playbook/pb_currency/currency.html.erb
@@ -1171,8 +1155,6 @@ files:
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_default_rails.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.md
-- app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.html.erb
-- app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.jsx
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards_rails.html.erb
@@ -1185,8 +1167,6 @@ files:
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.html.erb
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.md
-- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.html.erb
-- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.md
 - app/pb_kits/playbook/pb_draggable/docs/example.yml
 - app/pb_kits/playbook/pb_draggable/docs/index.js
 - app/pb_kits/playbook/pb_draggable/draggable.html.erb
@@ -1355,10 +1335,8 @@ files:
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.tsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_description.md
-- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close.html.erb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close.jsx
-- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close_rails.md
-- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close_react.md
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close.md
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children.html.erb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children.jsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children.md
@@ -1566,10 +1544,6 @@ files:
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.jsx
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.md
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis_swift.md
-- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.html.erb
-- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.jsx
-- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_rails.md
-- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_react.md
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.html.erb
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.jsx
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.md
@@ -1854,8 +1828,6 @@ files:
 - app/pb_kits/playbook/pb_link/docs/_link_icon.jsx
 - app/pb_kits/playbook/pb_link/docs/_link_tag.html.erb
 - app/pb_kits/playbook/pb_link/docs/_link_tag.jsx
-- app/pb_kits/playbook/pb_link/docs/_link_target.html.erb
-- app/pb_kits/playbook/pb_link/docs/_link_target.jsx
 - app/pb_kits/playbook/pb_link/docs/_link_underline.html.erb
 - app/pb_kits/playbook/pb_link/docs/_link_underline.jsx
 - app/pb_kits/playbook/pb_link/docs/example.yml
@@ -3174,9 +3146,6 @@ files:
 - app/pb_kits/playbook/pb_user/docs/_user_default.html.erb
 - app/pb_kits/playbook/pb_user/docs/_user_default.jsx
 - app/pb_kits/playbook/pb_user/docs/_user_horizontal_swift.md
-- app/pb_kits/playbook/pb_user/docs/_user_light_weight.html.erb
-- app/pb_kits/playbook/pb_user/docs/_user_light_weight.jsx
-- app/pb_kits/playbook/pb_user/docs/_user_light_weight.md
 - app/pb_kits/playbook/pb_user/docs/_user_presence_indicator_swift.md
 - app/pb_kits/playbook/pb_user/docs/_user_props_table.md
 - app/pb_kits/playbook/pb_user/docs/_user_size.html.erb
@@ -3332,11 +3301,11 @@ files:
 - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
 - app/pb_kits/playbook/utilities/text.ts
 - app/pb_kits/playbook/utilities/validEmojiChecker.ts
-- dist/chunks/_typeahead-DQTwAd_2.js
-- dist/chunks/_weekday_stacked-CnPEqV7l.js
+- dist/chunks/_typeahead-BWwaAo_0.js
+- dist/chunks/_weekday_stacked-zyBCd1s8.js
 - dist/chunks/lazysizes-B7xYodB-.js
-- dist/chunks/lib-WQEeEj3t.js
-- dist/chunks/pb_form_validation-Cq64l4zn.js
+- dist/chunks/lib-kMuhBuU7.js
+- dist/chunks/pb_form_validation-DBJ0wZuS.js
 - dist/chunks/vendor.js
 - dist/menu.yml
 - dist/playbook-doc.js

data/app/pb_kits/playbook/pb_advanced_table/Utilities/ActionBarAnimationHelper.ts

@@ -1,26 +0,0 @@
-export const showActionBar = (elem: HTMLElement) => {
-  elem.style.display = "block";
-  const height = elem.scrollHeight + "px";
-  elem.style.height = height;
-  elem.classList.add("is-visible");
-  elem.style.overflow = "hidden";
-
-  window.setTimeout(() => {
-    if (elem.classList.contains("is-visible")) {
-      elem.style.height = "";
-      elem.style.overflow = "visible";
-    }
-  }, 300);
-};
-
-export const hideActionBar = (elem: HTMLElement) => {
-  elem.style.height = elem.scrollHeight + "px";
-  elem.offsetHeight;
-  window.setTimeout(() => {
-    elem.style.height = "0";
-    elem.style.overflow = "hidden";
-  }, 10);
-  window.setTimeout(() => {
-    elem.classList.remove("is-visible");
-  }, 300);
-};

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.jsx

@@ -1,55 +0,0 @@
-import React from "react"
-import { AdvancedTable } from "playbook-ui"
-import MOCK_DATA from "./advanced_table_mock_data.json"
-
-const AdvancedTableTablePropsStickyHeader = (props) => {
-  const columnDefinitions = [
-    {
-      accessor: "year",
-      label: "Year",
-      cellAccessors: ["quarter", "month", "day"],
-    },
-    {
-      accessor: "newEnrollments",
-      label: "New Enrollments",
-    },
-    {
-      accessor: "scheduledMeetings",
-      label: "Scheduled Meetings",
-    },
-    {
-      accessor: "attendanceRate",
-      label: "Attendance Rate",
-    },
-    {
-      accessor: "completedClasses",
-      label: "Completed Classes",
-    },
-    {
-      accessor: "classCompletionRate",
-      label: "Class Completion Rate",
-    },
-    {
-      accessor: "graduatedStudents",
-      label: "Graduated Students",
-    },
-  ]
-
-  const tableProps = {
-    sticky: true
-  }
-
-  return (
-    <div>
-      <AdvancedTable
-          columnDefinitions={columnDefinitions}
-          maxHeight="xs"
-          tableData={MOCK_DATA}
-          tableProps={tableProps}
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default AdvancedTableTablePropsStickyHeader

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_react.md

@@ -1,3 +0,0 @@
-Create a sticky header that works for responsive Advanced Tables by setting `sticky: true` via `tableProps` and giving the AdvancedTable a `maxHeight` using our [Max Height](https://playbook.powerapp.cloud/visual_guidelines/max_height) global prop. This behavior requires a `maxHeight` to work. The header is sticky within the table container, allowing for it to work along with the first column stickiness of a responsive table on smaller screen sizes.
-
-A sticky header on a nonresponsive table is demonstrated in the ["Table Props"](https://playbook.powerapp.cloud/kits/advanced_table/react#table-props) doc example above.

data/app/pb_kits/playbook/pb_copy_button/_copy_button.scss

@@ -1,4 +0,0 @@
-.pb_copy_button_kit {
-  width: fit-content;
-  height: fit-content;
-}

data/app/pb_kits/playbook/pb_copy_button/_copy_button.tsx

@@ -1,92 +0,0 @@
-
-import React, { useState } from 'react'
-import classnames from 'classnames'
-import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
-import { globalProps } from '../utilities/globalProps'
-
-import Button from '../pb_button/_button'
-import Tooltip from '../pb_tooltip/_tooltip'
-
-type CopyButtonProps = {
-  aria?: { [key: string]: string },
-  className?: string,
-  data?: { [key: string]: string },
-  id?: string,
-  from?: string,
-  text?: string,
-  tooltipPlacement?:  "top" | "right" | "bottom" | "left",
-  tooltipText?: string,
-  value?: string,
-}
-
-const CopyButton = (props: CopyButtonProps) => {
-  const {
-    aria = {},
-    className,
-    data = {},
-    from = '',
-    id,
-    text= 'Copy',
-    tooltipPlacement= 'bottom',
-    tooltipText = 'Copied!',
-    value = '',
-  } = props
-
-  const [copied, setCopied] = useState(false)
-
-  const ariaProps = buildAriaProps(aria)
-  const dataProps = buildDataProps(data)
-  const classes = classnames(buildCss('pb_copy_button_kit'), globalProps(props), className)
-
-  const copy = () => {
-    if (!from && !value) {
-      return
-    }
-
-    if (value) {
-      navigator.clipboard.writeText(value)
-    } else if (from) {
-      const copyElement = document.getElementById(from);
-      let copyText = copyElement?.innerText
-
-      if (copyElement instanceof HTMLTextAreaElement || copyElement instanceof HTMLInputElement) {
-        copyText = copyElement.value;
-      }
-
-      if (copyText) {
-        navigator.clipboard.writeText(copyText)
-      }
-    }
-
-    setCopied(true)
-
-    setTimeout(() => {
-      setCopied(false)
-    }, 1000);
-  }
-
-  return (
-    <div
-        {...ariaProps}
-        {...dataProps}
-        className={classes}
-        id={id}
-    >
-      <Tooltip 
-          forceOpenTooltip={copied}
-          placement={tooltipPlacement}
-          showTooltip={false}
-          text={tooltipText}
-      >
-        <Button
-            icon='copy'
-            onClick={copy}
-        >
-          { text }
-        </Button>
-      </Tooltip>
-    </div>
-  )
-}
-
-export default CopyButton

data/app/pb_kits/playbook/pb_copy_button/copy_button.html.erb

@@ -1,15 +0,0 @@
-<%= pb_content_tag do %>
-    <%= pb_rails("button", props: { icon: "copy" }) do %>
-      <%= object.text %>
-    <% end %>
-  <% if object.id %> 
-  <%= pb_rails("tooltip", props: {
-      trigger_element_selector: "##{object.id}",
-      position: object.tooltip_position,
-      tooltip_id: "#{object.id}_tooltip",
-      trigger_method: "click"
-    }) do %>
-        <%= object.tooltip_text %> 
-    <% end %>
-  <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_copy_button/copy_button.rb

@@ -1,28 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbCopyButton
-    class CopyButton < ::Playbook::KitBase
-      prop :text
-      prop :tooltip_position,
-           type: Playbook::Props::Enum,
-           values: %w[top right bottom left],
-           default: "top"
-      prop :tooltip_text, type: Playbook::Props::String,
-                          default: "Copied!"
-      prop :value
-      prop :from
-
-      def classname
-        generate_classname("pb_copy_button_kit")
-      end
-
-      def data
-        Hash(values[:data]).merge(
-          "copy-value": value,
-          "from": from
-        )
-      end
-    end
-  end
-end

data/app/pb_kits/playbook/pb_copy_button/copy_button.test.jsx

@@ -1,64 +0,0 @@
-import React from 'react';
-import { CopyButton } from 'playbook-ui'
-import { ensureAccessible, renderKit, render, fireEvent, screen } from '../utilities/test-utils'
-
-const props = {
-  data: { testid: 'default', value: 'copy' }
-}
-
-test('returns namespaced class name', () => {
-  const kit = renderKit(CopyButton, props)
-  expect(kit).toBeInTheDocument()
-  expect(kit).toHaveClass('pb_copy_button_kit')
-})
-
-it('should be accessible', async () => {
-  ensureAccessible(CopyButton, props)
-})
-
-// It's difficult to actually use navigator.clipboard.readText, so we mock
-it('copies the value to clipboard and pastes it into an input', async () => {
-  Object.defineProperty(global, 'navigator', {
-    value: {
-      clipboard: {
-        writeText: jest.fn().mockResolvedValueOnce(undefined),
-      },
-    },
-    writable: true,
-  })
-
-  render(<CopyButton {...props} />)
-
-  const copyButton = screen.getByTestId('default')
-  fireEvent.click(copyButton)
-
-  await navigator.clipboard.writeText('copy')
-
-  expect(navigator.clipboard.writeText).toHaveBeenCalledWith("copy");
-})
-
-test('passes text and tooltip props to button', () => {
-  render(
-      <CopyButton
-          data={{ testid: 'text-test' }}
-          text={"text"}
-          tooltipPlacement="right"
-          tooltipText="Text copied!"
-          value="copy"
-      />
-  )
-
-  const content = screen.getByText("text")
-  expect(content).toHaveTextContent("text")
-
-  const kit = screen.getByTestId('text-test')
-  const button = kit.querySelector('.pb_button_kit_primary_inline_enabled')
-  expect(button).toBeInTheDocument()
-
-  fireEvent.click(button)
-  const tooltipContent = screen.getByText("Text copied!")
-  expect(tooltipContent).toHaveTextContent("Text copied!")
-
-  const tooltip = kit.querySelector('.pb_tooltip_kit')
-  expect(tooltip).toBeInTheDocument()
-})

data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.html.erb

@@ -1,2 +0,0 @@
-<%= pb_rails("copy_button", props: { id: "default-copy-button", text: "Copy Text", value: "Playbook makes it easy to support bleeding edge, or legacy systems. Use Playbook’s 200+ components and end-to-end design language to create simple, intuitive and beautiful experiences with ease." } ) %>
-<%= pb_rails("textarea", props: { margin_top: "xs", placeholder: "Copy and paste here" }) %>

data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.jsx

@@ -1,21 +0,0 @@
-import React from 'react'
-import { CopyButton, Textarea } from 'playbook-ui'
-
-const CopyButtonDefault = (props) => (
-  <div>
-    <CopyButton
-        {...props}
-        text="Copy Text"
-        tooltipPlacement="right"
-        tooltipText="Text copied!"
-        value="Playbook makes it easy to support bleeding edge, or legacy systems. Use Playbook’s 200+ components and end-to-end design language to create simple, intuitive and beautiful experiences with ease."
-    />
-
-    <Textarea
-        {...props}
-        placeholder="Copy and paste here"
-    />
-  </div>
-)
-
-export default CopyButtonDefault

data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.html.erb

@@ -1,5 +0,0 @@
-<%= pb_rails("body", props: { id: "body", text: "Copy this body text!"}) %>
-<%= pb_rails("copy_button", props: { text: "Copy Body text", from: "body", id: "copy-body-button" }) %>
-<%= pb_rails("text_input", props: { margin_top: "xs", placeholder: "Copy and paste here" }) %>
-<%= pb_rails("copy_button", props: { text: "Copy Text Input", from: "copy-input", id: "copy-input-button" }) %>
-<%= pb_rails("text_input", props: { margin_top: "xs", id: "copy-input" , value: "Copy and paste here" }) %>

data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.jsx

@@ -1,45 +0,0 @@
-import React, { useState } from 'react'
-import { CopyButton, Body, TextInput, Textarea } from 'playbook-ui'
-
-const CopyButtonFrom = (props) => {
-  const [text, setText] = useState("Copy this text input text")
-
-  const handleChange = (event) => {
-    setText(event.target.value);
-  }
-
-  return (<div>
-    <Body id="body">Copy this body text!</Body>
-    <CopyButton
-        {...props}
-        from="body"
-        marginBottom="sm"
-        text="Copy Body text"
-        tooltipPlacement="right"
-        tooltipText="Body text copied!"
-    />
-
-    <TextInput
-        {...props}
-        id="textinput"
-        onChange={handleChange}
-        value={text}
-    />
-    <CopyButton
-        {...props}
-        from="textinput"
-        marginBottom="sm"
-        text="Copy Text Input"
-        tooltipPlacement="right"
-        tooltipText="Text input copied!"
-    />
-
-    <Textarea
-        {...props}
-        placeholder="Copy and paste here"
-    />
-  </div>
-  )
-}
-
-export default CopyButtonFrom

data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.md

@@ -1 +0,0 @@
-Provide an element's ID as the `from` parameter, and its text will be copied. If the element is an input, its `value` will be copied; otherwise, the `innerText` will be used. Additionally, if a `value` prop is provided, it will override the content from the `from` element and be copied instead.

data/app/pb_kits/playbook/pb_copy_button/docs/example.yml

@@ -1,8 +0,0 @@
-examples:
-  rails:
-  - copy_button_default: Default
-  - copy_button_from: Copy From
-  
-  react:
-  - copy_button_default: Default
-  - copy_button_from: Copy From

data/app/pb_kits/playbook/pb_copy_button/docs/index.js

@@ -1,2 +0,0 @@
-export { default as CopyButtonDefault } from './_copy_button_default.jsx'
-export { default as CopyButtonFrom } from './_copy_button_from.jsx'

data/app/pb_kits/playbook/pb_copy_button/index.js

@@ -1,47 +0,0 @@
-import PbEnhancedElement from "../pb_enhanced_element"
-
-export default class PbCopyButton extends PbEnhancedElement {
-  static get selector() {
-    return '.pb_copy_button_kit'
-  }
-
-  connect() {
-    this.handleClick = this.handleClick.bind(this)
-    this.button = this.element.querySelector('button')
-    if (this.button) {
-      this.button.addEventListener('click', this.handleClick)
-    }
-  }
-
-  disconnect() {
-    if (this.button) {
-      this.button.removeEventListener('click', this.handleClick)
-    }
-  }
-
-  handleClick() {
-    const fromId = this.element.getAttribute('data-from')
-    if (fromId) {
-      const fromElement = document.querySelector(`#${fromId}`)
-      if (fromElement) {
-        let contentToCopy = ''
-        if (fromElement.tagName.toLowerCase() === 'input') {
-          contentToCopy = fromElement.value
-        } else {
-          contentToCopy = fromElement.innerText
-        }
-        navigator.clipboard.writeText(contentToCopy)
-          .catch(err => console.error('Failed to copy text', err))
-        return
-      }
-    }
-
-    const textToCopy = this.element.getAttribute('data-copy-value')
-    if (textToCopy) {
-      navigator.clipboard.writeText(textToCopy)
-        .catch(err => console.error('Failed to copy text', err))
-    } else {
-      console.warn('No data-copy-value attribute found or data-from element')
-    }
-  }
-}