name: browser_mod
popup_cards:
  sun.sun:
    title: Popup-card
    card:
      type: markdown
      content: Popup for sun.sun
views:
  - title: Player
    cards:
      - type: custom:browser-player
      - type: button
        entity: sun.sun
        name: popup
        tap_action:
          action: call-service
          service: browser_mod.popup
          service_data:
            deviceID: this
            title: Test
            card:
              type: markdown
              content: Hello!

      - type: button
        entity: sun.sun
        name: large
        tap_action:
          action: call-service
          service: browser_mod.popup
          service_data:
            deviceID: this
            title: Test
            large: true
            card:
              type: markdown
              content: Hello!

      - type: button
        entity: sun.sun
        name: Style
        tap_action:
          action: call-service
          service: browser_mod.popup
          service_data:
            deviceID: this
            title: Test
            style:
              .: |
                app-toolbar {
                  background: rgba(0,0,0,0.5) !important;
                }
              $: |
                .mdc-dialog .mdc-dialog__container .mdc-dialog__surface {
                  border-radius: 20px;
                  background: rgba(0,0,0,0);
                }
            card:
              type: markdown
              content: Hello!
              style: |
                ha-card {
                  --ha-card-background: rgba(0,0,0,0.5);
                  color: white;
                }

      - type: button
        entity: sun.sun
        name: Auto Close
        tap_action:
          action: call-service
          service: browser_mod.popup
          service_data:
            deviceID: this
            title: Test
            auto_close: true
            card:
              type: markdown
              content: Hello!

      - type: button
        entity: sun.sun
        name: Hide Header
        tap_action:
          action: call-service
          service: browser_mod.popup
          service_data:
            deviceID: this
            title: Test
            hide_header: true
            card:
              type: markdown
              content: Hello!