106 lines
2.6 KiB
Plaintext
106 lines
2.6 KiB
Plaintext
// Code generated by wa-generator. DO NOT EDIT.
|
|
// Source: Web Awesome wa-resize-observer
|
|
|
|
package wa
|
|
|
|
import (
|
|
"github.com/a-h/templ"
|
|
)
|
|
|
|
// The Resize Observer component offers a thin, declarative interface to the ResizeObserver API.
|
|
//
|
|
// Web Awesome component: <wa-resize-observer>
|
|
|
|
// ResizeObserverProps holds all properties for the wa-resize-observer component
|
|
type ResizeObserverProps struct {
|
|
// Disables the observer.
|
|
Disabled bool `attr:"disabled"`
|
|
|
|
// Events
|
|
// Emitted when the element is resized.
|
|
OnResize string `attr:"x-on:wa-resize"`
|
|
|
|
// Slots contains named slot content
|
|
Slots ResizeObserverSlots
|
|
|
|
// Attrs contains additional HTML attributes
|
|
Attrs templ.Attributes
|
|
}
|
|
|
|
// ResizeObserverBuilder provides a fluent API for constructing ResizeObserverProps
|
|
type ResizeObserverBuilder struct {
|
|
props ResizeObserverProps
|
|
}
|
|
|
|
// NewResizeObserver creates a new builder for wa-resize-observer
|
|
func NewResizeObserver() *ResizeObserverBuilder {
|
|
return &ResizeObserverBuilder{}
|
|
}
|
|
|
|
// Disabled sets the disabled attribute
|
|
// Disables the observer.
|
|
func (b *ResizeObserverBuilder) Disabled(v bool) *ResizeObserverBuilder {
|
|
b.props.Disabled = v
|
|
return b
|
|
}
|
|
|
|
// OnResize sets the handler for wa-resize event
|
|
// Emitted when the element is resized.
|
|
func (b *ResizeObserverBuilder) OnResize(handler string) *ResizeObserverBuilder {
|
|
b.props.OnResize = handler
|
|
return b
|
|
}
|
|
|
|
// Attr adds a custom HTML attribute
|
|
func (b *ResizeObserverBuilder) Attr(name, value string) *ResizeObserverBuilder {
|
|
if b.props.Attrs == nil {
|
|
b.props.Attrs = templ.Attributes{}
|
|
}
|
|
b.props.Attrs[name] = value
|
|
return b
|
|
}
|
|
|
|
// Attrs merges multiple attributes
|
|
func (b *ResizeObserverBuilder) Attrs(attrs templ.Attributes) *ResizeObserverBuilder {
|
|
if b.props.Attrs == nil {
|
|
b.props.Attrs = templ.Attributes{}
|
|
}
|
|
for k, v := range attrs {
|
|
b.props.Attrs[k] = v
|
|
}
|
|
return b
|
|
}
|
|
|
|
// Props returns the built properties
|
|
func (b *ResizeObserverBuilder) Props() ResizeObserverProps {
|
|
return b.props
|
|
}
|
|
|
|
// Build returns the props (alias for Props for semantic clarity)
|
|
func (b *ResizeObserverBuilder) Build() ResizeObserverProps {
|
|
return b.props
|
|
}
|
|
|
|
// ResizeObserver renders the wa-resize-observer component
|
|
templ ResizeObserver(props ResizeObserverProps) {
|
|
<wa-resize-observer
|
|
if props.Disabled {
|
|
disabled
|
|
}
|
|
if props.OnResize != "" {
|
|
x-on:wa-resize={ props.OnResize }
|
|
}
|
|
{ props.Attrs... }
|
|
>
|
|
{ children... }
|
|
</wa-resize-observer>
|
|
}
|
|
|
|
// ResizeObserverFunc renders with a builder function for inline configuration
|
|
templ ResizeObserverFunc(fn func(*ResizeObserverBuilder)) {
|
|
{{ b := NewResizeObserver(); fn(b) }}
|
|
@ResizeObserver(b.Props()) {
|
|
{ children... }
|
|
}
|
|
}
|