From 89851ecff13ffd4a8849d5cbfd5be08e83ff1585 Mon Sep 17 00:00:00 2001 From: Nick Diego Date: Mon, 17 Oct 2022 14:13:11 -0500 Subject: [PATCH] Fresh build. --- build/editor.asset.php | 2 +- build/editor.css | 2 +- build/index.asset.php | 2 +- build/index.js | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/build/editor.asset.php b/build/editor.asset.php index 05e471a..31b1586 100644 --- a/build/editor.asset.php +++ b/build/editor.asset.php @@ -1 +1 @@ - array(), 'version' => '7433b970450c3b40e3ca'); + array(), 'version' => '30cd1c5e7b594ade5702'); diff --git a/build/editor.css b/build/editor.css index c84ab6c..1e6ac1e 100644 --- a/build/editor.css +++ b/build/editor.css @@ -1 +1 @@ -.wp-block-outermost-icon-block .components-placeholder{line-height:normal;min-height:160px}.wp-block-outermost-icon-block .components-placeholder .components-placeholder__label svg{max-width:24px}.wp-block-outermost-icon-block .components-placeholder svg.components-placeholder__illustration{max-width:80px;position:absolute}.wp-block-outermost-icon-block.is-selected .components-placeholder{background-color:#fff;border:none;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e;filter:none}.wp-block-outermost-icon-block.is-selected .components-placeholder .components-placeholder__illustration{display:none}.wp-block-outermost-icon-inserter__quick-inserter .icons-list .icons-list__item{width:33.33%}.wp-block-outermost-icon-inserter__quick-inserter .icons-list .icons-list__item:hover{border-color:transparent}.wp-block-outermost-icon-inserter__quick-inserter .block-editor-inserter__no-results{margin-top:0}.wp-block-outermost-icon-inserter__modal .components-modal__content{flex:1 1 0%;overflow:auto;padding:0}.wp-block-outermost-icon-inserter__modal .components-modal__content:before{margin-bottom:0}.wp-block-outermost-icon-inserter__modal .icon-inserter{align-items:stretch;display:flex;height:100%}.wp-block-outermost-icon-inserter__modal .icon-inserter__sidebar{display:none;flex-direction:column;flex-shrink:0;overflow-y:scroll;padding:24px 32px 32px;width:280px}@media(min-width:900px){.wp-block-outermost-icon-inserter__modal .icon-inserter__sidebar{display:flex}}.wp-block-outermost-icon-inserter__modal .icon-inserter__sidebar__search{margin-bottom:16px}.wp-block-outermost-icon-inserter__modal .icon-inserter__sidebar__search .components-base-control__field{margin-bottom:0}.wp-block-outermost-icon-inserter__modal .icon-inserter__sidebar__category-type{border:none}.wp-block-outermost-icon-inserter__modal .icon-inserter__sidebar__category-type .components-menu-group__label{margin:0;padding:16px 12px}.wp-block-outermost-icon-inserter__modal .icon-inserter__sidebar__category-type .components-menu-item__item{display:inline-flex;justify-content:space-between;text-transform:capitalize;width:100%}.wp-block-outermost-icon-inserter__modal .icon-inserter__sidebar__category-type .components-menu-item__item>span{opacity:.5}.wp-block-outermost-icon-inserter__modal .icon-inserter__content{display:flex;flex-direction:column;flex-shrink:0;overflow:auto;padding-right:32px;padding-top:24px;width:100%}@media(min-width:900px){.wp-block-outermost-icon-inserter__modal .icon-inserter__content{width:calc(100% - 281px)}}.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icon-inserter__content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icon-inserter__content-header .search-results{color:#757575}.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icon-inserter__content-header .icon-controls__size{align-items:center;display:flex;margin-right:6px}.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icon-inserter__content-header .icon-controls__size>span{margin-bottom:6px;margin-right:16px}.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icon-inserter__content-header .icon-controls__size .components-range-control{width:72px}.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icon-inserter__content-header .icon-controls__size .components-range-control .components-base-control__field{margin-bottom:0}.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icons-list{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);margin:0;padding:4px 4px 72px}@media(min-width:600px){.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icons-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}}@media(min-width:900px){.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icons-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}}@media(min-width:1100px){.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icons-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}}@media(min-width:1450px){.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icons-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}}@media(min-width:1600px){.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icons-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}}.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icons-list .icons-list__item.is-active{background-color:var(--wp-admin-theme-color);color:hsla(0,0%,100%,.8)}.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icons-list .icons-list__item.is-active:hover{color:#fff!important}.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icons-list .icons-list__item.is-active svg{fill:#fff}.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icons-list .icons-list__item.is-active.has-no-icon-fill svg{fill:none;color:#fff}.wp-block-outermost-icon-inserter__modal .icon-inserter__content .block-editor-inserter__no-results{display:flex;flex-direction:column;height:calc(100% - 56px);justify-content:center;margin-top:0}.wp-block-outermost-icon-inserter__modal .icon-inserter__content .block-editor-inserter__no-results svg{margin:0 auto}.wp-block-outermost-icon-custom-inserter__modal .components-modal__content{flex:1 1 0%;overflow:auto;padding:0}.wp-block-outermost-icon-custom-inserter__modal .components-modal__content:before{margin-bottom:0}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter{align-items:stretch;display:flex;flex-direction:column;gap:32px;height:100%;padding:32px}@media(min-width:900px){.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter{flex-direction:row}}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__content{min-height:400px}@media(min-width:900px){.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__content{width:calc(100% - 400px)}}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__content .components-base-control,.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__content .components-base-control__field,.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__content .components-textarea-control__input{height:100%}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__content textarea{resize:none}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__sidebar{display:flex;flex-direction:column;flex-shrink:0;justify-content:space-between}@media(min-width:900px){.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__sidebar{width:400px}}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__sidebar .icon-preview__window{align-items:center;border:1px solid #ddd;display:flex;justify-content:center;max-height:400px;min-height:250px;overflow:scroll;padding:20px}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__sidebar .icon-preview__window.is-default svg{opacity:.3}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__sidebar .icon-preview__window svg{max-width:100%}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__sidebar .icon-controls{display:flex;justify-content:center;padding:12px 24px}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__sidebar .icon-controls__size{align-items:center;display:flex}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__sidebar .icon-controls__size>span{margin-bottom:6px;margin-right:16px}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__sidebar .icon-controls__size .components-range-control{width:90px}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__sidebar .icon-controls__size .components-range-control .components-base-control__field{margin-bottom:0}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__sidebar .components-notice{margin:12px 0 24px}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__sidebar .components-notice.is-error{background-color:#f8ebea}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__sidebar .icon-insert-buttons{display:flex;justify-content:space-between}.block-editor-block-toolbar .outermost-icon-block__rotate-button-90 svg{transform:rotate(90deg)}.block-editor-block-toolbar .outermost-icon-block__rotate-button-180 svg{transform:rotate(180deg)}.block-editor-block-toolbar .outermost-icon-block__rotate-button-270 svg{transform:rotate(270deg)}.block-editor-block-inspector .outermost-icon-block__icon-settings .components-button-group,.block-editor-block-inspector .outermost-icon-block__icon-settings .components-range-control{margin-bottom:12px}.block-editor-block-inspector .outermost-icon-block__icon-settings .components-notice{margin:0 0 24px}.block-editor-block-inspector .outermost-icon-block__icon-settings .components-notice.is-error{background-color:#f8ebea}.block-editor-block-inspector .outermost-icon-block__icon-settings .icon-settings__width{margin-bottom:12px}.block-editor-block-inspector .outermost-icon-block__color-settings .outermost-icon-block__color-settings__help{color:#757575;font-size:12px;font-style:normal;margin-bottom:24px;margin-top:-6px}.block-editor-block-inspector .outermost-icon-block__color-settings .outermost-icon-block__color-settings__help:first-child{margin-top:0}.block-editor-block-inspector .outermost-icon-block__color-settings .components-base-control__help{margin-bottom:0}.block-editor-block-inspector .outermost-icon-block__color-settings .block-editor-contrast-checker{margin-top:24px}.block-editor-block-inspector .outermost-icon-block__color-settings .block-editor-contrast-checker .components-notice__content{margin-right:0}.block-editor-block-inspector .outermost-icon-block__title-control .components-external-link{display:block;margin-top:8px}.icons-list{display:flex;flex-wrap:wrap}.icons-list .icons-list__item{align-items:stretch;background:transparent;border:1px solid transparent;border-radius:2px;color:#1e1e1e;cursor:pointer;display:flex;flex-direction:column;font-size:13px;height:auto;justify-content:center;padding:8px;position:relative;transition:all .05s ease-in-out;word-break:break-word}.icons-list .icons-list__item:hover{border-color:var(--wp-admin-theme-color);color:var(--wp-admin-theme-color)!important}.icons-list .icons-list__item.has-no-icon-fill svg{fill:none}.icons-list .icons-list__item .icons-list__item-icon{border-radius:2px;color:#1e1e1e;padding:12px;transition:all .05s ease-in-out}.icons-list .icons-list__item .icons-list__item-title{font-size:12px;overflow:hidden;padding:4px 2px 8px;text-overflow:ellipsis;white-space:nowrap} +.wp-block-outermost-icon-block .components-placeholder{line-height:normal;min-height:160px}.wp-block-outermost-icon-block .components-placeholder .components-placeholder__label svg{max-width:24px}.wp-block-outermost-icon-block .components-placeholder svg.components-placeholder__illustration{max-width:80px;position:absolute}.wp-block-outermost-icon-block.is-selected .components-placeholder{background-color:#fff;border:none;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e;filter:none}.wp-block-outermost-icon-block.is-selected .components-placeholder:before{opacity:0}.wp-block-outermost-icon-block.is-selected .components-placeholder .components-placeholder__illustration{display:none}.wp-block-outermost-icon-inserter__quick-inserter .icons-list .icons-list__item{width:33.33%}.wp-block-outermost-icon-inserter__quick-inserter .icons-list .icons-list__item:hover{border-color:transparent}.wp-block-outermost-icon-inserter__quick-inserter .block-editor-inserter__no-results{margin-top:0}.wp-block-outermost-icon-inserter__modal .components-modal__content{flex:1 1 0%;overflow:auto;padding:0}.wp-block-outermost-icon-inserter__modal .components-modal__content:before{margin-bottom:0}.wp-block-outermost-icon-inserter__modal .icon-inserter{align-items:stretch;display:flex;height:100%}.wp-block-outermost-icon-inserter__modal .icon-inserter__sidebar{display:none;flex-direction:column;flex-shrink:0;overflow-y:scroll;padding:24px 32px 32px;width:280px}@media(min-width:900px){.wp-block-outermost-icon-inserter__modal .icon-inserter__sidebar{display:flex}}.wp-block-outermost-icon-inserter__modal .icon-inserter__sidebar__search{margin-bottom:16px}.wp-block-outermost-icon-inserter__modal .icon-inserter__sidebar__search .components-base-control__field{margin-bottom:0}.wp-block-outermost-icon-inserter__modal .icon-inserter__sidebar__category-type{border:none}.wp-block-outermost-icon-inserter__modal .icon-inserter__sidebar__category-type .components-menu-group__label{margin:0;padding:16px 12px}.wp-block-outermost-icon-inserter__modal .icon-inserter__sidebar__category-type .components-menu-item__item{display:inline-flex;justify-content:space-between;text-transform:capitalize;width:100%}.wp-block-outermost-icon-inserter__modal .icon-inserter__sidebar__category-type .components-menu-item__item>span{opacity:.5}.wp-block-outermost-icon-inserter__modal .icon-inserter__content{display:flex;flex-direction:column;flex-shrink:0;overflow:auto;padding-right:32px;padding-top:24px;width:100%}@media(min-width:900px){.wp-block-outermost-icon-inserter__modal .icon-inserter__content{width:calc(100% - 281px)}}.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icon-inserter__content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icon-inserter__content-header .search-results{color:#757575}.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icon-inserter__content-header .icon-controls__size{align-items:center;display:flex;margin-right:6px}.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icon-inserter__content-header .icon-controls__size>span{margin-bottom:6px;margin-right:16px}.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icon-inserter__content-header .icon-controls__size .components-range-control{width:72px}.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icon-inserter__content-header .icon-controls__size .components-range-control .components-base-control__field{margin-bottom:0}.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icons-list{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);margin:0;padding:4px 4px 72px}@media(min-width:600px){.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icons-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}}@media(min-width:900px){.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icons-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}}@media(min-width:1100px){.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icons-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}}@media(min-width:1450px){.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icons-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}}@media(min-width:1600px){.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icons-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}}.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icons-list .icons-list__item.is-active{background-color:var(--wp-admin-theme-color);color:hsla(0,0%,100%,.8)}.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icons-list .icons-list__item.is-active:hover{color:#fff!important}.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icons-list .icons-list__item.is-active svg{fill:#fff}.wp-block-outermost-icon-inserter__modal .icon-inserter__content .icons-list .icons-list__item.is-active.has-no-icon-fill svg{fill:none;color:#fff}.wp-block-outermost-icon-inserter__modal .icon-inserter__content .block-editor-inserter__no-results{display:flex;flex-direction:column;height:calc(100% - 56px);justify-content:center;margin-top:0}.wp-block-outermost-icon-inserter__modal .icon-inserter__content .block-editor-inserter__no-results svg{margin:0 auto}.wp-block-outermost-icon-custom-inserter__modal .components-modal__content{flex:1 1 0%;overflow:auto;padding:0}.wp-block-outermost-icon-custom-inserter__modal .components-modal__content:before{margin-bottom:0}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter{align-items:stretch;display:flex;flex-direction:column;gap:32px;height:100%;padding:32px}@media(min-width:900px){.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter{flex-direction:row}}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__content{min-height:400px}@media(min-width:900px){.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__content{width:calc(100% - 400px)}}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__content .components-base-control,.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__content .components-base-control__field,.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__content .components-textarea-control__input{height:100%}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__content textarea{resize:none}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__sidebar{display:flex;flex-direction:column;flex-shrink:0;justify-content:space-between}@media(min-width:900px){.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__sidebar{width:400px}}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__sidebar .icon-preview__window{align-items:center;border:1px solid #ddd;display:flex;justify-content:center;max-height:400px;min-height:250px;overflow:scroll;padding:20px}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__sidebar .icon-preview__window.is-default svg{opacity:.3}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__sidebar .icon-preview__window svg{max-width:100%}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__sidebar .icon-controls{display:flex;justify-content:center;padding:12px 24px}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__sidebar .icon-controls__size{align-items:center;display:flex}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__sidebar .icon-controls__size>span{margin-bottom:6px;margin-right:16px}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__sidebar .icon-controls__size .components-range-control{width:90px}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__sidebar .icon-controls__size .components-range-control .components-base-control__field{margin-bottom:0}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__sidebar .components-notice{margin:12px 0 24px}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__sidebar .components-notice.is-error{background-color:#f8ebea}.wp-block-outermost-icon-custom-inserter__modal .icon-custom-inserter__sidebar .icon-insert-buttons{display:flex;justify-content:space-between}.block-editor-block-toolbar .outermost-icon-block__rotate-button-90 svg{transform:rotate(90deg)}.block-editor-block-toolbar .outermost-icon-block__rotate-button-180 svg{transform:rotate(180deg)}.block-editor-block-toolbar .outermost-icon-block__rotate-button-270 svg{transform:rotate(270deg)}.block-editor-block-inspector .outermost-icon-block__icon-settings .components-button-group,.block-editor-block-inspector .outermost-icon-block__icon-settings .components-range-control{margin-bottom:12px}.block-editor-block-inspector .outermost-icon-block__icon-settings .components-notice{margin:0 0 24px}.block-editor-block-inspector .outermost-icon-block__icon-settings .components-notice.is-error{background-color:#f8ebea}.block-editor-block-inspector .outermost-icon-block__icon-settings .icon-settings__width{margin-bottom:12px}.block-editor-block-inspector .outermost-icon-block__color-settings .outermost-icon-block__color-settings__help{color:#757575;font-size:12px;font-style:normal;margin-bottom:24px;margin-top:-6px}.block-editor-block-inspector .outermost-icon-block__color-settings .outermost-icon-block__color-settings__help:first-child{margin-top:0}.block-editor-block-inspector .outermost-icon-block__color-settings .components-base-control__help{margin-bottom:0}.block-editor-block-inspector .outermost-icon-block__color-settings .block-editor-contrast-checker{margin-top:24px}.block-editor-block-inspector .outermost-icon-block__color-settings .block-editor-contrast-checker .components-notice__content{margin-right:0}.block-editor-block-inspector .outermost-icon-block__title-control .components-external-link{display:block;margin-top:8px}.icons-list{display:flex;flex-wrap:wrap}.icons-list .icons-list__item{align-items:stretch;background:transparent;border:1px solid transparent;border-radius:2px;color:#1e1e1e;cursor:pointer;display:flex;flex-direction:column;font-size:13px;height:auto;justify-content:center;padding:8px;position:relative;transition:all .05s ease-in-out;word-break:break-word}.icons-list .icons-list__item:hover{border-color:var(--wp-admin-theme-color);color:var(--wp-admin-theme-color)!important}.icons-list .icons-list__item.has-no-icon-fill svg{fill:none}.icons-list .icons-list__item .icons-list__item-icon{border-radius:2px;color:#1e1e1e;padding:12px;transition:all .05s ease-in-out}.icons-list .icons-list__item .icons-list__item-title{font-size:12px;overflow:hidden;padding:4px 2px 8px;text-overflow:ellipsis;white-space:nowrap} diff --git a/build/index.asset.php b/build/index.asset.php index bb71e5c..f309f38 100644 --- a/build/index.asset.php +++ b/build/index.asset.php @@ -1 +1 @@ - array('lodash', 'react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-keycodes', 'wp-primitives'), 'version' => '4e94e149ff1e32dee417'); + array('lodash', 'react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-keycodes', 'wp-primitives'), 'version' => '4d129138935c7405bcbe'); diff --git a/build/index.js b/build/index.js index 4cae52d..ef6f54e 100644 --- a/build/index.js +++ b/build/index.js @@ -1,2 +1,2 @@ !function(){var e={184:function(e,t){var c;!function(){"use strict";var n={}.hasOwnProperty;function o(){for(var e=[],t=0;t0?this.children[this.children.length-1]:null},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"childNodes",{get:function(){return this.children},set:function(e){this.children=e},enumerable:!1,configurable:!0}),t}(a);t.NodeWithChildren=w;var d=function(e){function t(t){return e.call(this,i.ElementType.Root,t)||this}return o(t,e),t}(w);t.Document=d;var g=function(e){function t(t,c,n,o){void 0===n&&(n=[]),void 0===o&&(o="script"===t?i.ElementType.Script:"style"===t?i.ElementType.Style:i.ElementType.Tag);var l=e.call(this,o,n)||this;return l.name=t,l.attribs=c,l}return o(t,e),Object.defineProperty(t.prototype,"tagName",{get:function(){return this.name},set:function(e){this.name=e},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"attributes",{get:function(){var e=this;return Object.keys(this.attribs).map((function(t){var c,n;return{name:t,value:e.attribs[t],namespace:null===(c=e["x-attribsNamespace"])||void 0===c?void 0:c[t],prefix:null===(n=e["x-attribsPrefix"])||void 0===n?void 0:n[t]}}))},enumerable:!1,configurable:!0}),t}(w);function u(e){return(0,i.isTag)(e)}function p(e){return e.type===i.ElementType.CDATA}function V(e){return e.type===i.ElementType.Text}function E(e){return e.type===i.ElementType.Comment}function z(e){return e.type===i.ElementType.Directive}function f(e){return e.type===i.ElementType.Root}function x(e,t){var c;if(void 0===t&&(t=!1),V(e))c=new m(e.data);else if(E(e))c=new h(e.data);else if(u(e)){var n=t?b(e.children):[],o=new g(e.name,l({},e.attribs),n);n.forEach((function(e){return e.parent=o})),null!=e.namespace&&(o.namespace=e.namespace),e["x-attribsNamespace"]&&(o["x-attribsNamespace"]=l({},e["x-attribsNamespace"])),e["x-attribsPrefix"]&&(o["x-attribsPrefix"]=l({},e["x-attribsPrefix"])),c=o}else if(p(e)){n=t?b(e.children):[];var r=new w(i.ElementType.CDATA,n);n.forEach((function(e){return e.parent=r})),c=r}else if(f(e)){n=t?b(e.children):[];var a=new d(n);n.forEach((function(e){return e.parent=a})),e["x-mode"]&&(a["x-mode"]=e["x-mode"]),c=a}else{if(!z(e))throw new Error("Not implemented yet: ".concat(e.type));var s=new v(e.name,e.data);null!=e["x-name"]&&(s["x-name"]=e["x-name"],s["x-publicId"]=e["x-publicId"],s["x-systemId"]=e["x-systemId"]),c=s}return c.startIndex=e.startIndex,c.endIndex=e.endIndex,null!=e.sourceCodeLocation&&(c.sourceCodeLocation=e.sourceCodeLocation),c}function b(e){for(var t=e.map((function(e){return x(e,!0)})),c=1;c/i,a=//i,s=function(){throw new Error("This browser does not support `document.implementation.createHTMLDocument`")},m=function(){throw new Error("This browser does not support `DOMParser.prototype.parseFromString`")};if("function"==typeof window.DOMParser){var h=new window.DOMParser;s=m=function(e,t){return t&&(e="<"+t+">"+e+""),h.parseFromString(e,"text/html")}}if(document.implementation){var v=c(507).isIE,w=document.implementation.createHTMLDocument(v()?"html-dom-parser":void 0);s=function(e,t){return t?(w.documentElement.getElementsByTagName(t)[0].innerHTML=e,w):(w.documentElement.innerHTML=e,w)}}var d,g=document.createElement("template");g.content&&(d=function(e){return g.innerHTML=e,g.content.childNodes}),e.exports=function(e){var t,c,h,v,w=e.match(i);switch(w&&w[1]&&(t=w[1].toLowerCase()),t){case n:return c=m(e),r.test(e)||(h=c.getElementsByTagName(o)[0])&&h.parentNode.removeChild(h),a.test(e)||(h=c.getElementsByTagName(l)[0])&&h.parentNode.removeChild(h),c.getElementsByTagName(n);case o:case l:return v=s(e).getElementsByTagName(t),a.test(e)&&r.test(e)?v[0].parentNode.childNodes:v;default:return d?d(e):s(e,l).getElementsByTagName(l)[0].childNodes}}},152:function(e,t,c){var n=c(276),o=c(507).formatDOM,l=/<(![a-zA-Z\s]+)>/;e.exports=function(e){if("string"!=typeof e)throw new TypeError("First argument must be a string");if(""===e)return[];var t,c=e.match(l);return c&&c[1]&&(t=c[1]),o(n(e),null,t)}},507:function(e,t,c){for(var n,o=c(885),l=c(790),i=o.CASE_SENSITIVE_TAG_NAMES,r=l.Comment,a=l.Element,s=l.ProcessingInstruction,m=l.Text,h={},v=0,w=i.length;v1&&(m=d(m,{key:m.key||z})),p.push(m);else if("text"!==l.type){switch(h=l.attribs,a(l)?i(h.style,h):h&&(h=o(h)),v=null,l.type){case"script":case"style":l.children[0]&&(h.dangerouslySetInnerHTML={__html:l.children[0].data});break;case"tag":"textarea"===l.name&&l.children[0]?h.defaultValue=l.children[0].data:l.children&&l.children.length&&(v=e(l.children,c));break;default:continue}f>1&&(h.key=z),p.push(g(l.name,h,v))}else{if((s=!l.data.trim().length)&&l.parent&&!r(l.parent))continue;if(E&&s)continue;p.push(l.data)}return 1===p.length?p[0]:p}},606:function(e,t,c){var n=c(196),o=c(476).default,l={reactCompat:!0},i=n.version.split(".")[0]>=16,r=new Set(["tr","tbody","thead","tfoot","colgroup","table","head","html","frameset"]);e.exports={PRESERVE_CUSTOM_ATTRIBUTES:i,invertObject:function(e,t){if(!e||"object"!=typeof e)throw new TypeError("First argument must be an object");var c,n,o="function"==typeof t,l={},i={};for(c in e)n=e[c],o&&(l=t(c,n))&&2===l.length?i[l[0]]=l[1]:"string"==typeof n&&(i[n]=c);return i},isCustomComponent:function(e,t){if(-1===e.indexOf("-"))return t&&"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}},setStyleProp:function(e,t){if(null!=e)try{t.style=o(e,l)}catch(e){t.style={}}},canTextBeChildOfNode:function(e){return!r.has(e.name)},elementsWithNoTextChildren:r}},139:function(e){var t=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//g,c=/\n/g,n=/^\s*/,o=/^(\*?[-#/*\\\w]+(\[[0-9a-z_-]+\])?)\s*/,l=/^:\s*/,i=/^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};])+)/,r=/^[;\s]*/,a=/^\s+|\s+$/g,s="";function m(e){return e?e.replace(a,s):s}e.exports=function(e,a){if("string"!=typeof e)throw new TypeError("First argument must be a string");if(!e)return[];a=a||{};var h=1,v=1;function w(e){var t=e.match(c);t&&(h+=t.length);var n=e.lastIndexOf("\n");v=~n?e.length-n:v+e.length}function d(){var e={line:h,column:v};return function(t){return t.position=new g(e),E(),t}}function g(e){this.start=e,this.end={line:h,column:v},this.source=a.source}g.prototype.content=e;var u=[];function p(t){var c=new Error(a.source+":"+h+":"+v+": "+t);if(c.reason=t,c.filename=a.source,c.line=h,c.column=v,c.source=e,!a.silent)throw c;u.push(c)}function V(t){var c=t.exec(e);if(c){var n=c[0];return w(n),e=e.slice(n.length),c}}function E(){V(n)}function z(e){var t;for(e=e||[];t=f();)!1!==t&&e.push(t);return e}function f(){var t=d();if("/"==e.charAt(0)&&"*"==e.charAt(1)){for(var c=2;s!=e.charAt(c)&&("*"!=e.charAt(c)||"/"!=e.charAt(c+1));)++c;if(c+=2,s===e.charAt(c-1))return p("End of comment missing");var n=e.slice(2,c-2);return v+=2,w(n),e=e.slice(c),v+=2,t({type:"comment",comment:n})}}function x(){var e=d(),c=V(o);if(c){if(f(),!V(l))return p("property missing ':'");var n=V(i),a=e({type:"declaration",property:m(c[0].replace(t,s)),value:n?m(n[0].replace(t,s)):s});return V(r),a}}return E(),function(){var e,t=[];for(z(t);e=x();)!1!==e&&(t.push(e),z(t));return t}()}},726:function(e,t,c){"use strict";function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var c=0,n=new Array(t);c{const c=null==e?void 0:e.type,n=null==e?void 0:e.icons;(0,i.isEmpty)(n)||(n.forEach((e=>{e.name.includes(c+"-")||(e.name=c+"-"+e.name),e.type=c})),n.sort((function(e,t){return e.name.localeCompare(t.name)})),t=t.concat(n))})),t}function _o(){return _o=Object.assign?Object.assign.bind():function(e){for(var t=1;t{let{attribs:t,children:o,name:l,parent:i,type:r}=e;if("tag"!==r||!i&&"svg"!==l||!l)return(0,n.createElement)(n.Fragment,null);const a=`${l}`;return(0,n.createElement)(a,_o({},t,{style:yo(null==t?void 0:t.style)}),Co(o,c))}};return Mo(t,c)}function yo(e){let t={};return"string"==typeof e&&(t=e.split(";").reduce(((e,t)=>{const c=t.indexOf(":");if(-1===c)return e;const n=t.substr(0,c).trim().replace(/^-ms-/,"ms-").replace(/-./g,(e=>e.substr(1).toUpperCase())),o=t.substr(c+1).trim();return o?{...e,[n]:o}:e}),{})),t}var Lo=[{attributes:{icon:{type:"string",source:"html",selector:".icon-container",default:""},iconName:{type:"string"},itemsJustification:{type:"string"},iconBackgroundColor:{type:"string"},customIconBackgroundColor:{type:"string"},iconBackgroundColorValue:{type:"string"},iconColor:{type:"string"},customIconColor:{type:"string"},iconColorValue:{type:"string"},gradient:{type:"string"},customGradient:{type:"string"},label:{type:"string"},linkUrl:{type:"string"},linkRel:{type:"string"},linkTarget:{type:"string"},rotate:{type:"number"},flipHorizontal:{type:"boolean"},flipVertical:{type:"boolean"},width:{type:"number"},percentWidth:{type:"number"}},supports:{align:!0,html:!1,__experimentalBorder:{color:!0,radius:!0,style:!0,width:!0},spacing:{padding:!0,margin:!0}},save(e){var t,c,o,a,s,m,h,v,w,d,g,u;let{attributes:p}=e;const{borderColor:V,icon:E,iconName:z,style:f,iconBackgroundColor:x,iconBackgroundColorValue:b,iconColorValue:_,gradient:k,customGradient:C,itemsJustification:M,label:H,linkUrl:y,linkRel:L,linkTarget:S,rotate:P,flipHorizontal:B,flipVertical:G,width:T,percentWidth:R}=p;if(!E&&!z)return null;const A=bo(xo()).filter((e=>e.name===z));let N="";var I,O;if(E&&(0,i.isEmpty)(A)?(N=Ho(E),(0,i.isEmpty)(null===(I=N)||void 0===I?void 0:I.props)&&(N="")):(N=null===(O=A[0])||void 0===O?void 0:O.icon,"string"==typeof N&&(N=Ho(N))),!N)return null;H&&(N={...N,props:{...N.props,"aria-label":H}});const F=l()("icon-container",{"has-icon-color":_,"has-background-color":b||x||k||C,[`has-${x}-background-color`]:x,[`has-${k}-gradient-background`]:k,[`rotate-${P}`]:P,"flip-horizontal":B,"flip-vertical":G}),D=(0,i.isEmpty)(L)?void 0:L,Z=(0,i.isEmpty)(S)?void 0:S;let j=T?`${T}px`:"48px";R&&(j=`${R}%`);let q=null!==(t=null==f||null===(c=f.spacing)||void 0===c?void 0:c.margin)&&void 0!==t?t:void 0,U=null!==(o=null==f||null===(a=f.spacing)||void 0===a?void 0:a.padding)&&void 0!==o?o:void 0;var $,W,Q,J,X,K,Y,ee,te,ce,ne,oe,le,ie,re,ae;U&&(U=`${null!==($=null===(W=U)||void 0===W?void 0:W.top)&&void 0!==$?$:0} ${null!==(Q=null===(J=U)||void 0===J?void 0:J.right)&&void 0!==Q?Q:0} ${null!==(X=null===(K=U)||void 0===K?void 0:K.bottom)&&void 0!==X?X:0} ${null!==(Y=null===(ee=U)||void 0===ee?void 0:ee.left)&&void 0!==Y?Y:0}`),q&&(q=`${null!==(te=null===(ce=q)||void 0===ce?void 0:ce.top)&&void 0!==te?te:0} ${null!==(ne=null===(oe=q)||void 0===oe?void 0:oe.right)&&void 0!==ne?ne:0} ${null!==(le=null===(ie=q)||void 0===ie?void 0:ie.bottom)&&void 0!==le?le:0} ${null!==(re=null===(ae=q)||void 0===ae?void 0:ae.left)&&void 0!==re?re:0}`);const se={background:k?void 0:C,backgroundColor:x?void 0:b,borderColor:V?`var(--wp--preset--color--${V})`:null!==(s=null==f||null===(m=f.border)||void 0===m?void 0:m.color)&&void 0!==s?s:void 0,borderRadius:null!==(h=null==f||null===(v=f.border)||void 0===v?void 0:v.radius)&&void 0!==h?h:void 0,borderStyle:null!==(w=null==f||null===(d=f.border)||void 0===d?void 0:d.style)&&void 0!==w?w:void 0,borderWidth:null!==(g=null==f||null===(u=f.border)||void 0===u?void 0:u.width)&&void 0!==g?g:void 0,color:_,padding:U,width:j},me=(0,n.createElement)(n.Fragment,null,y?(0,n.createElement)("a",{className:F,href:y,target:Z,rel:D,style:se,"aria-label":H},N):(0,n.createElement)("div",{className:F,style:se},N));return(0,n.createElement)("div",r.useBlockProps.save({className:`items-justified-${M}`,style:{borderColor:void 0,borderRadius:void 0,borderStyle:void 0,borderWidth:void 0,borderBottomColor:void 0,borderBottomLeftRadius:void 0,borderBottomRightRadius:void 0,borderBottomStyle:void 0,borderBottomWidth:void 0,borderLeftColor:void 0,borderLeftStyle:void 0,borderLeftWidth:void 0,borderRightColor:void 0,borderRightStyle:void 0,borderRightWidth:void 0,borderTopColor:void 0,borderTopLeftRadius:void 0,borderTopRightRadius:void 0,borderTopStyle:void 0,borderTopWidth:void 0,marginBottom:void 0,marginLeft:void 0,marginRight:void 0,marginTop:void 0,paddingBottom:void 0,paddingLeft:void 0,paddingRight:void 0,paddingTop:void 0,margin:q}}),me)}}],So=window.wp.components,Po=window.wp.keycodes;const Bo=(0,n.createElement)(So.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,n.createElement)(So.Path,{d:"M5.123,13.547 L5.0737,13.634 C4.831,14.132 5.219,14.735 5.791,14.683 L10.2624715,14.270549 L9.82933866,21.7227919 C9.78597021,22.4686759 10.7447862,22.7937669 11.1544448,22.1720753 L18.8767932,10.4527553 L18.9263046,10.3660059 C19.1692295,9.86740676 18.7810449,9.2643915 18.2088152,9.31705918 L13.736563,9.72847448 L14.1706611,2.27720814 C14.2140292,1.5313296 13.2552248,1.20623489 12.8455606,1.82791614 L5.12321216,13.5468785 Z M12.5675925,4.88951961 L12.2425725,10.4921196 L12.2429925,10.5865822 C12.2702521,10.9894968 12.6214196,11.3022396 13.0308862,11.2645525 L16.8312941,10.9140428 L11.431442,19.1095038 L11.7574272,13.5078804 L11.7570075,13.4134218 C11.729751,13.0105235 11.3786124,12.697785 10.9691611,12.7354431 L7.16774032,13.0849806 L12.5675925,4.88951961 Z"})),Go=(0,n.createElement)(So.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 80 80"},(0,n.createElement)("polygon",{strokeWidth:"1",fill:"none",points:"36.923 44.5 20 46 44.615 10 43.077 35.5 60 33.999 35.385 70"}));var To=function(e){let{icon:t,size:c=24,...o}=e;return(0,n.cloneElement)(t,{width:c,height:c,...o})};function Ro(t){var c;const{isInserterOpen:o,setInserterOpen:r,attributes:a,setAttributes:s}=t,m=xo(),h=function(e){const t=[];return e.forEach((e=>{var c,n;const o=null==e?void 0:e.type,l=null!==(c=null==e?void 0:e.title)&&void 0!==c?c:null==e?void 0:e.type,r=null!==(n=null==e?void 0:e.isDefault)&&void 0!==n&&n;(0,i.isEmpty)(o)||t.push({type:o,title:l,isDefault:r})})),t}(m);let v=h.filter((e=>e.isDefault));v=0!==v.length?v:[h[0]];const[w,d]=(0,n.useState)(""),[g,u]=(0,n.useState)("all__"+(null===(c=v[0])||void 0===c?void 0:c.type)),[p,V]=(0,n.useState)(24);if(!o)return null;const E=bo(m);let z=[];if(w&&(z=E.filter((e=>{const t=w.toLowerCase();if(e.title.toLowerCase().includes(t))return!0;if(null!=e&&e.keywords&&!(0,i.isEmpty)(null==e?void 0:e.keywords)){const c=e.keywords.filter((e=>e.includes(t)));return!(0,i.isEmpty)(c)}return!1}))),!w)if(g.startsWith("all__")){var f,x;const e=g.replace("all__","");z=null!==(f=null===(x=m.filter((t=>t.type===e))[0])||void 0===x?void 0:x.icons)&&void 0!==f?f:[]}else z=E.filter((e=>{var t;return!!(null!==(t=null==e?void 0:e.categories)&&void 0!==t?t:[]).includes(g)}));const b=[];m.forEach((t=>{var c,n,o;const l=null!==(c=null==t?void 0:t.title)&&void 0!==c?c:t.type,i=null!==(n=null==t?void 0:t.categories)&&void 0!==n?n:[],r=function(e){const t=[];return e.forEach((e=>{null!=e&&e.name&&t.push(e.name)})),t}(i),a="all__"+t.type,s=null!==(o=null==t?void 0:t.icons)&&void 0!==o?o:[];r.includes(a)||(r.sort().unshift(a),i.unshift({name:a,title:(0,e.__)("All","icon-block")})),b.push({type:t.type,title:l,categoriesFull:i,categories:r,count:s.length})}));const _=(0,n.createElement)("div",{className:"icons-list"},z.map((e=>{var t;let c=e.icon;return"string"==typeof c&&(c=Ho(c)),(0,n.createElement)(So.Button,{key:`icon-${e.name}`,className:l()("icons-list__item",{"is-active":e.name===(null==a?void 0:a.iconName),"has-no-icon-fill":null==e?void 0:e.hasNoIconFill}),onClick:()=>{return t=e.name,c=null==e?void 0:e.hasNoIconFill,s({icon:"",iconName:t,hasNoIconFill:c}),void r(!1);var t,c}},(0,n.createElement)("span",{className:"icons-list__item-icon"},(0,n.createElement)(To,{icon:c,size:p})),(0,n.createElement)("span",{className:"icons-list__item-title"},null!==(t=null==e?void 0:e.title)&&void 0!==t?t:e.name))}))),k=(0,n.createElement)("div",{className:"block-editor-inserter__no-results"},(0,n.createElement)(To,{icon:C,className:"block-editor-inserter__no-results-icon"}),(0,n.createElement)("p",null,(0,e.__)("No results found.","block-icon")));return(0,n.createElement)(So.Modal,{className:"wp-block-outermost-icon-inserter__modal",title:(0,e.__)("Icon Library","icon-block"),onRequestClose:()=>r(!1),isFullScreen:!0},(0,n.createElement)("div",{className:l()("icon-inserter",{"is-searching":w})},(0,n.createElement)("div",{className:"icon-inserter__sidebar"},(0,n.createElement)("div",{className:"icon-inserter__sidebar__search"},(0,n.createElement)(So.SearchControl,{value:w,onChange:d})),b.map((e=>function(e){return(0,n.createElement)(So.MenuGroup,{className:"icon-inserter__sidebar__category-type",label:e.title},e.categories.map((t=>{var c,o;const i=g?t===g:t==="all__"+e.type,r=E.filter((c=>{var n;const o=null!==(n=null==c?void 0:c.categories)&&void 0!==n?n:[];return c.type===e.type&&o.includes(t)})),a=null!==(c=null===(o=e.categoriesFull.filter((e=>e.name===t))[0])||void 0===o?void 0:o.title)&&void 0!==c?c:t;return(0,n.createElement)(So.MenuItem,{key:`category-${t}`,className:l()({"is-active":i}),onClick:()=>function(e){u(e)}(t),isPressed:i},a,(0,n.createElement)("span",null,t==="all__"+e.type?e.count:r.length))})))}(e)))),(0,n.createElement)("div",{className:"icon-inserter__content"},(0,n.createElement)("div",{className:"icon-inserter__content-header"},(0,n.createElement)("div",{className:"search-results"},w&&(0,e.sprintf)(// translators: %1$s: Number of icons retruned from search, %2$s: the search input -(0,e._n)('%1$s search result for "%2$s"','%1$s search results for "%2$s"',z.length,"icon-block"),z.length,w)),(0,n.createElement)("div",{className:"icon-controls"},(0,n.createElement)("div",{className:"icon-controls__size"},(0,n.createElement)("span",null,(0,e.__)("Preview size","icon-block")),(0,n.createElement)(So.RangeControl,{min:24,max:72,initialPosition:24,withInputField:!1,onChange:e=>V(e)})))),(0,n.createElement)("div",{className:"icon-inserter__content-grid"},[(0,i.isEmpty)(z)&&k,!(0,i.isEmpty)(z)&&_]))))}function Ao(t){const{isCustomInserterOpen:c,setCustomInserterOpen:o,attributes:r,setAttributes:a}=t,{icon:s,iconName:m}=r,[h,v]=(0,n.useState)(m?"":s),[w,d]=(0,n.useState)(48);if(!c)return null;let g=!0,u="";if(h){var p;const e=h.trim();u=Mo(e,{trim:!0,replace:e=>{if("tag"!==e.type||!e.parent&&"svg"!==e.name||!e.name)return(0,n.createElement)(n.Fragment,null)}}),(0,i.isEmpty)(null===(p=u)||void 0===p?void 0:p.props)&&(u=""),g=!!u}const V=u||Bo;return(0,n.createElement)(So.Modal,{className:"wp-block-outermost-icon-custom-inserter__modal",title:(0,e.__)("Custom Icon","icon-block"),onRequestClose:()=>o(!1),isFullScreen:!0},(0,n.createElement)("div",{className:"icon-custom-inserter"},(0,n.createElement)("div",{className:"icon-custom-inserter__content"},(0,n.createElement)(So.TextareaControl,{label:(0,e.__)("Custom icon","icon-block"),hideLabelFromVision:!0,value:h,onChange:v,placeholder:(0,e.__)("Paste the SVG code for your custom icon.","icon-block")})),(0,n.createElement)("div",{className:"icon-custom-inserter__sidebar"},(0,n.createElement)("div",{className:"icon-preview"},(0,n.createElement)("div",{className:l()("icon-preview__window",{"is-default":!u})},(0,n.createElement)(To,{icon:V,size:w})),(0,n.createElement)("div",{className:"icon-controls"},(0,n.createElement)("div",{className:"icon-controls__size"},(0,n.createElement)("span",null,(0,e.__)("Preview size","icon-block")),(0,n.createElement)(So.RangeControl,{min:24,max:400,initialPosition:48,withInputField:!1,onChange:e=>d(e)}))),!g&&(0,n.createElement)(So.Notice,{status:"error",isDismissible:!1},(0,e.__)("The custom icon does not appear to be in a valid SVG format or contains non-SVG elements.","icon-block"))),(0,n.createElement)("div",{className:"icon-insert-buttons"},(0,n.createElement)(So.Button,{label:(0,e.__)("Clear custom icon","icon-block"),isSecondary:!0,disabled:!h,onClick:()=>v("")},(0,e.__)("Clear","icon-block")),(0,n.createElement)(So.Button,{label:(0,e.__)("Insert custom icon","icon-block"),isPrimary:!0,disabled:!g||!h,onClick:function(){a({icon:h,iconName:""}),o(!1)}},(0,e.__)("Insert custom icon","icon-block"))))))}function No(t){var c,o;const[r,a]=(0,n.useState)(""),{setInserterOpen:s,isQuickInserterOpen:m,setQuickInserterOpen:h,setAttributes:v}=t;if(!m)return null;const w=xo(),d=bo(w),g=null!==(c=null===(o=w.filter((e=>e.isDefault))[0])||void 0===o?void 0:o.icons)&&void 0!==c?c:d;let u=[];if(r&&(u=d.filter((e=>{const t=r.toLowerCase();if(e.title.toLowerCase().includes(t))return!0;if(null!=e&&e.keywords&&!(0,i.isEmpty)(null==e?void 0:e.keywords)){const c=e.keywords.filter((e=>e.includes(t)));return!(0,i.isEmpty)(c)}return!1}))),!r){var p,V;const e=null!==(p=g.filter((e=>e.isDefault)))&&void 0!==p?p:[],t=null!==(V=g.filter((e=>!e.isDefault)))&&void 0!==V?V:[];u=u.concat(e,t)}u=u.slice(0,6);const E=(0,n.createElement)("div",{className:"block-editor-inserter__panel-content"},(0,n.createElement)("div",{className:"icons-list"},u.map((t=>{let c=t.icon;return"string"==typeof c&&(c=Ho(c)),(0,n.createElement)(So.Button,{key:`icon-${t.name}`,label:(0,e.__)("Insert Icon","icon-block"),className:l()("icons-list__item",{"has-no-icon-fill":null==t?void 0:t.hasNoIconFill}),onClick:()=>{var e,c;e=t.name,c=null==t?void 0:t.hasNoIconFill,v({icon:"",iconName:e,hasNoIconFill:c}),s(!1),h(!1),a("")}},(0,n.createElement)("span",{className:"icons-list__item-icon"},(0,n.createElement)(To,{icon:c})),(0,n.createElement)("span",{className:"icons-list__item-title"},t.title))})))),z=(0,n.createElement)("div",{className:"block-editor-inserter__no-results"},(0,n.createElement)(To,{icon:C,className:"block-editor-inserter__no-results-icon"}),(0,n.createElement)("p",null,(0,e.__)("No results found.","block-icon")));return(0,n.createElement)(So.Popover,{className:"wp-block-outermost-icon-inserter__quick-inserter block-editor-inserter__popover is-quick",onClose:()=>h(!1),position:"bottom center"},(0,n.createElement)("div",{className:"block-editor-inserter__quick-inserter"},(0,n.createElement)(So.SearchControl,{className:"block-editor-inserter__search",label:(0,e.__)("Search icons","icon-block"),hideLabelFromVision:!0,value:r,onChange:e=>a(e)}),(0,n.createElement)("div",{className:"block-editor-inserter__quick-inserter-results"},[(0,i.isEmpty)(u)&&z,!(0,i.isEmpty)(u)&&E]),(0,n.createElement)(So.Button,{className:"block-editor-inserter__quick-inserter-expand",onClick:()=>{s(!0),h(!1),a("")}},(0,e.__)("Browse all","icon-block"))))}function Io(t){const{setInserterOpen:c,isQuickInserterOpen:o,setQuickInserterOpen:l,setCustomInserterOpen:i,setAttributes:r,enableCustomIcons:a}=t,s=a?(0,e.__)("Choose an icon from the library or add your own custom SVG graphic.","icon-block"):(0,e.__)("Browse the icon library and choose one to insert.","icon-block");return(0,n.createElement)(So.Placeholder,{className:"has-illustration",icon:Bo,label:(0,e.__)("Icon"),instructions:s},(0,n.createElement)(To,{class:"components-placeholder__illustration",icon:Go}),(0,n.createElement)(So.Button,{isPrimary:!0,onClick:()=>l(!0)},(0,e.__)("Icon Library","icon-block")),a&&(0,n.createElement)(So.Button,{isTertiary:!0,onClick:()=>i(!0)},(0,e.__)("Insert custom SVG","icon-block")),(0,n.createElement)(No,{setInserterOpen:c,isQuickInserterOpen:o,setQuickInserterOpen:l,setAttributes:r}))}const Oo="noreferrer noopener";function Fo(t){let{selectedWidth:c,setAttributes:o}=t;return(0,n.createElement)(So.ButtonGroup,{"aria-label":(0,e.__)("Icon percent width","icon-block")},[25,50,75,100].map((e=>(0,n.createElement)(So.Button,{key:e,isSmall:!0,isPrimary:e===c,isPressed:e===c,onClick:()=>{var t;o({percentWidth:c===(t=e)?void 0:t})}},e,"%"))))}var Do=(0,r.withColors)({iconColor:"icon-color",iconBackgroundColor:"icon-background-color"})((function(t){var c,o,s,m;const{attributes:h,iconBackgroundColor:v,iconColor:w,setAttributes:d,setIconBackgroundColor:g,setIconColor:u}=t,{flipHorizontal:p,flipVertical:V,hasNoIconFill:E,icon:z,iconBackgroundColorValue:f,iconColorValue:x,iconName:b,itemsJustification:_,label:k,linkRel:C,linkTarget:M,linkUrl:H,percentWidth:y,rotate:L,title:S,width:P}=h,{gradientClass:B,gradientValue:G,setGradient:T}=(0,r.__experimentalUseGradient)(),[R,A]=(0,n.useState)(!1),[N,I]=(0,n.useState)(!1),[O,F]=(0,n.useState)(!1),[D,Z]=(0,n.useState)(!1),j=(0,a.applyFilters)("iconBlock.enableCustomIcons",!0),q=(0,n.useRef)(),U=(0,n.useRef)(),$=!!H,W="_blank"===M,Q=bo(xo()).filter((e=>e.name===b));let J=Bo;var X;z&&(0,i.isEmpty)(Q)&&(J=Ho(z),(0,i.isEmpty)(null===(X=J)||void 0===X?void 0:X.props)&&(J=Bo));let K=(0,i.isEmpty)(Q)?J:Q[0].icon;function Y(e){e.preventDefault(),Z(!0)}function ee(){d({linkUrl:void 0,linkTarget:void 0,linkRel:void 0}),Z(!1)}"string"==typeof K&&(K=Ho(K));const te=(0,n.createElement)(n.Fragment,null,(0,n.createElement)(r.BlockControls,{group:"block"},(0,n.createElement)(r.JustifyToolbar,{allowedControls:["left","center","right"],value:_,onChange:e=>d({itemsJustification:e})})),(z||b)&&(0,n.createElement)(r.BlockControls,null,(0,n.createElement)(So.ToolbarGroup,null,(0,n.createElement)(So.ToolbarButton,{name:"link",icon:ht,title:(0,e.__)("Link","icon-block"),shortcut:Po.displayShortcut.primary("k"),onClick:Y,isActive:$})),(0,n.createElement)(So.ToolbarGroup,null,(0,n.createElement)(So.ToolbarButton,{className:`outermost-icon-block__rotate-button-${L}`,icon:kc,label:(0,e.__)("Rotate","icon-block"),onClick:function(){let e=90;90===L?e=180:180===L?e=270:270===L&&(e=0),d({rotate:e})},isPressed:L}),(0,n.createElement)(So.ToolbarButton,{icon:ze,label:(0,e.__)("Flip Horizontal","icon-block"),onClick:()=>d({flipHorizontal:!p}),isPressed:p}),(0,n.createElement)(So.ToolbarButton,{icon:fe,label:(0,e.__)("Flip Vertical","icon-block"),onClick:()=>d({flipVertical:!V}),isPressed:V})),(0,n.createElement)(So.ToolbarGroup,null,j?(0,n.createElement)(So.Dropdown,{renderToggle:t=>{let{onToggle:c}=t;return(0,n.createElement)(So.ToolbarButton,{onClick:c},(0,e.__)("Replace"))},renderContent:t=>{let{onClose:c}=t;return(0,n.createElement)(So.NavigableMenu,null,(0,n.createElement)(So.MenuItem,{onClick:()=>{A(!0),c(!0)}},(0,e.__)("Browse icon library","icon-block")),(0,n.createElement)(So.MenuItem,{onClick:()=>{F(!0),c(!0)}},(0,e.__)("Add/edit custom icon","icon-block")))}}):(0,n.createElement)(So.ToolbarButton,{onClick:()=>{A(!0)}},(0,e.__)("Replace")))),D&&(0,n.createElement)(So.Popover,{position:"bottom center",onClose:()=>{var e;Z(!1),null===(e=U.current)||void 0===e||e.focus()},anchorRef:null==q?void 0:q.current,focusOnMount:!!D&&"firstElement"},(0,n.createElement)(r.__experimentalLinkControl,{className:"wp-block-navigation-link__inline-link-input",value:{url:H,opensInNewTab:W},onChange:e=>{let{url:t="",opensInNewTab:c}=e;d({linkUrl:t}),W!==c&&function(e){const t=e?"_blank":void 0;let c=C;t&&!C?c=Oo:t||C!==Oo||(c=void 0),d({linkTarget:t,linkRel:c})}(c)},onRemove:()=>{var e;ee(),null===(e=U.current)||void 0===e||e.focus()}}))),ce=(z||b)&&(0,n.createElement)(n.Fragment,null,(0,n.createElement)(r.InspectorControls,null,(0,n.createElement)(So.PanelBody,{className:"outermost-icon-block__icon-settings",title:(0,e.__)("Settings","icon-block")},(0,n.createElement)(So.TextControl,{label:(0,e.__)("Icon label","icon-block"),help:(0,e.__)("Briefly describe the icon to help screen reader users.","icon-block"),value:k,onChange:e=>d({label:e})}),(0,n.createElement)("div",{className:"icon-settings__width"},(0,n.createElement)(So.RangeControl,{label:(0,e.__)("Icon width","icon-block"),onChange:e=>d({width:e}),value:P||"",min:10,max:1e3,initialPosition:48,allowReset:!0,resetFallbackValue:48,disabled:y}),(0,n.createElement)(Fo,{selectedWidth:y,setAttributes:d}))),(0,n.createElement)("div",null,(0,n.createElement)(r.__experimentalPanelColorGradientSettings,{className:"outermost-icon-block__color-settings",title:(0,e.__)("Color"),initialOpen:!0,enableAlpha:!0,settings:[{colorValue:w.color||x,onColorChange:e=>{u(e),d({iconColorValue:e})},label:(0,e.__)("Icon color","icon-block")},{colorValue:v.color||f,onColorChange:e=>{g(e),d({iconBackgroundColorValue:e})},gradientValue:G,onGradientChange:T,label:(0,e.__)("Background color","icon-block")}],__experimentalHasMultipleOrigins:!0},(w.color||x)&&(0,n.createElement)(n.Fragment,null,(0,n.createElement)("p",{className:"outermost-icon-block__color-settings__help"},(0,e.__)("Any color or fill values in the SVG icon itself will take precedent over the chosen color.","icon-block")),(0,n.createElement)(So.ToggleControl,{checked:!E,label:(0,e.__)("Apply icon color to fill","icon-block"),help:(0,e.__)("Set the SVG fill value to the chosen icon color. Disable as needed.","icon-block"),onChange:()=>d({hasNoIconFill:!E})})),(0,n.createElement)(r.ContrastChecker,{textColor:x,backgroundColor:f,isLargeText:!1})))),(0,n.createElement)(r.InspectorControls,{__experimentalGroup:"advanced"},(0,n.createElement)(So.TextControl,{label:(0,e.__)("Link rel","icon-block"),value:C||"",onChange:e=>d({linkRel:e})}),(0,n.createElement)(So.TextControl,{label:(0,e.__)("Title attribute","icon-block"),className:"outermost-icon-block__title-control",value:S||"",onChange:e=>d({title:e}),help:(0,n.createElement)(n.Fragment,null,(0,e.__)("Describe the role of this icon on the page.","icon-block"),(0,n.createElement)(So.ExternalLink,{href:"https://www.w3.org/TR/html52/dom.html#the-title-attribute"},(0,e.__)("Note: many devices and browsers do not display this text","icon-block")))}))),ne=(0,r.useBlockProps)(),oe=(0,r.__experimentalGetBorderClassesAndStyles)(h),le=l()("icon-container",null==oe?void 0:oe.className,{"has-background-gradient":G,[B]:B,"has-icon-color":w.color||x,"has-icon-background-color":v.color||f||G,"has-no-icon-fill-color":E,[`items-justified-${_}`]:_,[`rotate-${L}`]:L,"flip-horizontal":p,"flip-vertical":V});let ie=P?`${P}px`:"48px";y&&(ie=`${y}%`);const re={background:G,backgroundColor:f,...ne.style,...oe.style,color:x,width:ie,marginBottom:void 0,marginLeft:void 0,marginRight:void 0,marginTop:void 0},ae={marginBottom:null===(c=ne.style)||void 0===c?void 0:c.marginBottom,marginLeft:null===(o=ne.style)||void 0===o?void 0:o.marginLeft,marginRight:null===(s=ne.style)||void 0===s?void 0:s.marginRight,marginTop:null===(m=ne.style)||void 0===m?void 0:m.marginTop},se=(0,n.createElement)(n.Fragment,null,z||b?(0,n.createElement)("div",{ref:U,className:le,style:re},K):(0,n.createElement)(Io,{setInserterOpen:A,isQuickInserterOpen:N,setQuickInserterOpen:I,isCustomInserterOpen:O,setCustomInserterOpen:F,setAttributes:d,enableCustomIcons:j}));return(0,n.createElement)(n.Fragment,null,te,ce,(0,n.createElement)("div",_o({},(0,r.useBlockProps)({className:_&&`items-justified-${_}`,ref:q,onKeyDown:function(e){if(Po.isKeyboardEvent.primary(e,"k"))Y(e);else if(Po.isKeyboardEvent.primaryShift(e,"k")){var t;ee(),null===(t=U.current)||void 0===t||t.focus()}}}),{style:ae}),se),(0,n.createElement)(Ro,{isInserterOpen:R,setInserterOpen:A,attributes:h,setAttributes:d}),j&&(0,n.createElement)(Ao,{isCustomInserterOpen:O,setCustomInserterOpen:F,attributes:h,setAttributes:d}))}));(0,t.registerBlockType)("outermost/icon-block",{title:(0,e.__)("Icon","icon-block"),icon:Bo,example:{attributes:{icon:'',iconColorValue:"#ffffff",iconBackgroundColorValue:"#000000",itemsJustification:"center",width:60,style:{border:{radius:50},spacing:{padding:{top:"10px",right:"10px",bottom:"10px",left:"10px"}}}}},edit:Do,save:function(e){var t;const{customGradient:c,flipHorizontal:o,flipVertical:a,gradient:s,hasNoIconFill:m,icon:h,iconBackgroundColor:v,iconBackgroundColorValue:w,iconColorValue:d,iconName:g,itemsJustification:u,label:p,linkRel:V,linkTarget:E,linkUrl:z,percentWidth:f,rotate:x,title:b,width:_}=e.attributes;if(!h&&!g)return null;const k=bo(xo()).filter((e=>e.name===g));let C="";var M,H;if(h&&(0,i.isEmpty)(k)?(C=Ho(h),(0,i.isEmpty)(null===(M=C)||void 0===M?void 0:M.props)&&(C="")):(C=null===(H=k[0])||void 0===H?void 0:H.icon,"string"==typeof C&&(C=Ho(C))),!C)return null;p&&(C={...C,props:{...C.props,"aria-label":p}});const y=r.useBlockProps.save(),L=(0,r.__experimentalGetBorderClassesAndStyles)(e.attributes),S=l()("icon-container",null==L?void 0:L.className,{"has-icon-color":d,"has-icon-background-color":w||v||s||c,"has-no-icon-fill-color":m,[`has-${v}-background-color`]:v,[`has-${s}-gradient-background`]:s,[`rotate-${x}`]:x,"flip-horizontal":o,"flip-vertical":a});let P=_?`${_}px`:"48px";f&&(P=`${f}%`);const B={background:s?void 0:c,backgroundColor:v?void 0:w,...y.style,...L.style,color:d,width:P,marginBottom:void 0,marginLeft:void 0,marginRight:void 0,marginTop:void 0},G=null===(t=r.useBlockProps.save())||void 0===t?void 0:t.style,T={marginBottom:null==G?void 0:G.marginBottom,marginLeft:null==G?void 0:G.marginLeft,marginRight:null==G?void 0:G.marginRight,marginTop:null==G?void 0:G.marginTop},R=(0,i.isEmpty)(V)?void 0:V,A=(0,i.isEmpty)(E)?void 0:E,N=(0,n.createElement)(n.Fragment,null,z?(0,n.createElement)("a",{className:S,href:z,target:A,rel:R,style:B,"aria-label":p},C):(0,n.createElement)("div",{className:S,style:B},C));return(0,n.createElement)("div",_o({},r.useBlockProps.save({className:u&&`items-justified-${u}`}),{style:T,title:b}),N)},deprecated:Lo})}()}(); \ No newline at end of file +(0,e._n)('%1$s search result for "%2$s"','%1$s search results for "%2$s"',z.length,"icon-block"),z.length,w)),(0,n.createElement)("div",{className:"icon-controls"},(0,n.createElement)("div",{className:"icon-controls__size"},(0,n.createElement)("span",null,(0,e.__)("Preview size","icon-block")),(0,n.createElement)(So.RangeControl,{min:24,max:72,initialPosition:24,withInputField:!1,onChange:e=>V(e)})))),(0,n.createElement)("div",{className:"icon-inserter__content-grid"},[(0,i.isEmpty)(z)&&k,!(0,i.isEmpty)(z)&&_]))))}function Ao(t){const{isCustomInserterOpen:c,setCustomInserterOpen:o,attributes:r,setAttributes:a}=t,{icon:s,iconName:m}=r,[h,v]=(0,n.useState)(m?"":s),[w,d]=(0,n.useState)(48);if(!c)return null;let g=!0,u="";if(h){var p;const e=h.trim();u=Mo(e,{trim:!0,replace:e=>{if("tag"!==e.type||!e.parent&&"svg"!==e.name||!e.name)return(0,n.createElement)(n.Fragment,null)}}),(0,i.isEmpty)(null===(p=u)||void 0===p?void 0:p.props)&&(u=""),g=!!u}const V=u||Bo;return(0,n.createElement)(So.Modal,{className:"wp-block-outermost-icon-custom-inserter__modal",title:(0,e.__)("Custom Icon","icon-block"),onRequestClose:()=>o(!1),isFullScreen:!0},(0,n.createElement)("div",{className:"icon-custom-inserter"},(0,n.createElement)("div",{className:"icon-custom-inserter__content"},(0,n.createElement)(So.TextareaControl,{label:(0,e.__)("Custom icon","icon-block"),hideLabelFromVision:!0,value:h,onChange:v,placeholder:(0,e.__)("Paste the SVG code for your custom icon.","icon-block")})),(0,n.createElement)("div",{className:"icon-custom-inserter__sidebar"},(0,n.createElement)("div",{className:"icon-preview"},(0,n.createElement)("div",{className:l()("icon-preview__window",{"is-default":!u})},(0,n.createElement)(To,{icon:V,size:w})),(0,n.createElement)("div",{className:"icon-controls"},(0,n.createElement)("div",{className:"icon-controls__size"},(0,n.createElement)("span",null,(0,e.__)("Preview size","icon-block")),(0,n.createElement)(So.RangeControl,{min:24,max:400,initialPosition:48,withInputField:!1,onChange:e=>d(e)}))),!g&&(0,n.createElement)(So.Notice,{status:"error",isDismissible:!1},(0,e.__)("The custom icon does not appear to be in a valid SVG format or contains non-SVG elements.","icon-block"))),(0,n.createElement)("div",{className:"icon-insert-buttons"},(0,n.createElement)(So.Button,{label:(0,e.__)("Clear custom icon","icon-block"),isSecondary:!0,disabled:!h,onClick:()=>v("")},(0,e.__)("Clear","icon-block")),(0,n.createElement)(So.Button,{label:(0,e.__)("Insert custom icon","icon-block"),isPrimary:!0,disabled:!g||!h,onClick:function(){a({icon:h,iconName:""}),o(!1)}},(0,e.__)("Insert custom icon","icon-block"))))))}function No(t){var c,o;const[r,a]=(0,n.useState)(""),{setInserterOpen:s,isQuickInserterOpen:m,setQuickInserterOpen:h,setAttributes:v}=t;if(!m)return null;const w=xo(),d=bo(w),g=null!==(c=null===(o=w.filter((e=>e.isDefault))[0])||void 0===o?void 0:o.icons)&&void 0!==c?c:d;let u=[];if(r&&(u=d.filter((e=>{const t=r.toLowerCase();if(e.title.toLowerCase().includes(t))return!0;if(null!=e&&e.keywords&&!(0,i.isEmpty)(null==e?void 0:e.keywords)){const c=e.keywords.filter((e=>e.includes(t)));return!(0,i.isEmpty)(c)}return!1}))),!r){var p,V;const e=null!==(p=g.filter((e=>e.isDefault)))&&void 0!==p?p:[],t=null!==(V=g.filter((e=>!e.isDefault)))&&void 0!==V?V:[];u=u.concat(e,t)}u=u.slice(0,6);const E=(0,n.createElement)("div",{className:"block-editor-inserter__panel-content"},(0,n.createElement)("div",{className:"icons-list"},u.map((t=>{let c=t.icon;return"string"==typeof c&&(c=Ho(c)),(0,n.createElement)(So.Button,{key:`icon-${t.name}`,label:(0,e.__)("Insert Icon","icon-block"),className:l()("icons-list__item",{"has-no-icon-fill":null==t?void 0:t.hasNoIconFill}),onClick:()=>{var e,c;e=t.name,c=null==t?void 0:t.hasNoIconFill,v({icon:"",iconName:e,hasNoIconFill:c}),s(!1),h(!1),a("")}},(0,n.createElement)("span",{className:"icons-list__item-icon"},(0,n.createElement)(To,{icon:c})),(0,n.createElement)("span",{className:"icons-list__item-title"},t.title))})))),z=(0,n.createElement)("div",{className:"block-editor-inserter__no-results"},(0,n.createElement)(To,{icon:C,className:"block-editor-inserter__no-results-icon"}),(0,n.createElement)("p",null,(0,e.__)("No results found.","block-icon")));return(0,n.createElement)(So.Popover,{className:"wp-block-outermost-icon-inserter__quick-inserter block-editor-inserter__popover is-quick",onClose:()=>h(!1),position:"bottom center"},(0,n.createElement)("div",{className:"block-editor-inserter__quick-inserter"},(0,n.createElement)(So.SearchControl,{className:"block-editor-inserter__search",label:(0,e.__)("Search icons","icon-block"),hideLabelFromVision:!0,value:r,onChange:e=>a(e)}),(0,n.createElement)("div",{className:"block-editor-inserter__quick-inserter-results"},[(0,i.isEmpty)(u)&&z,!(0,i.isEmpty)(u)&&E]),(0,n.createElement)(So.Button,{className:"block-editor-inserter__quick-inserter-expand",onClick:()=>{s(!0),h(!1),a("")}},(0,e.__)("Browse all","icon-block"))))}function Io(t){const{setInserterOpen:c,isQuickInserterOpen:o,setQuickInserterOpen:l,setCustomInserterOpen:i,setAttributes:r,enableCustomIcons:a}=t,s=a?(0,e.__)("Choose an icon from the library or add your own custom SVG graphic.","icon-block"):(0,e.__)("Browse the icon library and choose one to insert.","icon-block");return(0,n.createElement)(So.Placeholder,{className:"has-illustration",icon:Bo,label:(0,e.__)("Icon"),instructions:s},(0,n.createElement)(To,{className:"components-placeholder__illustration",icon:Go}),(0,n.createElement)(So.Button,{isPrimary:!0,onClick:()=>l(!0)},(0,e.__)("Icon Library","icon-block")),a&&(0,n.createElement)(So.Button,{isTertiary:!0,onClick:()=>i(!0)},(0,e.__)("Insert custom SVG","icon-block")),(0,n.createElement)(No,{setInserterOpen:c,isQuickInserterOpen:o,setQuickInserterOpen:l,setAttributes:r}))}const Oo="noreferrer noopener";function Fo(t){let{selectedWidth:c,setAttributes:o}=t;return(0,n.createElement)(So.ButtonGroup,{"aria-label":(0,e.__)("Icon percent width","icon-block")},[25,50,75,100].map((e=>(0,n.createElement)(So.Button,{key:e,isSmall:!0,isPrimary:e===c,isPressed:e===c,onClick:()=>{var t;o({percentWidth:c===(t=e)?void 0:t})}},e,"%"))))}var Do=(0,r.withColors)({iconColor:"icon-color",iconBackgroundColor:"icon-background-color"})((function(t){var c,o,s,m;const{attributes:h,iconBackgroundColor:v,iconColor:w,setAttributes:d,setIconBackgroundColor:g,setIconColor:u}=t,{flipHorizontal:p,flipVertical:V,hasNoIconFill:E,icon:z,iconBackgroundColorValue:f,iconColorValue:x,iconName:b,itemsJustification:_,label:k,linkRel:C,linkTarget:M,linkUrl:H,percentWidth:y,rotate:L,title:S,width:P}=h,{gradientClass:B,gradientValue:G,setGradient:T}=(0,r.__experimentalUseGradient)(),[R,A]=(0,n.useState)(!1),[N,I]=(0,n.useState)(!1),[O,F]=(0,n.useState)(!1),[D,Z]=(0,n.useState)(!1),j=(0,a.applyFilters)("iconBlock.enableCustomIcons",!0),q=(0,n.useRef)(),U=(0,n.useRef)(),$=!!H,W="_blank"===M,Q=bo(xo()).filter((e=>e.name===b));let J=Bo;var X;z&&(0,i.isEmpty)(Q)&&(J=Ho(z),(0,i.isEmpty)(null===(X=J)||void 0===X?void 0:X.props)&&(J=Bo));let K=(0,i.isEmpty)(Q)?J:Q[0].icon;function Y(e){e.preventDefault(),Z(!0)}function ee(){d({linkUrl:void 0,linkTarget:void 0,linkRel:void 0}),Z(!1)}"string"==typeof K&&(K=Ho(K));const te=(0,n.createElement)(n.Fragment,null,(0,n.createElement)(r.BlockControls,{group:"block"},(0,n.createElement)(r.JustifyToolbar,{allowedControls:["left","center","right"],value:_,onChange:e=>d({itemsJustification:e})})),(z||b)&&(0,n.createElement)(r.BlockControls,null,(0,n.createElement)(So.ToolbarGroup,null,(0,n.createElement)(So.ToolbarButton,{name:"link",icon:ht,title:(0,e.__)("Link","icon-block"),shortcut:Po.displayShortcut.primary("k"),onClick:Y,isActive:$})),(0,n.createElement)(So.ToolbarGroup,null,(0,n.createElement)(So.ToolbarButton,{className:`outermost-icon-block__rotate-button-${L}`,icon:kc,label:(0,e.__)("Rotate","icon-block"),onClick:function(){let e=90;90===L?e=180:180===L?e=270:270===L&&(e=0),d({rotate:e})},isPressed:L}),(0,n.createElement)(So.ToolbarButton,{icon:ze,label:(0,e.__)("Flip Horizontal","icon-block"),onClick:()=>d({flipHorizontal:!p}),isPressed:p}),(0,n.createElement)(So.ToolbarButton,{icon:fe,label:(0,e.__)("Flip Vertical","icon-block"),onClick:()=>d({flipVertical:!V}),isPressed:V})),(0,n.createElement)(So.ToolbarGroup,null,j?(0,n.createElement)(So.Dropdown,{renderToggle:t=>{let{onToggle:c}=t;return(0,n.createElement)(So.ToolbarButton,{onClick:c},(0,e.__)("Replace"))},renderContent:t=>{let{onClose:c}=t;return(0,n.createElement)(So.NavigableMenu,null,(0,n.createElement)(So.MenuItem,{onClick:()=>{A(!0),c(!0)}},(0,e.__)("Browse icon library","icon-block")),(0,n.createElement)(So.MenuItem,{onClick:()=>{F(!0),c(!0)}},(0,e.__)("Add/edit custom icon","icon-block")))}}):(0,n.createElement)(So.ToolbarButton,{onClick:()=>{A(!0)}},(0,e.__)("Replace")))),D&&(0,n.createElement)(So.Popover,{position:"bottom center",onClose:()=>{var e;Z(!1),null===(e=U.current)||void 0===e||e.focus()},anchorRef:null==q?void 0:q.current,focusOnMount:!!D&&"firstElement"},(0,n.createElement)(r.__experimentalLinkControl,{className:"wp-block-navigation-link__inline-link-input",value:{url:H,opensInNewTab:W},onChange:e=>{let{url:t="",opensInNewTab:c}=e;d({linkUrl:t}),W!==c&&function(e){const t=e?"_blank":void 0;let c=C;t&&!C?c=Oo:t||C!==Oo||(c=void 0),d({linkTarget:t,linkRel:c})}(c)},onRemove:()=>{var e;ee(),null===(e=U.current)||void 0===e||e.focus()}}))),ce=(z||b)&&(0,n.createElement)(n.Fragment,null,(0,n.createElement)(r.InspectorControls,null,(0,n.createElement)(So.PanelBody,{className:"outermost-icon-block__icon-settings",title:(0,e.__)("Settings","icon-block")},(0,n.createElement)(So.TextControl,{label:(0,e.__)("Icon label","icon-block"),help:(0,e.__)("Briefly describe the icon to help screen reader users.","icon-block"),value:k,onChange:e=>d({label:e})}),(0,n.createElement)("div",{className:"icon-settings__width"},(0,n.createElement)(So.RangeControl,{label:(0,e.__)("Icon width","icon-block"),onChange:e=>d({width:e}),value:P||"",min:10,max:1e3,initialPosition:48,allowReset:!0,resetFallbackValue:48,disabled:y}),(0,n.createElement)(Fo,{selectedWidth:y,setAttributes:d}))),(0,n.createElement)("div",null,(0,n.createElement)(r.__experimentalPanelColorGradientSettings,{className:"outermost-icon-block__color-settings",title:(0,e.__)("Color"),initialOpen:!0,enableAlpha:!0,settings:[{colorValue:w.color||x,onColorChange:e=>{u(e),d({iconColorValue:e})},label:(0,e.__)("Icon color","icon-block")},{colorValue:v.color||f,onColorChange:e=>{g(e),d({iconBackgroundColorValue:e})},gradientValue:G,onGradientChange:T,label:(0,e.__)("Background color","icon-block")}],__experimentalHasMultipleOrigins:!0},(w.color||x)&&(0,n.createElement)(n.Fragment,null,(0,n.createElement)("p",{className:"outermost-icon-block__color-settings__help"},(0,e.__)("Any color or fill values in the SVG icon itself will take precedent over the chosen color.","icon-block")),(0,n.createElement)(So.ToggleControl,{checked:!E,label:(0,e.__)("Apply icon color to fill","icon-block"),help:(0,e.__)("Set the SVG fill value to the chosen icon color. Disable as needed.","icon-block"),onChange:()=>d({hasNoIconFill:!E})})),(0,n.createElement)(r.ContrastChecker,{textColor:x,backgroundColor:f,isLargeText:!1})))),(0,n.createElement)(r.InspectorControls,{__experimentalGroup:"advanced"},(0,n.createElement)(So.TextControl,{label:(0,e.__)("Link rel","icon-block"),value:C||"",onChange:e=>d({linkRel:e})}),(0,n.createElement)(So.TextControl,{label:(0,e.__)("Title attribute","icon-block"),className:"outermost-icon-block__title-control",value:S||"",onChange:e=>d({title:e}),help:(0,n.createElement)(n.Fragment,null,(0,e.__)("Describe the role of this icon on the page.","icon-block"),(0,n.createElement)(So.ExternalLink,{href:"https://www.w3.org/TR/html52/dom.html#the-title-attribute"},(0,e.__)("Note: many devices and browsers do not display this text","icon-block")))}))),ne=(0,r.useBlockProps)(),oe=(0,r.__experimentalGetBorderClassesAndStyles)(h),le=l()("icon-container",null==oe?void 0:oe.className,{"has-background-gradient":G,[B]:B,"has-icon-color":w.color||x,"has-icon-background-color":v.color||f||G,"has-no-icon-fill-color":E,[`items-justified-${_}`]:_,[`rotate-${L}`]:L,"flip-horizontal":p,"flip-vertical":V});let ie=P?`${P}px`:"48px";y&&(ie=`${y}%`);const re={background:G,backgroundColor:f,...ne.style,...oe.style,color:x,width:ie,marginBottom:void 0,marginLeft:void 0,marginRight:void 0,marginTop:void 0},ae={marginBottom:null===(c=ne.style)||void 0===c?void 0:c.marginBottom,marginLeft:null===(o=ne.style)||void 0===o?void 0:o.marginLeft,marginRight:null===(s=ne.style)||void 0===s?void 0:s.marginRight,marginTop:null===(m=ne.style)||void 0===m?void 0:m.marginTop},se=(0,n.createElement)(n.Fragment,null,z||b?(0,n.createElement)("div",{ref:U,className:le,style:re},K):(0,n.createElement)(Io,{setInserterOpen:A,isQuickInserterOpen:N,setQuickInserterOpen:I,isCustomInserterOpen:O,setCustomInserterOpen:F,setAttributes:d,enableCustomIcons:j}));return(0,n.createElement)(n.Fragment,null,te,ce,(0,n.createElement)("div",_o({},(0,r.useBlockProps)({className:_&&`items-justified-${_}`,ref:q,onKeyDown:function(e){if(Po.isKeyboardEvent.primary(e,"k"))Y(e);else if(Po.isKeyboardEvent.primaryShift(e,"k")){var t;ee(),null===(t=U.current)||void 0===t||t.focus()}}}),{style:ae}),se),(0,n.createElement)(Ro,{isInserterOpen:R,setInserterOpen:A,attributes:h,setAttributes:d}),j&&(0,n.createElement)(Ao,{isCustomInserterOpen:O,setCustomInserterOpen:F,attributes:h,setAttributes:d}))}));(0,t.registerBlockType)("outermost/icon-block",{title:(0,e.__)("Icon","icon-block"),icon:Bo,example:{attributes:{icon:'',iconColorValue:"#ffffff",iconBackgroundColorValue:"#000000",itemsJustification:"center",width:60,style:{border:{radius:50},spacing:{padding:{top:"10px",right:"10px",bottom:"10px",left:"10px"}}}}},edit:Do,save:function(e){var t;const{customGradient:c,flipHorizontal:o,flipVertical:a,gradient:s,hasNoIconFill:m,icon:h,iconBackgroundColor:v,iconBackgroundColorValue:w,iconColorValue:d,iconName:g,itemsJustification:u,label:p,linkRel:V,linkTarget:E,linkUrl:z,percentWidth:f,rotate:x,title:b,width:_}=e.attributes;if(!h&&!g)return null;const k=bo(xo()).filter((e=>e.name===g));let C="";var M,H;if(h&&(0,i.isEmpty)(k)?(C=Ho(h),(0,i.isEmpty)(null===(M=C)||void 0===M?void 0:M.props)&&(C="")):(C=null===(H=k[0])||void 0===H?void 0:H.icon,"string"==typeof C&&(C=Ho(C))),!C)return null;p&&(C={...C,props:{...C.props,"aria-label":p}});const y=r.useBlockProps.save(),L=(0,r.__experimentalGetBorderClassesAndStyles)(e.attributes),S=l()("icon-container",null==L?void 0:L.className,{"has-icon-color":d,"has-icon-background-color":w||v||s||c,"has-no-icon-fill-color":m,[`has-${v}-background-color`]:v,[`has-${s}-gradient-background`]:s,[`rotate-${x}`]:x,"flip-horizontal":o,"flip-vertical":a});let P=_?`${_}px`:"48px";f&&(P=`${f}%`);const B={background:s?void 0:c,backgroundColor:v?void 0:w,...y.style,...L.style,color:d,width:P,marginBottom:void 0,marginLeft:void 0,marginRight:void 0,marginTop:void 0},G=null===(t=r.useBlockProps.save())||void 0===t?void 0:t.style,T={marginBottom:null==G?void 0:G.marginBottom,marginLeft:null==G?void 0:G.marginLeft,marginRight:null==G?void 0:G.marginRight,marginTop:null==G?void 0:G.marginTop},R=(0,i.isEmpty)(V)?void 0:V,A=(0,i.isEmpty)(E)?void 0:E,N=(0,n.createElement)(n.Fragment,null,z?(0,n.createElement)("a",{className:S,href:z,target:A,rel:R,style:B,"aria-label":p},C):(0,n.createElement)("div",{className:S,style:B},C));return(0,n.createElement)("div",_o({},r.useBlockProps.save({className:u&&`items-justified-${u}`}),{style:T,title:b}),N)},deprecated:Lo})}()}(); \ No newline at end of file