. 'children' => $ul_content, ] ); } /** * Generate classnames for the module. * * This function generates classnames for the module based on the provided * arguments. It is used in the `render_callback` function of the Icon List * module. * * This function is equivalent to the JavaScript constant * {@link /docs/builder-api/js/module-library/module-classnames moduleClassnames} * located in `@divi/module-library`. * * @since ?? * * @param array $args { * An array of arguments. * * @type object $classnamesInstance Module classnames instance. * @type array $attrs Block attributes data for rendering the module. * } * * @return void */ public static function module_classnames( array $args ) { $classnames_instance = $args['classnamesInstance']; $attrs = $args['attrs']; // Add default Divi module classes. $classnames_instance->add( 'et_pb_module' ); $classnames_instance->add( 'et_pb_icon_list' ); // Module. $classnames_instance->add( ElementClassnames::classnames( [ 'attrs' => array_merge( isset( $attrs['module']['decoration'] ) ? $attrs['module']['decoration'] : [], [ 'link' => isset( $attrs['module']['advanced']['link'] ) ? $attrs['module']['advanced']['link'] : [], ] ), ] ) ); } /** * Icon List module script data. * * This function assigns variables and sets script data options for the module. * * This function is equivalent to the JavaScript function * {@link /docs/builder-api/js-beta/divi-module-library/functions/generateDefaultAttrs ModuleScriptData} * located in `@divi/module-library`. * * @since ?? * * @param array $args { * Optional. An array of arguments for setting the module script data. * * @type array $attrs Module attributes. * } * * @return void */ public static function module_script_data( array $args ) { // Assign variables. $elements = $args['elements']; // Element Script Data Options. $elements->script_data( [ 'attrName' => 'module', ] ); } /** * Icon List module styles. * * This function generates the styles for the Icon List module. * * This function is equivalent to the JavaScript function * {@link /docs/builder-api/js-beta/divi-module-library/functions/ModuleStyles ModuleStyles} * located in `@divi/module-library`. * * @since ?? * * @param array $args { * An array of arguments for generating the module styles. * * @type array $attrs Module attributes. * @type array $defaultPrintedStyleAttrs Default printed style attributes. * @type ModuleElements $elements Module elements instance. * @type string $mode Rendering mode. * @type string $state Module state. * @type string $orderClass Order class. * @type bool $noStyleTag Whether to exclude style tag. * } * * @return void */ public static function module_styles( array $args ) { $attrs = isset( $args['attrs'] ) ? $args['attrs'] : []; $elements = $args['elements']; $settings = isset( $args['settings'] ) ? $args['settings'] : []; Style::add( [ 'id' => $args['id'], 'name' => $args['name'], 'orderIndex' => $args['orderIndex'], 'storeInstance' => $args['storeInstance'], 'styles' => [ // Module. $elements->style( [ 'attrName' => 'module', 'styleProps' => [ 'disabledOn' => [ 'disabledModuleVisibility' => isset( $settings['disabledModuleVisibility'] ) ? $settings['disabledModuleVisibility'] : null, ], 'advancedStyles' => [ [ 'componentName' => 'divi/text', 'props' => [ 'selector' => $args['orderClass'], 'attr' => isset( $attrs['module']['advanced']['text'] ) ? $attrs['module']['advanced']['text'] : null, ], ], [ 'componentName' => 'divi/common', 'props' => [ 'selector' => $args['orderClass'] . ' .et_pb_icon_list_text', 'attr' => isset( $attrs['module']['advanced']['text']['text'] ) ? $attrs['module']['advanced']['text']['text'] : null, 'declarationFunction' => [ TextStyle::class, 'text_orientation_declaration' ], ], ], [ 'componentName' => 'divi/common', 'props' => [ 'selector' => $args['orderClass'] . ' .et-pb-icon', 'attr' => isset( $attrs['icon']['advanced']['color'] ) ? $attrs['icon']['advanced']['color'] : null, 'property' => 'color', ], ], [ 'componentName' => 'divi/common', 'props' => [ 'selector' => $args['orderClass'] . ' .et-pb-icon', 'attr' => isset( $attrs['icon']['advanced']['size'] ) ? $attrs['icon']['advanced']['size'] : null, 'property' => 'font-size', ], ], ], ], ] ), // List Item styles that apply to all child list items. $elements->style( [ 'attrName' => 'listItem', 'styleProps' => [ 'advancedStyles' => [ [ 'componentName' => 'divi/common', 'props' => [ 'selector' => $args['orderClass'] . ' .et_pb_icon_list_text', 'attr' => isset( $attrs['listItem']['decoration']['font']['font'] ) ? $attrs['listItem']['decoration']['font']['font'] : null, 'declarationFunction' => [ FontStyle::class, 'text_alignment_declaration' ], ], ], ], ], ] ), // Icon styles that apply to all child icons. $elements->style( [ 'attrName' => 'icon', ] ), // Module - Only for Custom CSS. CssStyle::style( [ 'selector' => $args['orderClass'], 'attr' => isset( $attrs['css'] ) ? $attrs['css'] : [], 'cssFields' => self::custom_css(), ] ), ], ] ); } /** * Get the custom CSS fields for the Divi Icon List module. * * This function retrieves the custom CSS fields defined for the Divi icon list module. * * This function is equivalent to the JavaScript constant * {@link /docs/builder-api/js-beta/divi-module-library/functions/generateDefaultAttrs cssFields} located in * `@divi/module-library`. Note that this function does not have a `label` property on each * array item, unlike the JS const cssFields. * * @since ?? * * @return array An array of custom CSS fields for the Divi icon list module. * * @example * ```php * $customCssFields = CustomCssTrait::custom_css(); * // Returns an array of custom CSS fields for the icon list module. * ``` */ public static function custom_css(): array { return \WP_Block_Type_Registry::get_instance()->get_registered( 'divi/icon-list' )->customCssFields; } /** * Load the Icon List module. * * This function is responsible for loading the Icon List module by registering it. * * @since ?? * * @return void */ public function load() { $module_json_folder_path = dirname( dirname( dirname( dirname( __DIR__ ) ) ) ) . '/visual-builder/packages/module-library/src/components/icon-list/'; add_filter( 'divi_conversion_presets_attrs_map', [ IconListPresetAttrsMap::class, 'get_map' ], 10, 2 ); // Register module directly like Accordion, Text, and Icon modules do. ModuleRegistration::register_module( $module_json_folder_path, [ 'render_callback' => [ self::class, 'render_callback' ], ] ); } }