| Htmlable | Closure | null $heading */ final public function __construct(string | array | Htmlable | Closure | null $heading = null) { is_array($heading) ? $this->components($heading) : $this->heading($heading); } /** * @param string | array | Htmlable | Closure | null $heading */ public static function make(string | array | Htmlable | Closure | null $heading = null): static { $static = app(static::class, ['heading' => $heading]); $static->configure(); return $static; } protected function setUp(): void { parent::setUp(); $this->key(function (Section $component): ?string { $heading = $component->getHeading(); if (blank($heading)) { return null; } $statePath = $component->getStatePath(); return Str::slug(Str::transliterate($heading, strict: true)) . '::' . (filled($statePath) ? "{$statePath}::section" : 'section'); }, isInheritable: false); $this->afterHeader(fn (Section $component): array => $component->getHeaderActions()); $this->footer(function (Section $component): Schema { return match ($component->getFooterActionsAlignment()) { Alignment::End, Alignment::Right => Schema::end($component->getFooterActions()), Alignment::Center, => Schema::center($component->getFooterActions()), Alignment::Between, Alignment::Justify => Schema::between($component->getFooterActions()), default => Schema::start($component->getFooterActions()), }; }); } public function aside(bool | Closure | null $condition = true): static { $this->isAside = $condition; return $this; } public function canConcealComponents(): bool { return $this->isCollapsible(); } public function isAside(): bool { return (bool) ($this->evaluate($this->isAside) ?? false); } public function formBefore(bool | Closure $condition = true): static { $this->isFormBefore = $condition; return $this; } public function isFormBefore(): bool { return (bool) $this->evaluate($this->isFormBefore); } /** * @param array | Schema | Component | Action | ActionGroup | string | Htmlable | Closure | null $components */ public function afterHeader(array | Schema | Component | Action | ActionGroup | string | Htmlable | Closure | null $components): static { $this->childComponents($components, static::AFTER_HEADER_SCHEMA_KEY); return $this; } /** * @param array | Schema | Component | Action | ActionGroup | string | Htmlable | Closure | null $components */ public function footer(array | Schema | Component | Action | ActionGroup | string | Htmlable | Closure | null $components): static { $this->childComponents($components, static::FOOTER_SCHEMA_KEY); return $this; } /** * @param array | Schema | Component | Action | ActionGroup | string | Htmlable | Closure | null $components */ public function beforeLabel(array | Schema | Component | Action | ActionGroup | string | Htmlable | Closure | null $components): static { $this->childComponents($components, static::BEFORE_LABEL_SCHEMA_KEY); return $this; } /** * @param array | Schema | Component | Action | ActionGroup | string | Htmlable | Closure | null $components */ public function afterLabel(array | Schema | Component | Action | ActionGroup | string | Htmlable | Closure | null $components): static { $this->childComponents($components, static::AFTER_LABEL_SCHEMA_KEY); return $this; } /** * @param array | Schema | Component | Action | ActionGroup | string | Htmlable | Closure | null $components */ public function aboveContent(array | Schema | Component | Action | ActionGroup | string | Htmlable | Closure | null $components): static { $this->childComponents($components, static::ABOVE_CONTENT_SCHEMA_KEY); return $this; } /** * @param array | Schema | Component | Action | ActionGroup | string | Htmlable | Closure | null $components */ public function belowContent(array | Schema | Component | Action | ActionGroup | string | Htmlable | Closure | null $components): static { $this->childComponents($components, static::BELOW_CONTENT_SCHEMA_KEY); return $this; } protected function makeChildSchema(string $key): Schema { $schema = parent::makeChildSchema($key); if (in_array($key, [static::AFTER_HEADER_SCHEMA_KEY, static::AFTER_LABEL_SCHEMA_KEY])) { $schema->alignEnd(); } return $schema; } protected function configureChildSchema(Schema $schema, string $key): Schema { $schema = parent::configureChildSchema($schema, $key); if (in_array($key, [ static::AFTER_HEADER_SCHEMA_KEY, static::FOOTER_SCHEMA_KEY, static::BEFORE_LABEL_SCHEMA_KEY, static::AFTER_LABEL_SCHEMA_KEY, static::ABOVE_CONTENT_SCHEMA_KEY, static::BELOW_CONTENT_SCHEMA_KEY, ])) { $schema ->inline() ->embeddedInParentComponent(); } if (in_array($key, [ static::BEFORE_LABEL_SCHEMA_KEY, static::AFTER_LABEL_SCHEMA_KEY, static::ABOVE_CONTENT_SCHEMA_KEY, static::BELOW_CONTENT_SCHEMA_KEY, ])) { $schema ->modifyActionsUsing(fn (Action $action) => $action ->defaultSize(Size::Small) ->defaultView(Action::LINK_VIEW)) ->modifyActionGroupsUsing(fn (ActionGroup $actionGroup) => $actionGroup->defaultSize(Size::Small)); } return $schema; } public function toEmbeddedHtml(): string { $afterHeader = $this->getChildSchema(static::AFTER_HEADER_SCHEMA_KEY)?->toHtmlString(); $isAside = $this->isAside(); $isCollapsed = $this->isCollapsed(); $isCollapsible = $this->isCollapsible(); $isCompact = $this->isCompact(); $isContained = $this->isContained(); $isDivided = $this->isDivided(); $isFormBefore = $this->isFormBefore(); $description = $this->getDescription(); $footer = $this->getChildSchema(static::FOOTER_SCHEMA_KEY)?->toHtmlString(); $heading = $this->getHeading(); $headingTag = $this->getHeadingTag(); $icon = $this->getIcon(); $iconColor = $this->getIconColor() ?? 'gray'; $iconSize = $this->getIconSize(); $shouldPersistCollapsed = $this->shouldPersistCollapsed(); $isSecondary = $this->isSecondary(); $id = $this->getId(); if (filled($iconSize) && (! $iconSize instanceof IconSize)) { $iconSize = IconSize::tryFrom($iconSize) ?? $iconSize; } $hasDescription = filled((string) $description); $hasHeading = filled($heading); $hasIcon = filled($icon); $hasAfterHeader = ! is_slot_empty($afterHeader); $hasHeader = $hasIcon || $hasHeading || $hasDescription || ($isCollapsible && (! $isAside)) || $hasAfterHeader; // Outer wrapper attributes (from schema section view) $outerAttributes = (new FilamentComponentAttributeBag) ->merge(['id' => $id], escape: false) ->merge($this->getExtraAttributes(), escape: false) ->merge($this->getExtraAlpineAttributes(), escape: false) ->class(['fi-sc-section']); // Inner section attributes $sectionAttributes = (new FilamentComponentAttributeBag) ->class([ 'fi-section', 'fi-section-not-contained' => ! $isContained, 'fi-section-has-content-before' => $isFormBefore, 'fi-section-has-header' => $hasHeader, 'fi-aside' => $isAside, 'fi-compact' => $isCompact, 'fi-collapsible' => $isCollapsible && (! $isAside), 'fi-divided' => $isDivided, 'fi-secondary' => $isSecondary, ]); $collapsible = $isCollapsible && (! $isAside); $collapseId = $id; // Render child schema content $contentHtml = $this->getChildSchema()?->extraAttributes(['class' => 'fi-section-content'])->toHtml(); $hasContent = ! is_slot_empty(filled($contentHtml) ? new HtmlString($contentHtml) : null); $hasFooter = ! is_slot_empty($footer); // The disclosure button uses this to reference the collapsible region via `aria-controls`. Only set // when there is both an `$id` and a content region to point at, so the reference never dangles. $contentId = (filled($id) && ($hasContent || $hasFooter)) ? "{$id}-content" : null; // Label schemas $label = $this->getLabel(); $beforeLabelSchema = $this->getChildSchema(static::BEFORE_LABEL_SCHEMA_KEY)?->toHtmlString(); $afterLabelSchema = $this->getChildSchema(static::AFTER_LABEL_SCHEMA_KEY)?->toHtmlString(); $aboveContentSchema = $this->getChildSchema(static::ABOVE_CONTENT_SCHEMA_KEY)?->toHtmlString(); $belowContentSchema = $this->getChildSchema(static::BELOW_CONTENT_SCHEMA_KEY)?->toHtmlString(); // Name the `
` as a landmark region by referencing its heading (or, failing that, its `label()`), // and associate its description. An unnamed `
` is not exposed as a `region` by assistive tech, so // this promotes it to a navigable landmark. Every id is guarded so a reference is never left dangling. The // `-heading`/`-description`/`-label` suffixes are disjoint from the disclosure `-content` id above. $headingId = (filled($id) && $hasHeading) ? "{$id}-heading" : null; $descriptionId = (filled($id) && $hasDescription) ? "{$id}-description" : null; $labelId = (filled($id) && filled($label) && (! $hasHeading)) ? "{$id}-label" : null; ob_start(); ?>
toHtml() ?>>
toHtml() ?>
id="" class="fi-sc-section-label" >
toHtml() ?>
toHtml() ?>
x-on:collapse-section.window="if ($event.detail.id == ( ?? $el.id)) isCollapsed = true" x-on:expand="isCollapsed = false" x-on:expand-section.window="if ($event.detail.id == ( ?? $el.id)) isCollapsed = false" x-on:open-section.window="if ($event.detail.id == ( ?? $el.id)) isCollapsed = false" x-on:toggle-section.window="if ($event.detail.id == ( ?? $el.id)) isCollapsed = ! isCollapsed" x-on:reset-schema-component-state.window="if (($event.detail.livewireId === getLivewire()->getId()) ?>) && ($event.detail.schemaKey === getRootContainer()->getKey()) ?>)) $nextTick(() => isCollapsed = )" x-bind:class="isCollapsed && 'fi-collapsed'" aria-labelledby="" aria-describedby="" toHtml() ?> >
x-on:click="if (! $event.target.closest('.fi-section-header-after-ctn')) isCollapsed = ! isCollapsed" class="fi-section-header" > color(IconComponent::class, $iconColor), size: $iconSize ?? IconSize::Large)?->toHtml() ?>
< id="" class="fi-section-header-heading" > >

id="" class="fi-section-header-description" >

merge([ 'type' => 'button', 'wire:loading.attr' => 'disabled', 'x-on:click.stop' => 'isCollapsed = ! isCollapsed', // The button only contains a decorative chevron, so give it an accessible // name. Static values cover the pre-Alpine/no-JS render; `x-bind` keeps the // name and expanded state correct as the section is toggled. `aria-expanded` // belongs on the control, not the region, and `aria-controls` points at it. 'aria-label' => __($isCollapsed ? 'filament-schemas::components.section.actions.expand.label' : 'filament-schemas::components.section.actions.collapse.label'), 'x-bind:aria-label' => 'isCollapsed ? ' . Js::from(__('filament-schemas::components.section.actions.expand.label')) . ' : ' . Js::from(__('filament-schemas::components.section.actions.collapse.label')), 'aria-expanded' => $isCollapsed ? 'false' : 'true', 'x-bind:aria-expanded' => '(! isCollapsed).toString()', 'aria-controls' => $contentId, ], escape: false) ->class([ 'fi-icon-btn', 'fi-size-md', 'fi-section-collapse-btn', ]) ->color(IconButtonComponent::class, 'gray'); ?>
id="" x-cloak class="fi-section-content-ctn" >
toHtml() ?>
getHeading())) { return 0; } return 1; } }