=== Block Collections ===
Contributors: itmaroon
Tags: block, Gutenberg, design, textbox, input
Requires at least: 6.4
Tested up to:      7.1
Stable tag:        2.3.3
License:           GPL-2.0-or-later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Requires PHP: 8.2.10

It is a plug-in that collects small scale blocks.

== Related Links ==

* [block-collections:Github](https://github.com/itmaroon/block-collections)
* [block-class-package:GitHub](https://github.com/itmaroon/block-class-package)  
* [block-class-package:Packagist](https://packagist.org/packages/itmar/block-class-package) 
* [itmar-block-packages:npm](https://www.npmjs.com/package/itmar-block-packages)  
* [itmar-block-packages:GitHub](https://github.com/itmaroon/itmar-block-packages)
* [Google Cloud Console](https://console.cloud.google.com/welcome)
* This plugin uses the API of "Google Cloud Translation API".
 * Get the project ID and API key obtained by creating a project and enabling the Cloud Translation API from the [Google Cloud Platform dashboard](https://console.cloud.google.com/home/dashboard).
 * You can register the authentication information from the setting screen.


== Description ==

When this plugin is installed, the following 9 blocks are registered and can be used not only in the block editor but also in the site editor (tested on WordPress 6.4.2). In principle, each block can be configured with basic styles such as text color, background color, border, and white space, and in some cases it is also possible to set shadows and icons. There are also some that have simple animations set.
Below is a brief explanation of each block.
1 Design Title
A block that allows you to style HTML heading tags. In addition to the normal style, we have prepared a type that allows you to insert a circular marker, and a type that allows you to add sub copies and icons.
2 Design Text Control
This is a block that allows you to style text controls and text area controls for HTML input elements. This time, we have prepared a normal box type and a line type. It is now possible to display required inputs, and it is a block that can be used for validation checks as an inner block of the Form Send Block.
3 Design CheckBox
This is a block that allows you to style checkboxes in HTML input elements. Check animation. At the moment, we only have one type available, but we plan to gradually offer other variations in the future.
4 Design Select
A block that allows you to style HTML SELECT elements. It boasts that the selection element moves with a slightly fancy animation. Supports single selection and multiple selection.
5 Design Process
A block for displaying the input process of form input. It is assumed that it will be used as an inner block for the Guest Contact Block, which will be released soon, and this block will not work on its own.
6 Code HighLight
This block allows you to enter code in the text area in edit mode and highlight it on the front end. This block uses the Google Code Prettify library for highlighting.
7. Design Table
Displays the contents of a form object placed on a web page as a data source.
It is intended to be installed in the input confirmation form as an inner block of Form Send Blocks, which will be released soon.
8. Design Button
You can choose between regular buttons and submit buttons inside form elements. When you select the regular button, you can select a link to a fixed page and transition to that page.
9. Design Group
- Its main function is to store blocks and set their arrangement.
The placement can be selected according to the CSS display property block, flex(row), flex(column), or grid. If you select grid, you can set various grid styles.
- Compatible with block themes, you can select contentSize and wideSize in the layout clause of theme.json, and you can also set the width to match the content width or freely set the width.
- By setting it to "Make it a menu", it will become a hamburger button in mobile mode (displayed on devices with a width of 767px or less), and when you click it, it will stick out from the left.
- These settings can be set separately for desktop mode (displayed on devices with a width of 768px or more) and mobile mode (displayed on devices with a width of 767px or less).
- By setting it to be movable, you can adjust the placement by dragging. With this feature installed, the old version of Draggble Box has been discontinued.
10. Design Radio
This block allows you to set styles for HTML radio button input elements. This time, we have prepared a normal radio button type and a button type. It is possible to add a button to deselect the element.
11. Design Calender
- This block allows you to select and enter a date from a calendar. You can choose the start day of the week to be Sunday or Monday. 
- You can also set the display of holidays. To set holidays, you need to obtain an API key for the Google Calendar API.  

This plugin contains the ability to extend the core blocks: core/paragraph, core/image, core/table, core/list, and core/quote.
The extended core blocks act as inner blocks of the blocks specified by the plugin, so they cannot function independently outside of the plugin.

1. core/paragraph
- Added ability to set margins and padding.
- Added the ability to set line height.
- A function has been added that allows you to set a maximum height, and if the height exceeds that, a "See more" button will be displayed and displayed using that button.
2. core/list
- Added ability to set margins and padding.
- Added the ability to set line height.
- Added the ability to set borderlines and rounded corners.
3. core/quote
- Added ability to set margins and padding.
- Added the ability to set borderlines and rounded corners.
- Added the ability to set line height.
4. core/table
- Added ability to set margins and padding.
- Added the ability to set borderlines and rounded corners.
5. core/image
- Added the ability to choose whether to fit the size to the parent element.
- Added ability to set margins and padding.
- Added the ability to set the image size.

== Installation ==

1. From the WP admin panel, click “Plugins” -> “Add new”.
2. In the browser input box, type “Block Collections”.
3. Select the “Block Collections” plugin and click “Install”.
4. Activate the plugin.

OR…

1. Download the plugin from this page.
2. Save the .zip file to a location on your computer.
3. Open the WP admin panel, and click “Plugins” -> “Add new”.
4. Click “upload”.. then browse to the .zip file downloaded from this page.
5. Click “Install”.. and then “Activate plugin”.

== Frequently Asked Questions ==


== Screenshots ==
1. 3 types of design title blocks
2. Two types of design text control blocks
3. design checkbox block
4. Two types of design selection blocks
5. code highlighting block
6. Two types of design process blocks
7. Edit Design Group Grid Style
8. Design Table and Design Button
9. A block icon registered by the plugin. Divided into design group and widget group
10. Blocks that slide in with animation
11. Design Calender
12. Design Radio

== Changelog ==
= 2.3.3 =
- Added: svh, dvh and lvh units for the free height of Design Group (and other blocks using the shared height control). They follow the browser toolbars on phones, so a full-screen block is not hidden behind the bottom bar on iPhone.

= 2.3.2 =
- Fixed: the hamburger menu backdrop and slide-in panel did not reach the bottom of the screen on iPhone (Safari). They now use the large viewport height (100lvh).
- Fixed: vertical text in Design Title wrapped after a few characters on iPhone (Safari) when the parent is sized by its content. The heading now takes the length of its content.

= 2.3.1 =
- Fixed: the typography chosen for a Title block (font, letter spacing, line height, font weight, font style, text transform, text decoration) now reaches the heading inside the block. Before, a theme that sets these for headings (h1 to h6) overrode the values chosen for the block.

= 2.3.0 =
- Changed: the Radio, Select, Text Control and Code Highlight blocks no longer save translated labels ("Clear", "Please Select.", "Address Search", "Copy", the zip-code placeholder). They are saved in English and translated when the page is shown, so a block does not become invalid when its content is moved to a site that uses another language. Content saved by earlier versions still opens without any warning (it is read by the older save, and updated when you save).
- Changed: the Title block saves numbers and amounts in a fixed format that does not depend on the site language (amounts are Japanese yen). Earlier content is read as before.
- Fixed: the label of the first option of a Select block is shown in the language of the site, on the front end.

= 2.2.1 =
- Fixed: opening a template or template part in the Site Editor no longer marks it as changed. Blocks that wrote their own attributes on load (shadow colors, menu flags, block style) now write only when the value really changes, and a transparent background is no longer saved as the shadow base color.

= 2.2.0 =
- Colors now come from the `--itmar-*` role variables (content, content-back, background, accents) in the block styles as well as in the saved defaults, so the blocks follow the active theme's palette. The theme.json color-slot filter was removed because it listed the same colors twice in themes that have their own palette names.
- Added `itmar-design-roles.css`: font, spacing and width roles (`--itmar-font-*`, `--itmar-space-*`, `--itmar-width-*`) with theme-independent fallbacks, so ready-made patterns look right in any theme.
- Calendar: the editor now asks the server whether the API key is saved (new REST route `itmar/v1/calendar-key-status`), so a saved key no longer looks "not set" after reopening the page.
- Rebuilt the design blocks (Group, Title, Button, Table, Calendar, Text Control, Checkbox, Radio, Select, Process, Code Highlight) with the latest shared packages and fixes.
- Updated the Japanese translation.

= 2.1.0 =
- Hamburger menu: replaced the toggle `<div>` with a real `<button>` and wired `aria-expanded` / `aria-controls`, so the menu can be opened from the keyboard and its state is announced.
- Hamburger menu: added Escape to close, focus trapping while open, body scroll lock, and `inert` on the closed drawer so it leaves the tab order and screen reader output.
- Hamburger menu: the toggle no longer resolves its target by walking sibling elements, which could toggle unrelated blocks placed in the same container.
- Hamburger menu: bar color, open-state bar color, backdrop color and opacity, and the button position are now settable from the inspector.
- Design Group: added a Stacking Order (z-index) control, and kept the z-index from being dropped inside the mobile breakpoint.
- Design Group: the "block" direction (flex off) is now selectable, and a desktop flex value no longer leaks into the mobile breakpoint where it overrode height settings.
- Design Group: a grid container no longer overrides each child's own margin setting.
- Design Group: group contents now use `border-box`, so padding no longer pushes the background over the following block.
- Design Title: the submenu arrow follows how the submenu opens on mobile, submenus can be opened by tapping, and a submenu that would run off screen flips to the other side.
- Colors: blocks now read `--itmar-*` slots with theme-independent fallbacks, so decorations stay visible on themes that do not define itmaroon's palette.
- Front-end payload: view scripts import from `itmar-block-packages/front`, which stops the block editor bundle from being served to visitors.
- Added the first deprecated block definition, so existing menu blocks keep validating after the markup change.

= 2.0.10 =
- Restored missing Design Calendar control classes in the editor so they persist after saving.
- Added a front-end fallback that renders legacy Design Calendar content when its control classes are missing.

= 2.0.9 =
- Updated the bundled `itmar-block-packages` dependency to version 3.2.2.

= 2.0.8 =
- Prevented Design Table headings from being truncated when a dynamic data placeholder uses a cell with `colspan`.

= 2.0.7 =
- Distinguished the Design Button home-page destination from an unselected fixed-page destination.
- Store home-page links as the portable `[home_url]` token so they work after moving a site.

= 2.0.6 =
- Moved the legacy Design Calendar attribute migration into Block Collections, the plugin that owns the block.
- Added integration with Theme Migration's generic block-preparation filter so saved `dateSpan` and `selectedMonth` values are restored without adding block-specific logic to the migration plugin.

= 2.0.5 =
- Fixed Design Calendar validation errors caused by recalculating the configured calendar period when the current month changed.
- Preserved the saved `dateSpan` and `selectedMonth` settings as block attributes.

= 2.0.4 =
- Design Calendar now shows an editor warning when the Google Calendar API key is missing or rejected.
- Holiday API failures now fall back to a normal calendar instead of leaving the calendar unrendered.
- REST API URLs now support WordPress installations in subdirectories.
- The saved Google Calendar API key is no longer returned in the REST response.

= 2.0.3 =
- Fixed an issue where the URL links for the Design Button and Design Title were not syncing with the site URL.

= 2.0.2 =
- Composer component fixed.

= 2.0.1 =
- Converted JavaScript to TypeScript.
- I moved away from styled-components and switched to `useElementStyleObject` from my own custom npm component.

= 1.7.3 =
- Fixed an issue in the block editor where clicking the Design Button would not transfer focus to the block.
- In the Design Table, when the parent block contains an itmar/reservation-block, clicking on a cell will no longer move the focus.
- Added a text editing mode switching function to Design Button.
- Changed the process progress management method for the Art Process.
- Added a feature to the Design Text Control that allows linking a label element to an input element using a for loop.

= 1.7.2 =
- Design Group now appears in the foreground when a fixed position is selected, and can be toggled on or off in the editor.

= 1.7.1 =
- I set a click event on the Design Button and inverted the isClick attribute.
- Fixed an error that occurred when additional class names were deleted in Design Title.

= 1.7.0 =
- Flex-grow, flex-shrink, and flex-basis can now be set for items treated as flex items in the Design Group. In addition, by setting min-width: 0;, items will shrink regardless of the size of their child elements when they are set.
- In Design Group, className can now be explicitly saved as an attribute value.
- Added the ability to set form on the root DOM element of the Design Group.
- Fixed issue whereby when you select submit in the Design Buuton, the data-key attribute is set on the button element instead of the ID.
- It is now possible to set an ID for the Design Title.
- In the Design Title logon type, the redirect destination after logout processing has been changed to the page from which it was called.
- When the Design Group position becomes absolute, it can now be toggled on and off.
- When the DOM type of Design Group is form, it is now possible to set an ID for the form.
- Added a new mode for numeric input to Design Text Control. Also, the width of the input element can now be set.
- Change the submit type DOM element of Design Button from input element to button element.
- Added the ability to set animation effects to the Design Title to indicate processing is in progress.  
  
= 1.6.0 =
- Added functions for entering passwords and postal codes to Design Text Control.
- The Design Process display has been improved to accommodate patterns such as user registration.
- We added logged-in user to the title type of Design Title, and added the ability to select login/logout links to the link type.
- The icon addition function for Design Title has been updated to include the ability to display images or avatars in addition to FontAwesome.

= 1.5.0 =
- Regarding the method of loading composer components, a mechanism has been introduced that does not conflict with other plugins. Accordingly, the composer components have been updated.
- Operation check with WordPress 6.8

= 1.4.5 =
- Fixed the issue where the icon inverted display was not displayed properly when selecting a block.

  
= 1.4.4 =
- Fixed the home URL for the link settings of Design Title to be set by front-end rendering.
  
= 1.4.3 =
- In Design Block, when a holiday overlapped with a Saturday, the date style was changed to the Saturday style. This has been corrected so that it will be the holiday style.
- Added a function to display tooltips on Design Buttons.
- Change the element that sets the shadow of the Design Title from the h element to its parent element.
- Added a function to generate an event that indicates that the display of the date button has been completed due to the display month of the Design Calendar being changed.
- Fixed the issue where the Google Calendar API Key for obtaining holiday data for Design Calendar was not displayed after reloading.
- Fixed an issue where tooltips were not displayed in the site editor for Design Button and Design Calendar.
- Added the ability to set wrapping for Design Title.
- Added functionality to allow links to be set in Design Groups.

= 1.4.2 =
- Fixed a problem with the validation check when the link type was set to URL in Design Title and an HTML format string was entered.
- Fixed a bug in displaying updated results when setting the title type to date in Design Title.
- Fixed Design Checkbox so that the cursor becomes a pointer when hovering over the label (front-end only).  
- When flexbox was selected in the Design Group, a feature was added to allow wrapping.
- Organized the function to fit to parent element in the core/image extension.
- It is now possible to set padding and margins around the outer border of a Design Group.

= 1.4.1 =
- The absolute position setting in the Design group now allows you to set center alignment vertically and horizontally.
- Fixed a bug where the focus would be lost while entering the Design Title title and it would become impossible to enter the title.
- Fixed an issue where Design Group sizing did not reflect free size in mobile mode.
- Removed centering of blocks when Design Group's "Slide Parallax" is turned on, making it impossible to set centering.

= 1.4.0 =
- Fixed page of Design Title and Design Button and combo box for selecting archive page have been fixed due to improvement of PageSelectControl and ArchiveSelectControl.
- Fixed bug in save.js of Design Title
- Fixed an issue where the root div element was wrapped twice in front-end rendering of Design Title.
- Added the ability to add position:relative to the figure element of higher-order components of core/image.
- We've made it possible to set a disabled attribute for the Design Button, and accordingly to set the button color and text color when disabled. Also, when using the button type, a flag is set for the isClick attribute when the button is clicked.
- Design CheckBox now allows the value of the checkbox element to be stored in the block attribute.
- We have launched Design Radio.
- The modal display function used in Design Select has been made into a React component, making it available for use in the newly established Design Radio.
- We have created a new Design Callender.
- We have added icons to the display type of Design Button, and you can now select icons from Font Awesom.
- Fixed the way props are passed to LabelBox components in Design Text Ctrl and Design Select.
- Added the ability to set the label position for Design Text Ctrl and Design Select.
- Added No Link to the link type of Design Button.
- Changed the unit of the circle position setting of the circle marker style in Design Title from % to px
- Added the ability to set the line height of input text in Design Text Control
- Added date to the title type of Design Title. Also, you can select the date format.
- Added URL to the link type of Design Title. This link type checks whether the input string is in URL format and automatically sets it as the link destination.
- Added a setting to display a "See more" button to the core paragraph extension block. The block can be set to a maximum height, and if the scroll height exceeds that, the button will be hidden with a gradient.
- Fixed an issue where the vertical and horizontal positions of Design Group elements as flex containers were not set correctly.
- The horizontal alignment of the Design Button can now be set to right, center, or left.

= 1.3.0 =
- Modified to be compatible with WordPress 6.5.
- PHP class management is now done using Composer.  
[GitHub](https://github.com/itmaroon/block-class-package)  
[Packagist](https://packagist.org/packages/itmar/block-class-package) 
- I decided to make functions and components common to other plugins into npm packages, and install and use them from npm.  
[npm](https://www.npmjs.com/package/itmar-block-packages)  
[GitHub](https://github.com/itmaroon/itmar-block-packages)

= 1.2.1 =
Function addition
- The following block now supports font size responsiveness.
1. Subcopy of Design Title
2. Lable of Design CheckBox
3. Design Table headings and data
4. Design Process progress number and progress information
5. Text inside the button of Design Button
6. Design Select labels and options
7. Design Text Control labels and input text
- Added the following functions to core/image functions:
1. You can now choose to fit the image to the block size.
2. The size of the block can now be specified using the ratio to the parent element, etc.
- Added the following features to Design Group
1. Added functionality to become swiper-slide for Slide MainView of Slide Blocks (coming soon)
2. Added the ability to retain attributes to create a parallax effect within the Slide MainView slide of Slide Blocks (coming soon)

Bug fixes
- Fixed a bug where higher-order component functions were not enabled when adding core/image.

= 1.2.0 =
Function addition
- Added the ability to generate DOM elements as swiper slides in Design group
- New option to set block width to full width of viewport in Design group
- The position property (static, fixed, absolute, sticky) can now be set for Design group.
- Added the ability to set animation to Design Group
- Added a module that allows you to add functionality using core blocks as higher-order components.
- Added the ability to display images and pseudo-elements on Design Buttons
- Added the ability to specify archive pages and free URLs for Design Button links.
- Vertical writing can now be set for Design Title.
Bug fixes
- Fixed an issue where the archive page of the root domain WordPress site would be displayed when a fixed page was selected as the link destination type of Design Button.
- Fixed a bug where the font color of Design Title was rewritten to the theme color.
- Fixed text domain from 'itmar_block_collections' to 'block-collections' to match plugin slug.
- Fixed an issue where the 'Block validation failed' error occurred in the Design Title sub-copy style.

= 1.1.3 =
Bug fixes
- Fixed an issue where the sidebar wording for setting the submenu position was not internationalized.
- Corrected the issue where range control could only be set in 100px increments when selecting Free in the block width settings, so it can now be changed in 10px increments.
= 1.1.2 =
Bug fixes
- Fixed a bug where the archive page of the root domain WordPress site was displayed when archive page was selected in the link type of Design Title.
- Fixed an issue where the block placement icon was showing vertical placement when it should have shown horizontal placement.
- When viewing on mobile, the submenu display was displayed small in the main menu, but now it is displayed larger.
- When changing the display of the built-in post type from "Post" to other wording, the display of archive links will be adjusted accordingly.

= 1.1.1 =
Bug fixes
- Fixed an issue where the site title and tagline of the root domain site were displayed in Design Title for WordPress sites installed on subdomains.
- Fixed an issue where blocks from the previous version remained in the cache when upgrading.

= 1.1.0 =
Version up public release
1. Design Title
- You can now select the type of text to display, not only the characters input by the user, but also the site title and catchphrase set in the general settings.
- This block can now be made into a link. The following types of link types are available.
  - Link to fixed page
  - Link to archive page
  - Link to any URL
  - Link to display submenu
  With these features, you can now utilize this block as a menu item.
- In the subcopy style, subcopies can now be placed vertically and horizontally.
With this, you can now easily create menu items with icons and subtitles.
- Added the ability to set underline animation.
2. Design Text Control
- In mobile mode (displayed on devices with a width of 767px or less), the label is now placed at the top right of the input box when using the default style.
3. Design CheckBox
- Equipped with a function to set whether to continue processing as an inner block of Form Send Blocks that will be released soon.
4. Design Select
- Now displayed with a label.
- When placed as an inner block of Form Send Blocks, which will be released soon, the label name of the selected option is now retained as an input value.
5. Design Process
There are no changes
6. Code HighLight
Fixed a bug in the block editor where the code was not displayed in editor mode when mounting a block.
7. Design Table
This is a new block added in this version.
8. Design Button
This is a new block added in this version.
9. Design Group
This is a new block added in this version.

= 1.0.0 =
First public release


== Upgrade Notice ==
= 2.3.3 =
Adds svh, dvh and lvh units to the free height setting. No configuration changes are required.

= 2.3.2 =
Fixes vertical Design Title text on iPhone. No configuration changes are required.

= 2.3.1 =
Fixes the typography chosen for a Title block (font, letter spacing, line height) being ignored in themes that style headings. No configuration changes are required.

= 2.3.0 =
Labels in the Radio, Select, Text Control, Code Highlight and Title blocks are now saved in a language-independent form. Existing pages keep working; blocks are converted when you save them in the editor. Back up before updating a large site.

= 2.2.1 =
Fixes the Site Editor showing "changes to review" just from opening a template. No configuration changes are required.

= 2.2.0 =
Colors now follow the active theme through the --itmar-* role variables, and the design blocks were rebuilt. Please check pages that use the Design Group, Title or Button blocks after updating.

== Arbitrary section ==
1. In this version, style settings that may require responsiveness can be set separately in desktop mode (displayed on devices with a width of 768px or more) and mobile mode (displayed on devices with a width of 767px or less). It becomes. To tell which setting is set, when you switch the display mode in the block editor or site editor, "(Desktop)" and "(Mobile)" will be displayed in the side menu display.
Please note that responsiveness for tablet display is not supported.
2. This plugin has a dependency on the upcoming Form Send Blocks. This plugin requires installation and activation in order to use it.
3. Regarding the display of text, etc., settings are made using WordPress's internationalization function, so it is possible to display text in multiple national languages. Currently, English and Japanese notation is possible.
4. PHP class management is now done using Composer.  
[GitHub](https://github.com/itmaroon/block-class-package)  
[Packagist](https://packagist.org/packages/itmar/block-class-package) 
5. I decided to make functions and components common to other plugins into npm packages, and install and use them from npm.  
[npm](https://www.npmjs.com/package/itmar-block-packages)  
[GitHub](https://github.com/itmaroon/itmar-block-packages)
6. To set holidays for Design Calendar, you need to obtain an API key for the Google Calendar API.  
 [Google Cloud Console](https://console.cloud.google.com/welcome)