fix(ripple)!: remove ripple directive

BREAKING CHANGE: Remove ripple directives and attach like focus rings (parent, `for` attribute, or with `.attach()`

PiperOrigin-RevId: 535648818

ripple/lib/ripple.ts

@@ -114,11 +114,6 @@ export class Ripple extends LitElement implements Attachable {
   private readonly attachableController =
       new AttachableController(this, this.onControlChange.bind(this));
 
-  // TODO(b/265337232): Remove once ripple directive is removed. This is used to
-  // prevent two animations while migrating ripples from the directive to the
-  // new attachment syntax.
-  private lastHandledEvent?: Event;
-
   attach(control: HTMLElement) {
     this.attachableController.attach(control);
   }
@@ -406,11 +401,6 @@ export class Ripple extends LitElement implements Attachable {
 
   /** @private */
   async handleEvent(event: Event) {
-    if (this.lastHandledEvent === event) {
-      return;
-    }
-
-    this.lastHandledEvent = event;
     switch (event.type) {
       case 'click':
         this.handleClick();

ripple/lib/ripple_test.ts

@@ -6,11 +6,9 @@
 
 import {html} from 'lit';
 import {customElement} from 'lit/decorators.js';
-import {createRef, ref} from 'lit/directives/ref.js';
 
 import {Environment} from '../../testing/environment.js';
 import {Harness} from '../../testing/harness.js';
-import {ripple} from '../directive.js';
 
 import {Ripple} from './ripple.js';
 
@@ -37,10 +35,9 @@ describe('Ripple', () => {
   const env = new Environment();
 
   async function setupTest() {
-    const rippleRef = createRef<TestRipple>();
     const root = env.render(html`
-      <div ${ripple(() => rippleRef.value || null)}>
-        <test-ripple ${ref(rippleRef)}></test-ripple>
+      <div>
+        <test-ripple></test-ripple>
       </div>
     `);