| Closure */ protected array | Closure $buttons = []; protected bool | Closure $hasTextualButtons = false; protected string $evaluationIdentifier = 'toolbarButtonGroup'; protected string $viewIdentifier = 'toolbarButtonGroup'; /** * @var array */ protected array $resolvedButtons = []; /** * @param array | Closure $buttons */ final public function __construct(string $label, array | Closure $buttons = []) { $this->name($label); $this->buttons = $buttons; } /** * @param array | Closure $buttons */ public static function make(string $label, array | Closure $buttons = []): static { $static = app(static::class, ['label' => $label, 'buttons' => $buttons]); $static->configure(); return $static; } /** * @param array | Closure $buttons */ public function buttons(array | Closure $buttons): static { $this->buttons = $buttons; return $this; } /** * @return array */ public function getButtons(): array { return $this->evaluate($this->buttons); } public function textualButtons(bool | Closure $condition = true): static { $this->hasTextualButtons = $condition; return $this; } public function hasTextualButtons(): bool { return (bool) $this->evaluate($this->hasTextualButtons); } /** * @param array $tools */ public function resolve(array $tools): static { $this->resolvedButtons = array_values(array_filter( array_map(static fn (string $name): ?RichEditorTool => $tools[$name] ?? null, $this->getButtons()), )); return $this; } /** * @return array */ public function getResolvedButtons(): array { return $this->resolvedButtons; } public function toEmbeddedHtml(): string { $resolvedButtons = $this->getResolvedButtons(); if (empty($resolvedButtons)) { return ''; } $isTextual = $this->hasTextualButtons(); $label = $this->getName(); $firstButton = $resolvedButtons[0]; $icon = $this->getIcon(); $defaultContent = generate_icon_html($icon ?? $firstButton->getIcon(), alias: $icon ? null : $firstButton->getIconAlias())?->toHtml() ?? ''; $defaultContentHtml = $defaultContent; $effectJs = $this->buildTriggerEffect($resolvedButtons, $defaultContent); $activeExpression = $this->buildGroupActiveExpression($resolvedButtons); $buttonsHtml = $this->buildButtonsHtml($resolvedButtons); $triggerAttributes = $this->getExtraAttributeBag() ->merge([ 'type' => 'button', 'tabindex' => -1, 'aria-label' => e($label), 'aria-haspopup' => 'menu', 'x-on:click' => 'open = !open', 'x-bind:aria-expanded' => 'open', 'x-bind:class' => '{ \'fi-active\': ' . $activeExpression . ' }', 'x-tooltip' => '{ content: ' . Js::from($label)->toHtml() . ', theme: $store.theme }', ], escape: false) ->class([ 'fi-fo-rich-editor-dropdown-tool-trigger', ]); $xData = e('{ open: false, triggerContent: ' . Js::from($defaultContent)->toHtml() . ' }'); $xEffect = e($effectJs); $wrapperClass = 'fi-fo-rich-editor-dropdown-tool' . ($isTextual ? ' fi-fo-rich-editor-dropdown-tool-textual' : ''); $chevronSvg = ''; ob_start(); ?>
$resolvedButtons */ protected function buildTriggerEffect(array $resolvedButtons, string $defaultContent): string { $parts = []; foreach ($resolvedButtons as $button) { $value = Js::from(generate_icon_html($button->getIcon(), alias: $button->getIconAlias())?->toHtml() ?? '')->toHtml(); $parts[] = 'if (' . $this->buildActiveExpression($button) . ') return ' . $value . ';'; } return 'triggerContent = (() => { ' . implode(' ', $parts) . ' return ' . Js::from($defaultContent)->toHtml() . '; })()'; } /** * @param array $resolvedButtons */ protected function buildButtonsHtml(array $resolvedButtons): string { $isTextual = $this->hasTextualButtons(); $html = ''; foreach ($resolvedButtons as $button) { $activeExpression = $this->buildActiveExpression($button); $buttonLabel = $button->getLabel(); $buttonAttributes = $button->getExtraAttributeBag() ->merge([ 'tabindex' => -1, 'type' => 'button', 'role' => 'menuitem', 'aria-label' => e($buttonLabel), 'x-on:click' => $button->getJsHandler() . '; open = false', 'x-bind:class' => '{ \'fi-active\': ' . $activeExpression . ' }', ...($isTextual ? [] : [ 'x-tooltip' => '{ content: ' . Js::from($buttonLabel)->toHtml() . ', theme: $store.theme }', ]), ], escape: false) ->class([ 'fi-fo-rich-editor-dropdown-tool-option', ]); $iconHtml = generate_icon_html($button->getIcon(), alias: $button->getIconAlias())?->toHtml() ?? ''; $content = $isTextual ? $iconHtml . ' ' . e($buttonLabel) . '' : $iconHtml; $html .= ''; } return $html; } /** * @param array $resolvedButtons */ protected function buildGroupActiveExpression(array $resolvedButtons): string { $expressions = array_map( fn (RichEditorTool $button): string => '(' . $this->buildActiveExpression($button) . ')', $resolvedButtons, ); return implode(' || ', $expressions); } protected function buildActiveExpression(RichEditorTool $button): string { $activeJsExpression = $button->getActiveJsExpression(); if (filled($activeJsExpression)) { return "editorUpdatedAt && ({$activeJsExpression})"; } return 'editorUpdatedAt && $getEditor()?.isActive(' . Js::from($button->getActiveKey())->toHtml() . ', ' . Js::from($button->getActiveOptions())->toHtml() . ')'; } }