From 4248885ee8ec71d71d70fcbf31503673ca50ba5b Mon Sep 17 00:00:00 2001 From: Henrique Mouta Date: Fri, 1 Mar 2024 15:56:34 +0000 Subject: [PATCH 1/3] Add tooltip with category percentage to the multi percentage bar --- build/content-helper/editor-sidebar.asset.php | 2 +- build/content-helper/editor-sidebar.css | 2 +- build/content-helper/editor-sidebar.js | 2 +- .../component-panel-categories.tsx | 71 ++++++++++--------- .../performance-details.scss | 14 ++++ 5 files changed, 53 insertions(+), 38 deletions(-) diff --git a/build/content-helper/editor-sidebar.asset.php b/build/content-helper/editor-sidebar.asset.php index 6d9277a02..8aa19a6cd 100644 --- a/build/content-helper/editor-sidebar.asset.php +++ b/build/content-helper/editor-sidebar.asset.php @@ -1 +1 @@ - array('react', 'wp-api-fetch', 'wp-block-editor', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-edit-post', 'wp-editor', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-plugins', 'wp-primitives', 'wp-url'), 'version' => 'b4904bfe548e7a752a72'); + array('react', 'wp-api-fetch', 'wp-block-editor', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-edit-post', 'wp-editor', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-plugins', 'wp-primitives', 'wp-url'), 'version' => '8a7a2dd73718a70e2a36'); diff --git a/build/content-helper/editor-sidebar.css b/build/content-helper/editor-sidebar.css index 50efdd4f8..f0ddd470b 100644 --- a/build/content-helper/editor-sidebar.css +++ b/build/content-helper/editor-sidebar.css @@ -1,4 +1,4 @@ .wp-parsely-beta-badge{align-self:end;background-color:var(--parsely-green);border-radius:.34em;box-shadow:0 .0625rem .1875rem rgba(0,0,0,.2);color:#fff;display:inline-block;font-size:.75rem;font-weight:700;margin:.125em .125em .125em auto;opacity:.8;padding:.15em .65em;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none}.parsely-tone-selector-dropdown{margin-bottom:.625rem;overflow-wrap:break-word;width:100%;word-break:break-word}.parsely-tone-selector-dropdown.is-disabled{opacity:.5;pointer-events:none}.parsely-tone-selector-dropdown .components-dropdown-menu__toggle{display:flex;gap:.625rem;width:100%}.parsely-tone-selector-dropdown .components-dropdown-menu__toggle svg:first-of-type path{transform:scale(1.4);transform-origin:center}.parsely-tone-selector-dropdown .parsely-tone-selector-label{flex-grow:2;text-align:left}.parsely-tone-selector-dropdown .parsely-tone-selector-label:first-letter{text-transform:uppercase}#wp-parsely-dashboard-widget,.components-button[aria-controls="wp-parsely-block-editor-sidebar:wp-parsely-content-helper"],.settings_page_parsely,.wp-parsely-content-helper,.wp-parsely-excerpt-generator,.wp-parsely-panel,.wp-parsely-popover{--base-font:"source-sans-pro",arial,sans-serif;--numeric-font:"ff-din-round-web",sans-serif;--parsely-green:#59a744;--parsely-green-10:#c7ecb1;--parsely-green-65:#2a691b;--gray-200:#f7f8f9;--gray-300:#edeeef;--gray-400:#d7dbdf;--gray-500:#959da5;--gray-600:#586069;--gray-700:#444d56;--gray-900:#24292e;--blue-500:#44a8e5;--blue-550:#2596db;--green-500:#7bc01b;--green-900:#3d6307;--ref-direct:205,13%,52%;--ref-internal:161,91%,41%;--ref-social:210,72%,41%;--ref-search:42,100%,50%;--ref-other:3,76%,58%;--base-text:var(--gray-900);--base-text-2:var(--gray-600);--base-3:var(--gray-400);--border:var(--gray-400);--data:var(--green-500);--control:var(--blue-500);--grid-unit-5:0.25rem;--grid-unit-10:0.5rem;--grid-unit-15:0.75rem;--grid-unit-20:1rem;--font-size--smaller:0.688rem;--font-size--small:0.75rem;--font-size--medium:0.875rem;--font-size--large:1rem;--font-size--extra-large:1.2rem;--black:#000;--sidebar-black:#1e1e1e;--sidebar-white:#f0f0f0}.parsely-persona-selector-dropdown{margin-bottom:.625rem;overflow-wrap:break-word;width:100%;word-break:break-word}.parsely-persona-selector-dropdown.is-disabled{opacity:.5;pointer-events:none}.parsely-persona-selector-dropdown .components-dropdown-menu__toggle{display:flex;gap:.625rem;width:100%}.parsely-persona-selector-dropdown .parsely-persona-selector-label{flex-grow:2;text-align:left}.parsely-persona-selector-dropdown .parsely-persona-selector-label:first-letter{text-transform:uppercase}.wp-parsely-popover button.components-button.components-menu-item__button.is-selected,.wp-parsely-popover button.components-button.components-menu-item__button.is-selected:focus{box-shadow:0 0 0 2px var(--parsely-green);outline:3px solid transparent}.parsely-panel-settings{width:100%}.parsely-panel-settings .parsely-panel-settings-header{display:flex;margin:.625rem 0;width:100%}.parsely-panel-settings .parsely-panel-settings-header .parsely-panel-settings-header-label{flex-grow:2;margin:0 0 0 .3125rem;text-align:left}.parsely-panel-settings .parsely-panel-settings-header .parsely-panel-settings-header-label .components-base-control__field{align-items:center;display:flex;justify-content:space-between}.parsely-panel-settings .parsely-panel-settings-header .parsely-panel-settings-header-label .components-base-control__field .components-base-control__label{margin-bottom:0}.wp-parsely-content-helper-error{align-self:flex-start;margin:0}.wp-parsely-content-helper-error p{margin:0}.wp-parsely-content-helper-error .content-helper-error-message{margin:0!important} #wp-parsely-dashboard-widget,.components-button[aria-controls="wp-parsely-block-editor-sidebar:wp-parsely-content-helper"],.settings_page_parsely,.wp-parsely-content-helper,.wp-parsely-excerpt-generator,.wp-parsely-panel,.wp-parsely-popover{--base-font:"source-sans-pro",arial,sans-serif;--numeric-font:"ff-din-round-web",sans-serif;--parsely-green:#59a744;--parsely-green-10:#c7ecb1;--parsely-green-65:#2a691b;--gray-200:#f7f8f9;--gray-300:#edeeef;--gray-400:#d7dbdf;--gray-500:#959da5;--gray-600:#586069;--gray-700:#444d56;--gray-900:#24292e;--blue-500:#44a8e5;--blue-550:#2596db;--green-500:#7bc01b;--green-900:#3d6307;--ref-direct:205,13%,52%;--ref-internal:161,91%,41%;--ref-social:210,72%,41%;--ref-search:42,100%,50%;--ref-other:3,76%,58%;--base-text:var(--gray-900);--base-text-2:var(--gray-600);--base-3:var(--gray-400);--border:var(--gray-400);--data:var(--green-500);--control:var(--blue-500);--grid-unit-5:0.25rem;--grid-unit-10:0.5rem;--grid-unit-15:0.75rem;--grid-unit-20:1rem;--font-size--smaller:0.688rem;--font-size--small:0.75rem;--font-size--medium:0.875rem;--font-size--large:1rem;--font-size--extra-large:1.2rem;--black:#000;--sidebar-black:#1e1e1e;--sidebar-white:#f0f0f0}.wp-parsely-block-overlay{align-items:center;background-color:hsla(0,0%,100%,.85);box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.wp-parsely-block-overlay .wp-parsely-block-overlay-label{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wp-parsely-block-overlay svg{height:1.5625rem;width:1.5625rem}.wp-parsely-block-overlay.full-content-overlay{font-size:1.25rem;z-index:999}.wp-parsely-block-overlay.full-content-overlay span{margin-top:.9375rem}.wp-parsely-block-overlay.full-content-overlay svg{height:3.125rem;width:3.125rem}.wp-parsely-panel .wp-parsely-icon{margin-right:.3125rem;order:-1}.wp-parsely-smart-linking .components-panel__row{flex-direction:column}.wp-parsely-smart-linking .wp-parsely-smart-linking-text{margin-bottom:.625rem}.wp-parsely-smart-linking .wp-parsely-smart-linking-generate{align-items:center;display:flex;flex-direction:column}.wp-parsely-smart-linking .wp-parsely-smart-linking-generate button{margin:.625rem 0}.wp-parsely-smart-linking .wp-parsely-smart-linking-generate .components-disabled .components-checkbox-control__label{color:var(--gray-500)}.wp-parsely-smart-linking .wp-parsely-smart-linking-generate .components-button{margin-bottom:.625rem;width:-moz-fit-content;width:fit-content}.wp-parsely-smart-linking .wp-parsely-smart-linking-generate .components-base-control{margin-bottom:0!important;margin-top:.625rem}.wp-parsely-smart-linking .wp-parsely-smart-linking-generate .components-base-control .components-base-control__field{display:flex}.wp-parsely-smart-linking .wp-parsely-smart-linking-hint,.wp-parsely-smart-linking .wp-parsely-smart-linking-suggested-links{margin:0} -#wp-parsely-dashboard-widget,.components-button[aria-controls="wp-parsely-block-editor-sidebar:wp-parsely-content-helper"],.settings_page_parsely,.wp-parsely-content-helper,.wp-parsely-excerpt-generator,.wp-parsely-panel,.wp-parsely-popover{--base-font:"source-sans-pro",arial,sans-serif;--numeric-font:"ff-din-round-web",sans-serif;--parsely-green:#59a744;--parsely-green-10:#c7ecb1;--parsely-green-65:#2a691b;--gray-200:#f7f8f9;--gray-300:#edeeef;--gray-400:#d7dbdf;--gray-500:#959da5;--gray-600:#586069;--gray-700:#444d56;--gray-900:#24292e;--blue-500:#44a8e5;--blue-550:#2596db;--green-500:#7bc01b;--green-900:#3d6307;--ref-direct:205,13%,52%;--ref-internal:161,91%,41%;--ref-social:210,72%,41%;--ref-search:42,100%,50%;--ref-other:3,76%,58%;--base-text:var(--gray-900);--base-text-2:var(--gray-600);--base-3:var(--gray-400);--border:var(--gray-400);--data:var(--green-500);--control:var(--blue-500);--grid-unit-5:0.25rem;--grid-unit-10:0.5rem;--grid-unit-15:0.75rem;--grid-unit-20:1rem;--font-size--smaller:0.688rem;--font-size--small:0.75rem;--font-size--medium:0.875rem;--font-size--large:1rem;--font-size--extra-large:1.2rem;--black:#000;--sidebar-black:#1e1e1e;--sidebar-white:#f0f0f0}.wp-parsely-content-helper .wp-parsely-performance-panel{border-top:1px solid #ddd;margin-top:-1px;padding:16px}.wp-parsely-content-helper .wp-parsely-performance-panel .components-button.wp-parsely-view-post{align-items:center;display:flex;justify-content:center;width:100%}.wp-parsely-content-helper .wp-parsely-performance-panel .panel-body{width:100%}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-stat-panel{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:.5rem;padding:.375rem 0 1rem}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-stat-panel .panel-header{align-items:center;display:flex;gap:.375rem;height:1rem;margin-bottom:0;width:100%}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-stat-panel .panel-header.level-2{margin-bottom:.9375rem}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-stat-panel .panel-header.level-2 h2{margin-bottom:0}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-stat-panel .panel-header.level-3 h3{font-size:var(--font-size--smaller,.6875rem);font-style:normal;font-weight:600;line-height:1rem;margin-bottom:0;text-transform:uppercase}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-stat-panel .panel-subtitle{align-items:center;align-self:stretch;color:var(--Gutenberg-Gray-700,#757575);display:flex;flex:1 0 0;font-size:var(--font-size--smaller,.6875rem);font-style:normal;font-weight:600;gap:.375rem;height:1rem;line-height:1rem;text-transform:uppercase}.wp-parsely-content-helper .wp-parsely-performance-panel .panel-settings .components-select-control{align-items:flex-start;align-self:stretch;display:flex;gap:1rem}.wp-parsely-content-helper .wp-parsely-performance-panel .panel-settings .components-input-control__prefix{margin-left:.5rem}.wp-parsely-content-helper .wp-parsely-performance-panel .panel-settings .components-input-control{align-items:center;align-self:stretch;display:flex;gap:var(--grid-unit-05,4px);height:2.25rem;padding:var(--grid-unit-15,12px) var(--grid-unit-10,8px) var(--grid-unit-15,12px) var(--grid-unit-20,16px)}.wp-parsely-content-helper .wp-parsely-performance-panel .components-heading{display:block;font-weight:500;line-height:normal;margin:0}.wp-parsely-content-helper .wp-parsely-performance-panel .components-dropdown-menu{line-height:0}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-data-points{align-content:flex-start;align-items:flex-start;align-self:stretch;display:flex;flex-wrap:wrap;gap:1rem var(--grid-unit-20,1rem)}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-data-points .data-point{align-items:center;background:var(--sidebar-white,#f0f0f0);border-radius:.25rem;display:flex;flex:1 0 0;flex-direction:column;gap:var(--grid-unit-05,.25rem);justify-content:center;min-width:100px;padding:var(--grid-unit-20,1rem) var(--grid-unit-10,.5rem)}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-data-points .data-point svg{align-items:flex-start;border-radius:.125rem;display:flex}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-data-points .data-point .data-point-title{align-self:stretch;color:var(--sidebar-black,#1e1e1e);font-size:.75rem;font-style:normal;font-weight:400;line-height:1rem;text-align:center}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-data-points .data-point .data-point-value{align-self:stretch;color:var(--sidebar-black,#1e1e1e);font-size:1.25rem;font-style:normal;font-weight:590;line-height:1.75rem;text-align:center}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-data-points .data-point .data-point-value.is-small{font-size:var(--font-size--medium,.875rem)}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar{align-items:flex-start;align-self:stretch;border-radius:.125rem;display:flex;height:1rem;margin:1rem 0}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill{align-self:stretch}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill:first-child{border-radius:var(--radius) 0 0 var(--radius)}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill:last-child{border-radius:0 var(--radius) var(--radius) 0}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill.direct{background-color:hsl(var(--ref-direct))}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill.internal{background-color:hsl(var(--ref-internal))}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill.search{background-color:hsl(var(--ref-search))}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill.social{background-color:hsl(var(--ref-social))}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill.other{background-color:hsl(var(--ref-other))}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--grid-unit-20,1rem)}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label{align-items:center;align-self:stretch;display:flex;gap:.5rem;justify-content:center}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-color{align-items:center;border-radius:.09375rem;display:flex;flex-direction:column;gap:.625rem;height:.625rem;justify-content:center;width:.1875rem}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-color.direct{background-color:hsl(var(--ref-direct))}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-color.internal{background-color:hsl(var(--ref-internal))}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-color.search{background-color:hsl(var(--ref-search))}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-color.social{background-color:hsl(var(--ref-social))}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-color.other{background-color:hsl(var(--ref-other))}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-text{-webkit-box-orient:vertical;-webkit-line-clamp:1;font-feature-settings:"ss06" on;color:var(--sidebar-black,#1e1e1e);display:-webkit-box;flex:1 0 0;font-size:var(--font-size--small,.75rem);font-style:normal;font-weight:400;line-height:1rem;overflow:hidden;text-overflow:ellipsis}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-value{color:var(--sidebar-black,#1e1e1e);font-size:var(--font-size--small,.75rem);font-style:normal;font-weight:590;line-height:1rem;text-align:right}.wp-parsely-content-helper .wp-parsely-performance-panel .referrers-list{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--grid-unit-20,1rem);margin:1rem 0}.wp-parsely-content-helper .wp-parsely-performance-panel .referrers-list .referrers-row{align-items:center;align-self:stretch;display:flex;gap:var(--grid-unit-10,.5rem);justify-content:space-between}.wp-parsely-content-helper .wp-parsely-performance-panel .referrers-list .referrers-row .referrers-row-title{-webkit-box-orient:vertical;-webkit-line-clamp:1;font-feature-settings:"ss06" on;color:var(--sidebar-black,#1e1e1e);display:-webkit-box;flex:1;font-size:var(--font-size--small,.75rem);font-style:normal;font-weight:400;line-height:1rem;overflow:hidden;text-overflow:ellipsis}.wp-parsely-content-helper .wp-parsely-performance-panel .referrers-list .referrers-row .referrers-row-bar{display:flex;flex:1;flex-direction:column;gap:.625rem;justify-content:center;max-width:6.25rem}.wp-parsely-content-helper .wp-parsely-performance-panel .referrers-list .referrers-row .referrers-row-bar .percentage-bar{--radius:to_rem(1.5px);background:var(--gray-400,#d7dbdf);border-radius:var(--radius);display:flex;height:.1875rem;margin:0;overflow:hidden}.wp-parsely-content-helper .wp-parsely-performance-panel .referrers-list .referrers-row .referrers-row-bar .percentage-bar:after{background:var(--blueberry,#3858e9);border-radius:var(--radius);content:"";height:100%;width:var(--bar-fill)}.wp-parsely-content-helper .wp-parsely-performance-panel .referrers-list .referrers-row .referrers-row-value{color:var(--sidebar-black,#1e1e1e);flex-shrink:0;font-size:var(--font-size--small,.75rem);font-style:normal;font-weight:590;line-height:1rem;min-width:3.125rem;text-align:right} +#wp-parsely-dashboard-widget,.components-button[aria-controls="wp-parsely-block-editor-sidebar:wp-parsely-content-helper"],.settings_page_parsely,.wp-parsely-content-helper,.wp-parsely-excerpt-generator,.wp-parsely-panel,.wp-parsely-popover{--base-font:"source-sans-pro",arial,sans-serif;--numeric-font:"ff-din-round-web",sans-serif;--parsely-green:#59a744;--parsely-green-10:#c7ecb1;--parsely-green-65:#2a691b;--gray-200:#f7f8f9;--gray-300:#edeeef;--gray-400:#d7dbdf;--gray-500:#959da5;--gray-600:#586069;--gray-700:#444d56;--gray-900:#24292e;--blue-500:#44a8e5;--blue-550:#2596db;--green-500:#7bc01b;--green-900:#3d6307;--ref-direct:205,13%,52%;--ref-internal:161,91%,41%;--ref-social:210,72%,41%;--ref-search:42,100%,50%;--ref-other:3,76%,58%;--base-text:var(--gray-900);--base-text-2:var(--gray-600);--base-3:var(--gray-400);--border:var(--gray-400);--data:var(--green-500);--control:var(--blue-500);--grid-unit-5:0.25rem;--grid-unit-10:0.5rem;--grid-unit-15:0.75rem;--grid-unit-20:1rem;--font-size--smaller:0.688rem;--font-size--small:0.75rem;--font-size--medium:0.875rem;--font-size--large:1rem;--font-size--extra-large:1.2rem;--black:#000;--sidebar-black:#1e1e1e;--sidebar-white:#f0f0f0}.wp-parsely-content-helper .wp-parsely-performance-panel{border-top:1px solid #ddd;margin-top:-1px;padding:16px}.wp-parsely-content-helper .wp-parsely-performance-panel .components-button.wp-parsely-view-post{align-items:center;display:flex;justify-content:center;width:100%}.wp-parsely-content-helper .wp-parsely-performance-panel .panel-body{width:100%}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-stat-panel{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:.5rem;padding:.375rem 0 1rem}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-stat-panel .panel-header{align-items:center;display:flex;gap:.375rem;height:1rem;margin-bottom:0;width:100%}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-stat-panel .panel-header.level-2{margin-bottom:.9375rem}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-stat-panel .panel-header.level-2 h2{margin-bottom:0}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-stat-panel .panel-header.level-3 h3{font-size:var(--font-size--smaller,.6875rem);font-style:normal;font-weight:600;line-height:1rem;margin-bottom:0;text-transform:uppercase}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-stat-panel .panel-subtitle{align-items:center;align-self:stretch;color:var(--Gutenberg-Gray-700,#757575);display:flex;flex:1 0 0;font-size:var(--font-size--smaller,.6875rem);font-style:normal;font-weight:600;gap:.375rem;height:1rem;line-height:1rem;text-transform:uppercase}.wp-parsely-content-helper .wp-parsely-performance-panel .panel-settings .components-select-control{align-items:flex-start;align-self:stretch;display:flex;gap:1rem}.wp-parsely-content-helper .wp-parsely-performance-panel .panel-settings .components-input-control__prefix{margin-left:.5rem}.wp-parsely-content-helper .wp-parsely-performance-panel .panel-settings .components-input-control{align-items:center;align-self:stretch;display:flex;gap:var(--grid-unit-05,4px);height:2.25rem;padding:var(--grid-unit-15,12px) var(--grid-unit-10,8px) var(--grid-unit-15,12px) var(--grid-unit-20,16px)}.wp-parsely-content-helper .wp-parsely-performance-panel .components-heading{display:block;font-weight:500;line-height:normal;margin:0}.wp-parsely-content-helper .wp-parsely-performance-panel .components-dropdown-menu{line-height:0}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-data-points{align-content:flex-start;align-items:flex-start;align-self:stretch;display:flex;flex-wrap:wrap;gap:1rem var(--grid-unit-20,1rem)}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-data-points .data-point{align-items:center;background:var(--sidebar-white,#f0f0f0);border-radius:.25rem;display:flex;flex:1 0 0;flex-direction:column;gap:var(--grid-unit-05,.25rem);justify-content:center;min-width:100px;padding:var(--grid-unit-20,1rem) var(--grid-unit-10,.5rem)}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-data-points .data-point svg{align-items:flex-start;border-radius:.125rem;display:flex}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-data-points .data-point .data-point-title{align-self:stretch;color:var(--sidebar-black,#1e1e1e);font-size:.75rem;font-style:normal;font-weight:400;line-height:1rem;text-align:center}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-data-points .data-point .data-point-value{align-self:stretch;color:var(--sidebar-black,#1e1e1e);font-size:1.25rem;font-style:normal;font-weight:590;line-height:1.75rem;text-align:center}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-data-points .data-point .data-point-value.is-small{font-size:var(--font-size--medium,.875rem)}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar{align-items:flex-start;align-self:stretch;border-radius:.125rem;display:flex;height:1rem;margin:1rem 0;position:relative}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill{align-self:stretch;position:relative;transition:filter .1s ease,transform .1s ease}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill:hover{border-radius:.125rem;filter:brightness(1);transform:scaleX(1.05) scaleY(1.2);z-index:2}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill:first-child{border-radius:var(--radius) 0 0 var(--radius)}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill:last-child{border-radius:0 var(--radius) var(--radius) 0}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill.direct{background-color:hsl(var(--ref-direct))}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill.internal{background-color:hsl(var(--ref-internal))}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill.search{background-color:hsl(var(--ref-search))}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill.social{background-color:hsl(var(--ref-social))}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill.other{background-color:hsl(var(--ref-other))}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar:hover .bar-fill{filter:brightness(.8)}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--grid-unit-20,1rem)}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label{align-items:center;align-self:stretch;display:flex;gap:.5rem;justify-content:center}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-color{align-items:center;border-radius:.09375rem;display:flex;flex-direction:column;gap:.625rem;height:.625rem;justify-content:center;width:.1875rem}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-color.direct{background-color:hsl(var(--ref-direct))}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-color.internal{background-color:hsl(var(--ref-internal))}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-color.search{background-color:hsl(var(--ref-search))}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-color.social{background-color:hsl(var(--ref-social))}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-color.other{background-color:hsl(var(--ref-other))}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-text{-webkit-box-orient:vertical;-webkit-line-clamp:1;font-feature-settings:"ss06" on;color:var(--sidebar-black,#1e1e1e);display:-webkit-box;flex:1 0 0;font-size:var(--font-size--small,.75rem);font-style:normal;font-weight:400;line-height:1rem;overflow:hidden;text-overflow:ellipsis}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-value{color:var(--sidebar-black,#1e1e1e);font-size:var(--font-size--small,.75rem);font-style:normal;font-weight:590;line-height:1rem;text-align:right}.wp-parsely-content-helper .wp-parsely-performance-panel .referrers-list{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--grid-unit-20,1rem);margin:1rem 0}.wp-parsely-content-helper .wp-parsely-performance-panel .referrers-list .referrers-row{align-items:center;align-self:stretch;display:flex;gap:var(--grid-unit-10,.5rem);justify-content:space-between}.wp-parsely-content-helper .wp-parsely-performance-panel .referrers-list .referrers-row .referrers-row-title{-webkit-box-orient:vertical;-webkit-line-clamp:1;font-feature-settings:"ss06" on;color:var(--sidebar-black,#1e1e1e);display:-webkit-box;flex:1;font-size:var(--font-size--small,.75rem);font-style:normal;font-weight:400;line-height:1rem;overflow:hidden;text-overflow:ellipsis}.wp-parsely-content-helper .wp-parsely-performance-panel .referrers-list .referrers-row .referrers-row-bar{display:flex;flex:1;flex-direction:column;gap:.625rem;justify-content:center;max-width:6.25rem}.wp-parsely-content-helper .wp-parsely-performance-panel .referrers-list .referrers-row .referrers-row-bar .percentage-bar{--radius:to_rem(1.5px);background:var(--gray-400,#d7dbdf);border-radius:var(--radius);display:flex;height:.1875rem;margin:0;overflow:hidden}.wp-parsely-content-helper .wp-parsely-performance-panel .referrers-list .referrers-row .referrers-row-bar .percentage-bar:after{background:var(--blueberry,#3858e9);border-radius:var(--radius);content:"";height:100%;width:var(--bar-fill)}.wp-parsely-content-helper .wp-parsely-performance-panel .referrers-list .referrers-row .referrers-row-value{color:var(--sidebar-black,#1e1e1e);flex-shrink:0;font-size:var(--font-size--small,.75rem);font-style:normal;font-weight:590;line-height:1rem;min-width:3.125rem;text-align:right} #wp-parsely-dashboard-widget,.components-button[aria-controls="wp-parsely-block-editor-sidebar:wp-parsely-content-helper"],.settings_page_parsely,.wp-parsely-content-helper,.wp-parsely-excerpt-generator,.wp-parsely-panel,.wp-parsely-popover{--base-font:"source-sans-pro",arial,sans-serif;--numeric-font:"ff-din-round-web",sans-serif;--parsely-green:#59a744;--parsely-green-10:#c7ecb1;--parsely-green-65:#2a691b;--gray-200:#f7f8f9;--gray-300:#edeeef;--gray-400:#d7dbdf;--gray-500:#959da5;--gray-600:#586069;--gray-700:#444d56;--gray-900:#24292e;--blue-500:#44a8e5;--blue-550:#2596db;--green-500:#7bc01b;--green-900:#3d6307;--ref-direct:205,13%,52%;--ref-internal:161,91%,41%;--ref-social:210,72%,41%;--ref-search:42,100%,50%;--ref-other:3,76%,58%;--base-text:var(--gray-900);--base-text-2:var(--gray-600);--base-3:var(--gray-400);--border:var(--gray-400);--data:var(--green-500);--control:var(--blue-500);--grid-unit-5:0.25rem;--grid-unit-10:0.5rem;--grid-unit-15:0.75rem;--grid-unit-20:1rem;--font-size--smaller:0.688rem;--font-size--small:0.75rem;--font-size--medium:0.875rem;--font-size--large:1rem;--font-size--extra-large:1.2rem;--black:#000;--sidebar-black:#1e1e1e;--sidebar-white:#f0f0f0}.components-button[aria-controls="wp-parsely-block-editor-sidebar:wp-parsely-content-helper"]:focus,.components-button[aria-controls="wp-parsely-block-editor-sidebar:wp-parsely-content-helper"]:hover{background-color:#fff}.components-button[aria-controls="wp-parsely-block-editor-sidebar:wp-parsely-content-helper"].is-pressed,.components-button[aria-controls="wp-parsely-block-editor-sidebar:wp-parsely-content-helper"].is-pressed:hover{background-color:var(--parsely-green-65)}.components-button[aria-controls="wp-parsely-block-editor-sidebar:wp-parsely-content-helper"].is-pressed .wp-parsely-sidebar-icon path,.components-button[aria-controls="wp-parsely-block-editor-sidebar:wp-parsely-content-helper"].is-pressed:hover .wp-parsely-sidebar-icon path{fill:var(--parsely-green-10)}.wp-parsely-content-helper .wp-parsely-sidebar-header{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:1.5rem}.wp-parsely-content-helper .wp-parsely-sidebar-header .components-button{align-items:center;display:flex;justify-content:center;width:100%}.wp-parsely-content-helper .wp-parsely-sidebar-main-panel .wp-parsely-sidebar-tabs .components-tab-panel__tabs button{align-items:center;display:flex;flex:1 0 0;flex-direction:column;height:3rem}.wp-parsely-content-helper .wp-parsely-sidebar-main-panel .wp-parsely-sidebar-tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:after{background:var(--gray-400);height:calc(var(--wp-admin-border-width-focus)*1);outline:2px solid transparent;outline-offset:-1px}.wp-parsely-content-helper .wp-parsely-sidebar-main-panel .wp-parsely-sidebar-tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active:after{background:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9))}.wp-parsely-content-helper .parsely-spinner-wrapper{display:flex;justify-content:center;margin:2.5rem 0}.wp-parsely-content-helper .parsely-spinner-wrapper svg{height:22px;width:22px}.wp-parsely-content-helper .content-helper-error-message,.wp-parsely-content-helper .wp-parsely-content-helper-error .content-helper-error-message{margin-top:.9375rem!important}.wp-parsely-content-helper p.content-helper-error-message-hint{color:var(--gray-700)}.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-related-posts{list-style-type:none;margin:1.375rem 0 0}.wp-parsely-content-helper .parsely-related-posts-wrapper p.parsely-related-posts-descr{color:var(--gray-700);margin-top:.9375rem}.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-related-post{border-top:1px solid var(--gray-300);margin-bottom:.3125rem;padding:.625rem 0}.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-related-post-title a{line-height:16px;text-decoration:none}.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-related-post-stats-link{color:var(--black);font-size:.875rem;margin-right:.4375rem}.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-related-post-stats-link:hover{color:var(--blue-550)}.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-post-metric-data span.dashicon,.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-post-metric-data svg{fill:var(--gray-600);margin-right:.1875rem;position:relative;top:2px}.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-post-metric-data span.dashicon{color:var(--gray-600);font-size:16px;height:16px;width:16px}.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-related-post-edit-link,.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-related-post-view-link{display:inline-block;height:16px;margin-right:.1875rem;position:relative;width:16px}.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-related-post-edit-link svg,.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-related-post-view-link svg{fill:#8d98a1;position:absolute;top:2px}.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-related-post-edit-link:hover svg,.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-related-post-view-link:hover svg{fill:var(--blue-550)}.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-related-post-info{align-items:center;display:flex;justify-content:space-between;margin:.3125rem 0 0}.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-related-post-info>span{color:var(--gray-600);display:flex;margin-bottom:0}.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-related-post-info>span:not(:first-child){margin-left:.3125rem}.wp-parsely-content-helper .parsely-write-titles-wrapper{display:flex;flex-direction:column}.wp-parsely-content-helper .parsely-write-titles-wrapper .parsely-write-titles-text{margin-bottom:.625rem}.wp-parsely-content-helper .parsely-write-titles-wrapper .parsely-write-titles-text strong{text-transform:lowercase}.wp-parsely-content-helper .parsely-write-titles-wrapper .parsely-write-titles-generate-button{display:flex;justify-content:center;margin:.625rem 0}.wp-parsely-content-helper .parsely-write-titles-wrapper .parsely-write-titles-accepted-title-container .parsely-write-titles-accepted-title{font-size:1rem;font-weight:600;line-height:1.25rem;margin:0 0 .9375rem;text-align:center}.wp-parsely-content-helper .parsely-write-titles-wrapper .parsely-write-titles-accepted-title-container .parsely-write-titles-accepted-title-actions{display:flex;gap:.625rem;justify-content:center;margin:.625rem 0}.wp-parsely-content-helper .parsely-write-titles-wrapper .parsely-write-titles-title-suggestions-container{margin:.625rem 0 0}.wp-parsely-content-helper .parsely-write-titles-wrapper .parsely-write-titles-title-suggestions-container .parsely-write-titles-title-suggestion{border-top:1px solid var(--gray-300);display:flex;padding:1rem 0}.wp-parsely-content-helper .parsely-write-titles-wrapper .parsely-write-titles-title-suggestions-container .parsely-write-titles-title-suggestion .parsely-write-titles-suggested-title{flex:1;font-size:.875rem;font-weight:600;padding:0 .5rem 0 .3125rem}.wp-parsely-content-helper .parsely-write-titles-wrapper .parsely-write-titles-title-suggestions-container .parsely-write-titles-title-suggestion .parsely-write-titles-suggested-title-actions{display:flex;flex-direction:column;width:1.5625rem}.wp-parsely-content-helper .parsely-write-titles-wrapper .parsely-write-titles-title-suggestions-container .parsely-write-titles-title-suggestion .parsely-write-titles-suggested-title-actions .components-button-group .components-button{margin-left:0}.wp-parsely-content-helper .parsely-write-titles-wrapper .parsely-write-titles-title-suggestions-container .parsely-write-titles-title-suggestion .parsely-write-titles-suggested-title-actions .is-pinned{background-color:var(--gray-500);box-shadow:inset 0 0 0 1px var(--sidebar-black);color:#fff}.wp-parsely-content-helper .parsely-write-titles-wrapper .parsely-write-titles-title-suggestions-container .parsely-write-titles-title-suggestion.original-title{background-color:var(--gray-200);border:0;color:var(--gray-600);margin-bottom:.9375rem;padding:.3125rem}.wp-parsely-content-helper .parsely-write-titles-wrapper .parsely-write-titles-title-suggestions-container .parsely-write-titles-title-suggestion.original-title .parsely-write-titles-suggested-title{padding-bottom:.3125rem;padding-top:.3125rem}.wp-parsely-content-helper .parsely-write-titles-wrapper .parsely-write-titles-title-suggestions-container .parsely-write-titles-title-suggestion.original-title button{margin-top:.125rem}.wp-parsely-content-helper .parsely-write-titles-wrapper .parsely-write-titles-title-suggestions-container .title-in-use{color:var(--green-900)} diff --git a/build/content-helper/editor-sidebar.js b/build/content-helper/editor-sidebar.js index d3d030475..2029081c9 100644 --- a/build/content-helper/editor-sidebar.js +++ b/build/content-helper/editor-sidebar.js @@ -1,7 +1,7 @@ !function(){"use strict";var e={251:function(e,t,n){var r=n(196),i=Symbol.for("react.element"),s=Symbol.for("react.fragment"),a=Object.prototype.hasOwnProperty,l=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,o={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var r,s={},c=null,u=null;for(r in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)a.call(t,r)&&!o.hasOwnProperty(r)&&(s[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===s[r]&&(s[r]=t[r]);return{$$typeof:i,type:e,key:c,ref:u,props:s,_owner:l.current}}t.Fragment=s,t.jsx=c,t.jsxs=c},893:function(e,t,n){e.exports=n(251)},196:function(e){e.exports=window.React}},t={};function n(r){var i=t[r];if(void 0!==i)return i.exports;var s=t[r]={exports:{}};return e[r](s,s.exports,n),s.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},function(){n.d({},{W:function(){return Wt}});var e,t,r,i=n(893),s=window.wp.components,a=window.wp.data,l=window.wp.editPost,o=window.wp.element,c=window.wp.i18n,u=n(196),p=window.wp.primitives,d=(0,u.createElement)(p.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(p.Path,{fillRule:"evenodd",d:"M11.25 5h1.5v15h-1.5V5zM6 10h1.5v10H6V10zm12 4h-1.5v6H18v-6z",clipRule:"evenodd"})),f=window.wp.plugins,g=function(){function e(){this._tkq=[],this.isLoaded=!1,this.isEnabled=!1,"undefined"!=typeof wpParselyTracksTelemetry&&(this.isEnabled=!0,this.loadTrackingLibrary())}return e.getInstance=function(){return window.wpParselyTelemetryInstance||Object.defineProperty(window,"wpParselyTelemetryInstance",{value:new e,writable:!1,configurable:!1,enumerable:!1}),window.wpParselyTelemetryInstance},e.prototype.loadTrackingLibrary=function(){var e=this,t=document.createElement("script");t.async=!0,t.src="//stats.wp.com/w.js",t.onload=function(){e.isLoaded=!0,e._tkq=window._tkq||[]},document.head.appendChild(t)},e.trackEvent=function(t,n){return void 0===n&&(n={}),r=this,i=void 0,a=function(){var r;return function(e,t){var n,r,i,s,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return s={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(s[Symbol.iterator]=function(){return this}),s;function l(l){return function(o){return function(l){if(n)throw new TypeError("Generator is already executing.");for(;s&&(s=0,l[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&l[0]?r.return:l[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,l[1])).done)return i;switch(r=0,i&&(l=[2&l[0],i.value]),l[0]){case 0:case 1:i=l;break;case 4:return a.label++,{value:l[1],done:!1};case 5:a.label++,r=l[1],l=[0];continue;case 7:l=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==l[0]&&2!==l[0])){a=0;continue}if(3===l[0]&&(!i||l[1]>i[0]&&l[1]=1e4&&(clearInterval(s),n("Telemetry library not loaded"))}),100);else n("Telemetry not enabled")}))},e.prototype.trackEvent=function(t,n){var r;this.isLoaded?(0!==t.indexOf(e.TRACKS_PREFIX)&&(t=e.TRACKS_PREFIX+t),this.isEventNameValid(t)?(n=this.prepareProperties(n),null===(r=this._tkq)||void 0===r||r.push(["recordEvent",t,n])):console.error("Error tracking event: Invalid event name")):console.error("Error tracking event: Telemetry not loaded")},e.prototype.isTelemetryEnabled=function(){return this.isEnabled},e.prototype.isProprietyValid=function(t){return e.PROPERTY_REGEX.test(t)},e.prototype.isEventNameValid=function(t){return e.EVENT_NAME_REGEX.test(t)},e.prototype.prepareProperties=function(e){return(e=this.sanitizeProperties(e)).parsely_version=wpParselyTracksTelemetry.version,wpParselyTracksTelemetry.user&&(e._ut=wpParselyTracksTelemetry.user.type,e._ui=wpParselyTracksTelemetry.user.id),wpParselyTracksTelemetry.vipgo_env&&(e.vipgo_env=wpParselyTracksTelemetry.vipgo_env),this.sanitizeProperties(e)},e.prototype.sanitizeProperties=function(e){var t=this,n={};return Object.keys(e).forEach((function(r){t.isProprietyValid(r)&&(n[r]=e[r])})),n},e.TRACKS_PREFIX="wpparsely_",e.EVENT_NAME_REGEX=/^(([a-z0-9]+)_){2}([a-z0-9_]+)$/,e.PROPERTY_REGEX=/^[a-z_][a-z0-9_]*$/,e}(),h=(g.trackEvent,window.wp.compose),v=(0,o.forwardRef)((function({icon:e,size:t=24,...n},r){return(0,o.cloneElement)(e,{width:t,height:t,...n,ref:r})})),y=(0,u.createElement)(p.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(p.Path,{d:"M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"})),m=function(){return(0,i.jsxs)(s.SVG,{"aria-hidden":"true",width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",children:[(0,i.jsx)(s.G,{transform:"matrix(1, 0, 0, 1, 1.7763568394002505e-15, 0)"}),(0,i.jsx)(s.Path,{d:"M 16.693 6.167 A 4.541 4.541 0 0 1 12.152 10.708 A 4.541 4.541 0 0 1 7.611 6.167 A 4.541 4.541 0 0 1 12.152 1.626 A 4.541 4.541 0 0 1 16.693 6.167 Z",style:{fill:"rgba(216, 216, 216, 0)",fillOpacity:0,strokeWidth:"2.5px",stroke:"rgb(0, 0, 0)"}}),(0,i.jsx)(s.Path,{d:"M 3.016 23.76 L 3.0135 22.4385 C 3.0109999999999997 21.117 3.0060000000000002 18.474 3.3204999999999996 16.911 C 3.635 15.347999999999999 4.268999999999999 14.865 7.068666666666666 14.6235 C 9.868333333333332 14.382 14.833666666666666 14.382 17.585833333333333 14.658 C 20.337999999999997 14.934 20.877 15.485999999999999 21.1465 17.0435 C 21.416 18.601 21.416 21.164 21.416 22.4455 L 21.416 23.727",style:{fillOpacity:0,fill:"rgb(255, 255, 255)",strokeWidth:"2.5px",stroke:"rgb(0, 0, 0)"}})]})},w={journalist:{label:(0,c.__)("Journalist","wp-parsely"),emoji:"๐Ÿ“ฐ"},editorialWriter:{label:(0,c.__)("Editorial Writer","wp-parsely"),emoji:"โœ๏ธ"},investigativeReporter:{label:(0,c.__)("Investigative Reporter","wp-parsely"),emoji:"๐Ÿ•ต๏ธ"},techAnalyst:{label:(0,c.__)("Tech Analyst","wp-parsely"),emoji:"๐Ÿ’ป"},businessAnalyst:{label:(0,c.__)("Business Analyst","wp-parsely"),emoji:"๐Ÿ“ˆ"},culturalCommentator:{label:(0,c.__)("Cultural Commentator","wp-parsely"),emoji:"๐ŸŒ"},scienceCorrespondent:{label:(0,c.__)("Science Correspondent","wp-parsely"),emoji:"๐Ÿ”ฌ"},politicalAnalyst:{label:(0,c.__)("Political Analyst","wp-parsely"),emoji:"๐Ÿ›๏ธ"},healthWellnessAdvocate:{label:(0,c.__)("Health and Wellness Advocate","wp-parsely"),emoji:"๐Ÿ"},environmentalJournalist:{label:(0,c.__)("Environmental Journalist","wp-parsely"),emoji:"๐ŸŒณ"},custom:{label:(0,c.__)("Use a custom persona","wp-parsely"),emoji:"๐Ÿ”ง"}},_=Object.keys(w),b=function(e){return"custom"===e||""===e?w.custom.label:x(e)?e:w[e].label},x=function(e){return!_.includes(e)||"custom"===e},S=function(e){var t=e.value,n=e.onChange,r=(0,o.useState)(""),a=r[0],l=r[1],u=(0,h.useDebounce)(n,500);return(0,i.jsx)("div",{className:"parsely-persona-selector-custom",children:(0,i.jsx)(s.TextControl,{value:a||t,onChange:function(e){if(""===e)return n(""),void l("");e.length>32&&(e=e.slice(0,32)),u(e),l(e)},help:(0,c.__)("Enter a custom persona","wp-parsely")})})},P=function(e){var t=e.persona,n=e.label,r=void 0===n?(0,c.__)("Select a persona","wp-parsely"):n,a=e.onChange,l=e.onDropdownChange,o=e.disabled,u=void 0!==o&&o,p=e.allowCustom,d=void 0!==p&&p;return(0,i.jsxs)(s.Disabled,{isDisabled:u,children:[(0,i.jsx)(s.DropdownMenu,{label:(0,c.__)("Persona","wp-parsely"),icon:m,className:"parsely-persona-selector-dropdown"+(u?" is-disabled":""),popoverProps:{className:"wp-parsely-popover"},toggleProps:{children:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:"parsely-persona-selector-label",children:r}),(0,i.jsx)(v,{icon:y})]})},children:function(e){var n=e.onClose;return(0,i.jsx)(s.MenuGroup,{label:(0,c.__)("Select a persona","wp-parsely"),children:(0,i.jsx)(i.Fragment,{children:_.map((function(e){if(!d&&"custom"===e)return null;var r=w[e];return(0,i.jsxs)(s.MenuItem,{isSelected:e===t,className:e===t?"is-selected":"",role:"menuitemradio",onClick:function(){null==l||l(e),a(e),n()},children:[r.emoji," ",r.label]},e)}))})})}}),d&&x(t)&&(0,i.jsx)(S,{onChange:function(e){a(""!==e?e:"custom")},value:"custom"===t?"":t})]})},j=(0,u.createElement)(p.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(p.Path,{fillRule:"evenodd",d:"M6.863 13.644L5 13.25h-.5a.5.5 0 01-.5-.5v-3a.5.5 0 01.5-.5H5L18 6.5h2V16h-2l-3.854-.815.026.008a3.75 3.75 0 01-7.31-1.549zm1.477.313a2.251 2.251 0 004.356.921l-4.356-.921zm-2.84-3.28L18.157 8h.343v6.5h-.343L5.5 11.823v-1.146z",clipRule:"evenodd"})),k={neutral:{label:(0,c.__)("Neutral","wp-parsely"),emoji:"๐Ÿ˜"},formal:{label:(0,c.__)("Formal","wp-parsely"),emoji:"๐ŸŽฉ"},humorous:{label:(0,c.__)("Humorous","wp-parsely"),emoji:"๐Ÿ˜‚"},confident:{label:(0,c.__)("Confident","wp-parsely"),emoji:"๐Ÿ˜Ž"},provocative:{label:(0,c.__)("Provocative","wp-parsely"),emoji:"๐Ÿ˜ˆ"},serious:{label:(0,c.__)("Serious","wp-parsely"),emoji:"๐Ÿง"},inspirational:{label:(0,c.__)("Inspirational","wp-parsely"),emoji:"โœจ"},skeptical:{label:(0,c.__)("Skeptical","wp-parsely"),emoji:"๐Ÿคจ"},conversational:{label:(0,c.__)("Conversational","wp-parsely"),emoji:"๐Ÿ’ฌ"},analytical:{label:(0,c.__)("Analytical","wp-parsely"),emoji:"๐Ÿค“"},custom:{label:(0,c.__)("Use a custom tone","wp-parsely"),emoji:"๐Ÿ”ง"}},T=Object.keys(k),E=function(e){return"custom"===e||""===e?k.custom.label:C(e)?e:k[e].label},C=function(e){return!T.includes(e)||"custom"===e},L=function(e){var t=e.value,n=e.onChange,r=(0,o.useState)(""),a=r[0],l=r[1],u=(0,h.useDebounce)(n,500);return(0,i.jsx)("div",{className:"parsely-tone-selector-custom",children:(0,i.jsx)(s.TextControl,{value:a||t,onChange:function(e){if(""===e)return n(""),void l("");e.length>32&&(e=e.slice(0,32)),u(e),l(e)},help:(0,c.__)("Enter a custom tone","wp-parsely")})})},N=function(e){var t=e.tone,n=e.label,r=void 0===n?(0,c.__)("Select a tone","wp-parsely"):n,a=e.onChange,l=e.onDropdownChange,o=e.disabled,u=void 0!==o&&o,p=e.allowCustom,d=void 0!==p&&p;return(0,i.jsxs)(s.Disabled,{isDisabled:u,children:[(0,i.jsx)(s.DropdownMenu,{label:(0,c.__)("Tone","wp-parsely"),icon:j,className:"parsely-tone-selector-dropdown"+(u?" is-disabled":""),popoverProps:{className:"wp-parsely-popover"},toggleProps:{children:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:"parsely-tone-selector-label",children:r}),(0,i.jsx)(v,{icon:y})]})},children:function(e){var n=e.onClose;return(0,i.jsx)(s.MenuGroup,{label:(0,c.__)("Select a tone","wp-parsely"),children:(0,i.jsx)(i.Fragment,{children:T.map((function(e){if(!d&&"custom"===e)return null;var r=k[e];return(0,i.jsxs)(s.MenuItem,{isSelected:e===t,className:e===t?"is-selected":"",role:"menuitemradio",onClick:function(){null==l||l(e),a(e),n()},children:[r.emoji," ",r.label]},e)}))})})}}),d&&C(t)&&(0,i.jsx)(L,{onChange:function(e){a(""!==e?e:"custom")},value:"custom"===t?"":t})]})},O=function(){return(0,i.jsx)(s.SVG,{"aria-hidden":"true",version:"1.1",viewBox:"0 0 15 15",width:"15",height:"15",xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)(s.Path,{d:"M0 14.0025V11.0025L7.5 3.5025L10.5 6.5025L3 14.0025H0ZM12 5.0025L13.56 3.4425C14.15 2.8525 14.15 1.9025 13.56 1.3225L12.68 0.4425C12.09 -0.1475 11.14 -0.1475 10.56 0.4425L9 2.0025L12 5.0025Z"})})},A=function(e){var t=e.size,n=void 0===t?24:t,r=e.className,a=void 0===r?"wp-parsely-icon":r;return(0,i.jsxs)(s.SVG,{className:a,height:n,viewBox:"0 0 60 65",width:n,xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)(s.Path,{fill:"#5ba745",d:"M23.72,51.53c0-.18,0-.34-.06-.52a13.11,13.11,0,0,0-2.1-5.53A14.74,14.74,0,0,0,19.12,43c-.27-.21-.5-.11-.51.22l-.24,3.42c0,.33-.38.35-.49,0l-1.5-4.8a1.4,1.4,0,0,0-.77-.78,23.91,23.91,0,0,0-3.1-.84c-1.38-.24-3.39-.39-3.39-.39-.34,0-.45.21-.25.49l2.06,3.76c.2.27,0,.54-.29.33l-4.51-3.6a3.68,3.68,0,0,0-2.86-.48c-1,.16-2.44.46-2.44.46a.68.68,0,0,0-.39.25.73.73,0,0,0-.14.45S.41,43,.54,44a3.63,3.63,0,0,0,1.25,2.62L6.48,50c.28.2.09.49-.23.37l-4.18-.94c-.32-.12-.5,0-.4.37,0,0,.69,1.89,1.31,3.16a24,24,0,0,0,1.66,2.74,1.34,1.34,0,0,0,1,.52l5,.13c.33,0,.41.38.1.48L7.51,58c-.31.1-.34.35-.07.55a14.29,14.29,0,0,0,3.05,1.66,13.09,13.09,0,0,0,5.9.5,25.13,25.13,0,0,0,4.34-1,9.55,9.55,0,0,1-.08-1.2,9.32,9.32,0,0,1,3.07-6.91"}),(0,i.jsx)(s.Path,{fill:"#5ba745",d:"M59.7,41.53a.73.73,0,0,0-.14-.45.68.68,0,0,0-.39-.25s-1.43-.3-2.44-.46a3.64,3.64,0,0,0-2.86.48l-4.51,3.6c-.26.21-.49-.06-.29-.33l2.06-3.76c.2-.28.09-.49-.25-.49,0,0-2,.15-3.39.39a23.91,23.91,0,0,0-3.1.84,1.4,1.4,0,0,0-.77.78l-1.5,4.8c-.11.32-.48.3-.49,0l-.24-3.42c0-.33-.24-.43-.51-.22a14.74,14.74,0,0,0-2.44,2.47A13.11,13.11,0,0,0,36.34,51c0,.18,0,.34-.06.52a9.26,9.26,0,0,1,3,8.1,24.1,24.1,0,0,0,4.34,1,13.09,13.09,0,0,0,5.9-.5,14.29,14.29,0,0,0,3.05-1.66c.27-.2.24-.45-.07-.55l-3.22-1.17c-.31-.1-.23-.47.1-.48l5-.13a1.38,1.38,0,0,0,1-.52A24.6,24.6,0,0,0,57,52.92c.61-1.27,1.31-3.16,1.31-3.16.1-.33-.08-.49-.4-.37l-4.18.94c-.32.12-.51-.17-.23-.37l4.69-3.34A3.63,3.63,0,0,0,59.46,44c.13-1,.24-2.47.24-2.47"}),(0,i.jsx)(s.Path,{fill:"#5ba745",d:"M46.5,25.61c0-.53-.35-.72-.8-.43l-4.86,2.66c-.45.28-.56-.27-.23-.69l4.66-6.23a2,2,0,0,0,.28-1.68,36.51,36.51,0,0,0-2.19-4.89,34,34,0,0,0-2.81-3.94c-.33-.41-.74-.35-.91.16l-2.28,5.68c-.16.5-.6.48-.59-.05l.28-8.93a2.54,2.54,0,0,0-.66-1.64S35,4.27,33.88,3.27,30.78.69,30.78.69a1.29,1.29,0,0,0-1.54,0s-1.88,1.49-3.12,2.59-2.48,2.35-2.48,2.35A2.5,2.5,0,0,0,23,7.27l.27,8.93c0,.53-.41.55-.58.05l-2.29-5.69c-.17-.5-.57-.56-.91-.14a35.77,35.77,0,0,0-3,4.2,35.55,35.55,0,0,0-2,4.62,2,2,0,0,0,.27,1.67l4.67,6.24c.33.42.23,1-.22.69l-4.87-2.66c-.45-.29-.82-.1-.82.43a18.6,18.6,0,0,0,.83,5.07,20.16,20.16,0,0,0,5.37,7.77c3.19,3,5.93,7.8,7.45,11.08A9.6,9.6,0,0,1,30,49.09a9.31,9.31,0,0,1,2.86.45c1.52-3.28,4.26-8.11,7.44-11.09a20.46,20.46,0,0,0,5.09-7,19,19,0,0,0,1.11-5.82"}),(0,i.jsx)(s.Path,{fill:"#5ba745",d:"M36.12,58.44A6.12,6.12,0,1,1,30,52.32a6.11,6.11,0,0,1,6.12,6.12"})]})},R=function(){return R=Object.assign||function(e){for(var t,n=1,r=arguments.length;n".concat(this.message,"

").concat(this.hint?this.hint:"")}))},t.prototype.Hint=function(e){return'

'.concat((0,c.__)("Hint:","wp-parsely")," ").concat(e,"

")},t}(Error),pe=function(){function e(){}return e.generateSmartLinks=function(e,t,n){var r,i,s,a,l;return void 0===t&&(t=xe),void 0===n&&(n=be),i=this,s=void 0,l=function(){var i,s;return function(e,t){var n,r,i,s,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return s={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(s[Symbol.iterator]=function(){return this}),s;function l(l){return function(o){return function(l){if(n)throw new TypeError("Generator is already executing.");for(;s&&(s=0,l[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&l[0]?r.return:l[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,l[1])).done)return i;switch(r=0,i&&(l=[2&l[0],i.value]),l[0]){case 0:case 1:i=l;break;case 4:return a.label++,{value:l[1],done:!1};case 5:a.label++,r=l[1],l=[0];continue;case 7:l=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==l[0]&&2!==l[0])){a=0;continue}if(3===l[0]&&(!i||l[1]>i[0]&&l[1]0&&i[i.length-1])||6!==l[0]&&2!==l[0])){a=0;continue}if(3===l[0]&&(!i||l[1]>i[0]&&l[1]0)){var e={maxLinksPerPost:p.SmartLinkingMaxLinks,maxLinkWords:p.SmartLinkingMaxLinkWords,settingsOpen:p.SmartLinkingSettingsOpen};A(e)}}),[A,p]);var R=(0,a.useSelect)((function(e){var t=e("core/block-editor"),r=t.getSelectedBlock,i=t.getBlock,s=e("core/editor").getEditedPostContent;return{selectedBlock:n?i(n):r(),postContent:s()}}),[n]),I=R.selectedBlock,B=R.postContent;(0,o.useEffect)((function(){v(null)}),[I]);var M=function(e){return void 0===e&&(e="all"),ge(void 0,void 0,void 0,(function(){var t;return he(this,(function(n){switch(n.label){case 0:return[4,O(e)];case 1:return n.sent(),l===fe.BlockInspector&&("all"===e||w?(t=(0,a.select)("core/block-editor").getBlockOrder()[0],(0,a.dispatch)("core/block-editor").selectBlock(t)):(0,a.dispatch)("core/block-editor").selectBlock(e)),0===_.length&&D(),[2]}}))}))},V=function(){(0,a.dispatch)("core/editor").lockPostSaving("wp-parsely-block-overlay"),document.querySelectorAll('.edit-post-header__settings>[type="button"]').forEach((function(e){e.setAttribute("disabled","disabled")}))},D=function(){document.querySelectorAll('.edit-post-header__settings>[type="button"]').forEach((function(e){e.removeAttribute("disabled")})),(0,a.dispatch)("core/editor").unlockPostSaving("wp-parsely-block-overlay")};return(0,i.jsx)("div",{className:"wp-parsely-smart-linking",children:(0,i.jsxs)(s.PanelRow,{className:t,children:[(0,i.jsxs)("div",{className:"wp-parsely-smart-linking-text",children:[(0,c.__)("Automatically insert links to your most relevant, top performing content.","wp-parsely"),"ย ",(0,i.jsx)("a",{href:"https://docs.parse.ly/plugin-content-helper/#h-smart-linking-beta",children:(0,c.__)("Learn how Smart Linking works.","wp-parsely")})]}),b&&(0,i.jsx)(s.Notice,{status:"info",isDismissible:!1,className:"wp-parsely-content-helper-error",children:b.message}),null!==x&&(0,i.jsx)(s.Notice,{status:"success",isDismissible:!1,className:"wp-parsely-smart-linking-suggested-links",children:/* translators: 1 - number of smart links generated */ (0,c.sprintf)((0,c.__)("Successfully added %s smart links.","wp-parsely"),x.length)}),(0,i.jsx)(le,{disabled:m,onSettingChange:function(e,t){var n,r;d(((n={})[e]=t,n)),A(((r={})[e]=t,r))}}),(0,i.jsxs)("div",{className:"wp-parsely-smart-linking-generate",children:[(0,i.jsx)(s.Button,{onClick:function(){return ge(void 0,void 0,void 0,(function(){var e,t,n,r,i;return he(this,(function(s){switch(s.label){case 0:return[4,T(!0)];case 1:return s.sent(),[4,L(null)];case 2:return s.sent(),[4,C(null)];case 3:return s.sent(),g.trackEvent("smart_linking_generate_pressed",{is_full_content:w,selected_block:null!==(i=null==I?void 0:I.name)&&void 0!==i?i:"none",context:l}),[4,(o=w?"all":null==I?void 0:I.clientId,void 0===o&&(o="all"),ge(void 0,void 0,void 0,(function(){return he(this,(function(e){switch(e.label){case 0:return[4,N(o)];case 1:return e.sent(),V(),[2]}}))})))];case 4:s.sent(),e=setTimeout((function(){var e;T(!1),g.trackEvent("smart_linking_generate_timeout",{is_full_content:w,selected_block:null!==(e=null==I?void 0:I.name)&&void 0!==e?e:"none",context:l}),M(w?"all":null==I?void 0:I.clientId)}),6e4),s.label=5;case 5:return s.trys.push([5,11,12,15]),t=w||!I,n=[],!(null==I?void 0:I.originalContent)||t?[3,7]:[4,pe.generateSmartLinks(null==I?void 0:I.originalContent,P,S)];case 6:return n=s.sent(),[3,9];case 7:return[4,pe.generateSmartLinks(B,P,S)];case 8:n=s.sent(),s.label=9;case 9:return[4,L(n)];case 10:return s.sent(),function(e){var t;g.trackEvent("smart_linking_applied",{is_full_content:w,selected_block:null!==(t=null==I?void 0:I.name)&&void 0!==t?t:"none",links_count:e.length,context:l});for(var n="",r=n=I&&!w?I.attributes.content:B,i=0,s=e;i(null==p?void 0:p.length)&&o.offset++;var d='').concat(o.text,"");r=de(r,new RegExp("(".concat(o.text,"|]*>").concat(o.text,")")),d,o.offset)}}I&&!w?(0,a.dispatch)("core/block-editor").updateBlockAttributes(I.clientId,{content:r}):(0,a.dispatch)("core/editor").editPost({content:r})}(n),[3,15];case 11:return r=s.sent(),C(r),[3,15];case 12:return[4,T(!1)];case 13:return s.sent(),[4,M(w?"all":null==I?void 0:I.clientId)];case 14:return s.sent(),clearTimeout(e),[7];case 15:return[2]}var o}))}))},variant:"primary",isBusy:m,disabled:m,children:m?(0,c.__)("Generatingโ€ฆ","wp-parsely"):(0,c.__)("Add Smart Links","wp-parsely")}),h&&(0,i.jsxs)(s.Notice,{status:"warning",isDismissible:!0,onRemove:function(){return v(null)},className:"wp-parsely-smart-linking-hint",children:[(0,i.jsx)("strong",{children:(0,c.__)("Hint:","wp-parsely")})," ",h]}),(0,i.jsx)(s.Disabled,{isDisabled:m,children:(0,i.jsx)(s.CheckboxControl,{checked:!I||w,disabled:m,onClick:function(){I||v((0,c.__)("If you want to target a specific block, you should select it on the block editor.","wp-parsely"))},onChange:I?E:function(){},label:(0,c.__)("Add smart links for the entire post","wp-parsely")})})]})]})})},ye=function(){return ye=Object.assign||function(e){for(var t,n=1,r=arguments.length;n=c){var u=t;(i=r/c)%1>1/l&&(u=i>10?1:2),u=parseFloat(i.toFixed(2))===parseFloat(i.toFixed(0))?0:u,s=i.toFixed(u),a=o}l=c})),s+n+a}var Ne=function(e){var n=e.data,r=e.isLoading,a=(0,o.useState)(t.Views),l=a[0],u=a[1],p=(0,o.useState)(!1),d=p[0],f=p[1];r||delete n.referrers.types.totals;var g=function(e){switch(e){case"social":return(0,c.__)("Social","wp-parsely");case"search":return(0,c.__)("Search","wp-parsely");case"other":return(0,c.__)("Other","wp-parsely");case"internal":return(0,c.__)("Internal","wp-parsely");case"direct":return(0,c.__)("Direct","wp-parsely")}return e},h=(0,c.sprintf)((0,c.__)("By %s","wp-parsely"),$(l)); /* translators: %s: metric description */return(0,i.jsxs)(Ce,{title:(0,c.__)("Categories","wp-parsely"),level:3,subtitle:h,isOpen:d,onClick:function(){return f(!d)},children:[d&&(0,i.jsx)("div",{className:"panel-settings",children:(0,i.jsx)(s.SelectControl,{value:l,prefix:(0,c.__)("By: ","wp-parsely"),onChange:function(e){U(e,t)&&u(e)},children:Object.values(t).map((function(e){return(0,i.jsxs)("option",{value:e,disabled:"avg_engaged"===e,children:[$(e),"avg_engaged"===e&&(0,c.__)(" (coming soon)","wp-parsely")]},e)}))})}),r?(0,i.jsx)("div",{className:"parsely-spinner-wrapper","data-testid":"parsely-spinner-wrapper",children:(0,i.jsx)(s.Spinner,{})}):(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"multi-percentage-bar",children:Object.entries(n.referrers.types).map((function(e){var t=e[0],n=e[1],r=(0,c.sprintf)(/* translators: 1: Referrer type, 2: Percentage value, %%: Escaped percent sign */ -(0,c.__)("%1$s: %2$s%%","wp-parsely"),g(t),n.viewsPercentage);return(0,i.jsx)("div",{"aria-label":r,className:"bar-fill "+t,style:{width:n.viewsPercentage+"%"}},t)}))}),(0,i.jsx)("div",{className:"percentage-bar-labels",children:Object.entries(n.referrers.types).map((function(e){var t=e[0],n=e[1];return(0,i.jsxs)("div",{className:"single-label "+t,children:[(0,i.jsx)("div",{className:"label-color "+t}),(0,i.jsx)("div",{className:"label-text",children:g(t)}),(0,i.jsx)("div",{className:"label-value",children:Le(n.views)})]},t)}))})]})]})},Oe=(0,u.createElement)(p.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,u.createElement)(p.Path,{d:"M3.99961 13C4.67043 13.3354 4.6703 13.3357 4.67017 13.3359L4.67298 13.3305C4.67621 13.3242 4.68184 13.3135 4.68988 13.2985C4.70595 13.2686 4.7316 13.2218 4.76695 13.1608C4.8377 13.0385 4.94692 12.8592 5.09541 12.6419C5.39312 12.2062 5.84436 11.624 6.45435 11.0431C7.67308 9.88241 9.49719 8.75 11.9996 8.75C14.502 8.75 16.3261 9.88241 17.5449 11.0431C18.1549 11.624 18.6061 12.2062 18.9038 12.6419C19.0523 12.8592 19.1615 13.0385 19.2323 13.1608C19.2676 13.2218 19.2933 13.2686 19.3093 13.2985C19.3174 13.3135 19.323 13.3242 19.3262 13.3305L19.3291 13.3359C19.3289 13.3357 19.3288 13.3354 19.9996 13C20.6704 12.6646 20.6703 12.6643 20.6701 12.664L20.6697 12.6632L20.6688 12.6614L20.6662 12.6563L20.6583 12.6408C20.6517 12.6282 20.6427 12.6108 20.631 12.5892C20.6078 12.5459 20.5744 12.4852 20.5306 12.4096C20.4432 12.2584 20.3141 12.0471 20.1423 11.7956C19.7994 11.2938 19.2819 10.626 18.5794 9.9569C17.1731 8.61759 14.9972 7.25 11.9996 7.25C9.00203 7.25 6.82614 8.61759 5.41987 9.9569C4.71736 10.626 4.19984 11.2938 3.85694 11.7956C3.68511 12.0471 3.55605 12.2584 3.4686 12.4096C3.42484 12.4852 3.39142 12.5459 3.36818 12.5892C3.35656 12.6108 3.34748 12.6282 3.34092 12.6408L3.33297 12.6563L3.33041 12.6614L3.32948 12.6632L3.32911 12.664C3.32894 12.6643 3.32879 12.6646 3.99961 13ZM11.9996 16C13.9326 16 15.4996 14.433 15.4996 12.5C15.4996 10.567 13.9326 9 11.9996 9C10.0666 9 8.49961 10.567 8.49961 12.5C8.49961 14.433 10.0666 16 11.9996 16Z"})),Ae=(0,u.createElement)(p.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(p.Path,{d:"M15.5 9.5a1 1 0 100-2 1 1 0 000 2zm0 1.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm-2.25 6v-2a2.75 2.75 0 00-2.75-2.75h-4A2.75 2.75 0 003.75 15v2h1.5v-2c0-.69.56-1.25 1.25-1.25h4c.69 0 1.25.56 1.25 1.25v2h1.5zm7-2v2h-1.5v-2c0-.69-.56-1.25-1.25-1.25H15v-1.5h2.5A2.75 2.75 0 0120.25 15zM9.5 8.5a1 1 0 11-2 0 1 1 0 012 0zm1.5 0a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z",fillRule:"evenodd"})),Re=(0,u.createElement)(p.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(p.Path,{d:"M12 4V2.2L9 4.8l3 2.5V5.5c3.6 0 6.5 2.9 6.5 6.5 0 2.9-1.9 5.3-4.5 6.2v.2l-.1-.2c-.4.1-.7.2-1.1.2l.2 1.5c.3 0 .6-.1 1-.2 3.5-.9 6-4 6-7.7 0-4.4-3.6-8-8-8zm-7.9 7l1.5.2c.1-1.2.5-2.3 1.2-3.2l-1.1-.9C4.8 8.2 4.3 9.6 4.1 11zm1.5 1.8l-1.5.2c.1.7.3 1.4.5 2 .3.7.6 1.3 1 1.8l1.2-.8c-.3-.5-.6-1-.8-1.5s-.4-1.1-.4-1.7zm1.5 5.5c1.1.9 2.4 1.4 3.8 1.6l.2-1.5c-1.1-.1-2.2-.5-3.1-1.2l-.9 1.1z"})),Ie=(0,u.createElement)(p.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(p.Path,{d:"M11 13h2v-2h-2v2zm-6 0h2v-2H5v2zm12-2v2h2v-2h-2z"})),Be=function(){return Be=Object.assign||function(e){for(var t,n=1,r=arguments.length;n0&&i[i.length-1])||6!==l[0]&&2!==l[0])){a=0;continue}if(3===l[0]&&(!i||l[1]>i[0]&&l[1]1?[2,Promise.reject(new ue((0,c.sprintf)(/* translators: URL of the published post */ (0,c.__)("Multiple results were returned for the post %s by the Parse.ly API.","wp-parsely"),t),ae.ParselyApiReturnedTooManyResults))]:[2,n.data[0]]}}))}))},e.prototype.fetchReferrerDataFromWpEndpoint=function(e,t,n){return Qe(this,void 0,void 0,(function(){var r,i;return Xe(this,(function(s){switch(s.label){case 0:return s.trys.push([0,2,,3]),[4,D()({path:(0,oe.addQueryArgs)("/wp-parsely/v1/referrers/post/detail",Ye(Ye({},Ke(e)),{itm_source:this.itmSource,total_views:n,url:t}))})];case 1:return r=s.sent(),[3,3];case 2:return i=s.sent(),[2,Promise.reject(new ue(i.message,i.code))];case 3:return(null==r?void 0:r.error)?[2,Promise.reject(new ue(r.error.message,ae.ParselyApiResponseContainsError))]:[2,r.data]}}))}))},e}(),et=function(){return et=Object.assign||function(e){for(var t,n=1,r=arguments.length;n0&&i[i.length-1])||6!==l[0]&&2!==l[0])){a=0;continue}if(3===l[0]&&(!i||l[1]>i[0]&&l[1]0&&e.retryFetch?[4,new Promise((function(e){return setTimeout(e,500)}))]:[3,3];case 1:return n.sent(),[4,t(r-1)];case 2:return n.sent(),[3,4];case 3:d(e),l(!1),n.label=4;case 4:return[2]}}))}))})),[2]}))}))};return l(!0),t(1),function(){d(void 0)}}),[n]),(0,i.jsxs)("div",{className:"wp-parsely-performance-panel",children:[(0,i.jsx)(Ce,{title:(0,c.__)("Performance Stats","wp-parsely"),icon:Ee,dropdownChildren:function(e){var t=e.onClose;return(0,i.jsx)(at,{onClose:t})},children:(0,i.jsx)("div",{className:"panel-settings",children:(0,i.jsx)(s.SelectControl,{value:m.PerformanceStatsSettings.Period,prefix:(0,c.__)("Period: ","wp-parsely"),onChange:function(t){U(t,e)&&(w({PerformanceStatsSettings:et(et({},m.PerformanceStatsSettings),{Period:t})}),g.trackEvent("editor_sidebar_performance_period_changed",{period:t}))},children:Object.values(e).map((function(e){return(0,i.jsx)("option",{value:e,children:W(e)},e)}))})})}),p?p.Message():(0,i.jsxs)(i.Fragment,{children:[st(m,"overview")&&(0,i.jsx)(He,{data:h,isLoading:a}),st(m,"categories")&&(0,i.jsx)(Ne,{data:h,isLoading:a}),st(m,"referrers")&&(0,i.jsx)(Ue,{data:h,isLoading:a})]}),window.wpParselyPostUrl&&(0,i.jsx)(s.Button,{className:"wp-parsely-view-post",variant:"primary",onClick:function(){g.trackEvent("editor_sidebar_view_post_pressed")},href:window.wpParselyPostUrl,rel:"noopener",target:"_blank",children:(0,c.__)("View this in Parse.ly","wp-parsely")})]})},ot=function(e){var t=e.period;return(0,i.jsx)(s.Panel,{children:(0,i.jsx)(J,{children:(0,i.jsx)(lt,{period:t})})})},ct=window.wp.coreData,ut=window.wp.editor,pt=function(e){var t=e.filter,n=e.label,s=e.onFilterTypeChange,a=e.onFilterValueChange,l=e.postData,o=function(){return l.tags.length>=1&&l.categories.length>=1||l.tags.length>=1&&l.authors.length>=1||l.categories.length>=1&&l.authors.length>=1},c=function(){return r.Tag===t.type&&l.tags.length>1||r.Section===t.type&&l.categories.length>1||r.Author===t.type&&l.authors.length>1},u=c()&&!o();return(0,i.jsxs)(i.Fragment,{children:[o()&&(0,i.jsx)(dt,{filter:t,label:u?void 0:n,onFilterTypeChange:s,postData:l}),c()&&(0,i.jsx)(ft,{filter:t,label:u?n:void 0,onFilterValueChange:a,postData:l})]})},dt=function(e){var t=e.filter,n=e.label,a=e.onFilterTypeChange,l=e.postData;return(0,i.jsxs)(s.SelectControl,{label:n,onChange:function(e){return a(e)},value:t.type,children:[l.tags.length>=1&&(0,i.jsx)("option",{value:r.Tag,children:(0,c.__)("Tag","wp-parsely")}),l.categories.length>=1&&(0,i.jsx)("option",{value:r.Section,children:(0,c.__)("Section","wp-parsely")}),l.authors.length>=1&&(0,i.jsx)("option",{value:r.Author,children:(0,c.__)("Author","wp-parsely")})]})},ft=function(e){var t=e.filter,n=e.label,a=e.onFilterValueChange,l=e.postData;return(0,i.jsx)(s.ComboboxControl,{label:n,onChange:function(e){return a(e)},options:r.Tag===t.type?l.tags.map((function(e){return{value:e,label:e}})):r.Section===t.type?l.categories.map((function(e){return{value:e,label:e}})):r.Author===t.type?l.authors.map((function(e){return{value:e,label:e}})):[],value:t.value})},gt=function(){return(0,i.jsxs)(s.SVG,{"aria-hidden":"true",version:"1.1",viewBox:"0 0 16 16",width:"16",height:"16",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)(s.Path,{d:"M0 3.29592C0 2.73237 0.456853 2.27551 1.02041 2.27551H4.08165C4.50432 2.27551 4.84696 2.61815 4.84696 3.04082C4.84696 3.46349 4.50432 3.80613 4.08165 3.80613H1.53062V11.9694H9.69391V9.6735C9.69391 9.25083 10.0366 8.90819 10.4592 8.90819C10.8819 8.90819 11.2245 9.25083 11.2245 9.6735V12.4796C11.2245 13.0432 10.7677 13.5 10.2041 13.5H1.02041C0.456854 13.5 0 13.0432 0 12.4796V3.29592Z"}),(0,i.jsx)(s.Path,{d:"M12.531 1.22415C12.8299 1.52303 12.8299 2.00759 12.531 2.30646L6.15342 8.68404C5.85455 8.98291 5.36998 8.98291 5.07111 8.68404C4.77224 8.38517 4.77224 7.9006 5.07111 7.60173L11.4487 1.22415C11.7476 0.925282 12.2321 0.925282 12.531 1.22415Z"}),(0,i.jsx)(s.Path,{d:"M6.63268 1.51012C6.63268 1.08745 6.97532 0.744812 7.39799 0.744812H12.2449C12.6676 0.744812 13.0103 1.08745 13.0103 1.51012V6.35708C13.0103 6.77975 12.6676 7.12239 12.2449 7.12239C11.8223 7.12239 11.4796 6.77975 11.4796 6.35708V2.27543H7.39799C6.97532 2.27543 6.63268 1.93279 6.63268 1.51012Z"})]})},ht=function(){return(0,i.jsx)(s.SVG,{"aria-hidden":"true",version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 42 42",children:(0,i.jsx)(s.Path,{d:"M15.3,20.1c0,3.1,2.6,5.7,5.7,5.7s5.7-2.6,5.7-5.7s-2.6-5.7-5.7-5.7S15.3,17,15.3,20.1z M23.4,32.4\n\t\t\tC30.1,30.9,40.5,22,40.5,22s-7.7-12-18-13.3c-0.6-0.1-2.6-0.1-3-0.1c-10,1-18,13.7-18,13.7s8.7,8.6,17,9.9\n\t\t\tC19.4,32.6,22.4,32.6,23.4,32.4z M11.1,20.7c0-5.2,4.4-9.4,9.9-9.4s9.9,4.2,9.9,9.4S26.5,30,21,30S11.1,25.8,11.1,20.7z"})})};function vt(e){var t=e.metric,n=e.post,r=e.avgEngagedIcon,s=e.viewsIcon;return"views"===t?(0,i.jsxs)("span",{className:"parsely-post-metric-data",children:[(0,i.jsx)("span",{className:"screen-reader-text",children:(0,c.__)("Number of Views","wp-parsely")}),s,Le(n.views.toString())]}):"avg_engaged"===t?(0,i.jsxs)("span",{className:"parsely-post-metric-data",children:[(0,i.jsx)("span",{className:"screen-reader-text",children:(0,c.__)("Average Time","wp-parsely")}),r,n.avgEngaged]}):(0,i.jsx)("span",{className:"parsely-post-metric-data",children:"-"})}function yt(e){var t,n=e.metric,r=e.post;return(0,i.jsxs)("li",{className:"parsely-related-post","data-testid":"parsely-related-post",children:[(0,i.jsxs)("div",{className:"parsely-related-post-title",children:[(0,i.jsxs)("a",{className:"parsely-related-post-stats-link",href:r.dashUrl,target:"_blank",rel:"noreferrer",children:[(0,i.jsx)("span",{className:"screen-reader-text",children:(0,c.__)("View in Parse.ly (opens new tab)","wp-parsely")}),r.title]}),(0,i.jsxs)("a",{className:"parsely-related-post-view-link",href:r.url,target:"_blank",rel:"noreferrer",children:[(0,i.jsx)("span",{className:"screen-reader-text",children:(0,c.__)("View Post (opens new tab)","wp-parsely")}),(0,i.jsx)(gt,{})]}),0!==r.postId&&(0,i.jsxs)("a",{className:"parsely-related-post-edit-link",href:(t=r.postId,"/wp-admin/post.php?post=".concat(t,"&action=edit")),target:"_blank",rel:"noreferrer",children:[(0,i.jsx)("span",{className:"screen-reader-text",children:(0,c.__)("Edit Post (opens new tab)","wp-parsely")}),(0,i.jsx)(O,{})]})]}),(0,i.jsxs)("p",{className:"parsely-related-post-info",children:[(0,i.jsxs)("span",{className:"parsely-related-post-date",children:[(0,i.jsx)("span",{className:"screen-reader-text",children:(0,c.__)("Date","wp-parsely")}),Ze(new Date(r.date))]}),(0,i.jsxs)("span",{className:"parsely-related-post-author",children:[(0,i.jsx)("span",{className:"screen-reader-text",children:(0,c.__)("Author","wp-parsely")}),r.author]}),(0,i.jsx)(vt,{metric:n,post:r,viewsIcon:(0,i.jsx)(ht,{}),avgEngagedIcon:(0,i.jsx)(s.Dashicon,{icon:"clock"})})]})]})}var mt=function(){return mt=Object.assign||function(e){for(var t,n=1,r=arguments.length;n0&&i[i.length-1])||6!==l[0]&&2!==l[0])){a=0;continue}if(3===l[0]&&(!i||l[1]>i[0]&&l[1] ) } - { - ( isLoading ? ( -
- -
- ) : ( -
-
{ - Object.entries( data.referrers.types ).map( ( [ key, value ] ) => { - const ariaLabel = sprintf( - /* translators: 1: Referrer type, 2: Percentage value, %%: Escaped percent sign */ - __( '%1$s: %2$s%%', 'wp-parsely' ), - getKeyTitle( key ), value.viewsPercentage - ); + { isLoading ? ( +
+ +
+ ) : ( +
+
+ { Object.entries( data.referrers.types ).map( ( [ key, value ] ) => { + const ariaLabel = sprintf( + /* translators: 1: Referrer type, 2: Percentage value, %%: Escaped percent sign */ + __( '%1$s: %2$s%%', 'wp-parsely' ), + getKeyTitle( key ), + value.viewsPercentage, + ); - return ( -
-
- ); - } ) } -
-
- { - Object.entries( data.referrers.types ).map( ( [ key, value ] ) => ( -
-
-
{ getKeyTitle( key ) }
-
{ formatToImpreciseNumber( value.views ) }
-
- ) ) - } -
+ return ( + +
+ + ); + } ) }
- ) ) } +
+ { Object.entries( data.referrers.types ).map( ( [ key, value ] ) => ( +
+
+
{ getKeyTitle( key ) }
+
{ formatToImpreciseNumber( value.views ) }
+
+ ) ) } +
+
+ ) } ); }; diff --git a/src/content-helper/editor-sidebar/performance-details/performance-details.scss b/src/content-helper/editor-sidebar/performance-details/performance-details.scss index 4d10fb7dc..78d340719 100644 --- a/src/content-helper/editor-sidebar/performance-details/performance-details.scss +++ b/src/content-helper/editor-sidebar/performance-details/performance-details.scss @@ -167,6 +167,7 @@ // Multi-percentage bar. div.multi-percentage-bar { + position: relative; display: flex; height: to_rem(16px); align-items: flex-start; @@ -175,7 +176,16 @@ margin: to_rem(16px) 0; .bar-fill { + position: relative; align-self: stretch; + transition: filter 0.1s ease, transform 0.1s ease; + + &:hover { + filter: brightness(1); + transform: scaleX(1.05) scaleY(1.2); + border-radius: to_rem(2px); + z-index: 2; + } // Border radiuses for first and last bar-fills. &:first-child { @@ -207,6 +217,10 @@ background-color: hsl(var(--ref-other)); } } + + &:hover .bar-fill { + filter: brightness(0.8); + } } .percentage-bar-labels { From e9c9f5be994ef44d37e577d6dfcf5ed972e53476 Mon Sep 17 00:00:00 2001 From: Henrique Mouta Date: Mon, 4 Mar 2024 12:07:00 +0000 Subject: [PATCH 2/3] Translate percentage --- build/content-helper/editor-sidebar.asset.php | 2 +- build/content-helper/editor-sidebar.js | 5 ++++- .../performance-details/component-panel-categories.tsx | 7 ++++++- 3 files changed, 11 insertions(+), 3 deletions(-) diff --git a/build/content-helper/editor-sidebar.asset.php b/build/content-helper/editor-sidebar.asset.php index 8aa19a6cd..5bac7b520 100644 --- a/build/content-helper/editor-sidebar.asset.php +++ b/build/content-helper/editor-sidebar.asset.php @@ -1 +1 @@ - array('react', 'wp-api-fetch', 'wp-block-editor', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-edit-post', 'wp-editor', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-plugins', 'wp-primitives', 'wp-url'), 'version' => '8a7a2dd73718a70e2a36'); + array('react', 'wp-api-fetch', 'wp-block-editor', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-edit-post', 'wp-editor', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-plugins', 'wp-primitives', 'wp-url'), 'version' => '36a7696a7f35b2b478d6'); diff --git a/build/content-helper/editor-sidebar.js b/build/content-helper/editor-sidebar.js index 2029081c9..3e46a961a 100644 --- a/build/content-helper/editor-sidebar.js +++ b/build/content-helper/editor-sidebar.js @@ -1,7 +1,10 @@ !function(){"use strict";var e={251:function(e,t,n){var r=n(196),i=Symbol.for("react.element"),s=Symbol.for("react.fragment"),a=Object.prototype.hasOwnProperty,l=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,o={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var r,s={},c=null,u=null;for(r in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)a.call(t,r)&&!o.hasOwnProperty(r)&&(s[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===s[r]&&(s[r]=t[r]);return{$$typeof:i,type:e,key:c,ref:u,props:s,_owner:l.current}}t.Fragment=s,t.jsx=c,t.jsxs=c},893:function(e,t,n){e.exports=n(251)},196:function(e){e.exports=window.React}},t={};function n(r){var i=t[r];if(void 0!==i)return i.exports;var s=t[r]={exports:{}};return e[r](s,s.exports,n),s.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},function(){n.d({},{W:function(){return Wt}});var e,t,r,i=n(893),s=window.wp.components,a=window.wp.data,l=window.wp.editPost,o=window.wp.element,c=window.wp.i18n,u=n(196),p=window.wp.primitives,d=(0,u.createElement)(p.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(p.Path,{fillRule:"evenodd",d:"M11.25 5h1.5v15h-1.5V5zM6 10h1.5v10H6V10zm12 4h-1.5v6H18v-6z",clipRule:"evenodd"})),f=window.wp.plugins,g=function(){function e(){this._tkq=[],this.isLoaded=!1,this.isEnabled=!1,"undefined"!=typeof wpParselyTracksTelemetry&&(this.isEnabled=!0,this.loadTrackingLibrary())}return e.getInstance=function(){return window.wpParselyTelemetryInstance||Object.defineProperty(window,"wpParselyTelemetryInstance",{value:new e,writable:!1,configurable:!1,enumerable:!1}),window.wpParselyTelemetryInstance},e.prototype.loadTrackingLibrary=function(){var e=this,t=document.createElement("script");t.async=!0,t.src="//stats.wp.com/w.js",t.onload=function(){e.isLoaded=!0,e._tkq=window._tkq||[]},document.head.appendChild(t)},e.trackEvent=function(t,n){return void 0===n&&(n={}),r=this,i=void 0,a=function(){var r;return function(e,t){var n,r,i,s,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return s={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(s[Symbol.iterator]=function(){return this}),s;function l(l){return function(o){return function(l){if(n)throw new TypeError("Generator is already executing.");for(;s&&(s=0,l[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&l[0]?r.return:l[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,l[1])).done)return i;switch(r=0,i&&(l=[2&l[0],i.value]),l[0]){case 0:case 1:i=l;break;case 4:return a.label++,{value:l[1],done:!1};case 5:a.label++,r=l[1],l=[0];continue;case 7:l=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==l[0]&&2!==l[0])){a=0;continue}if(3===l[0]&&(!i||l[1]>i[0]&&l[1]=1e4&&(clearInterval(s),n("Telemetry library not loaded"))}),100);else n("Telemetry not enabled")}))},e.prototype.trackEvent=function(t,n){var r;this.isLoaded?(0!==t.indexOf(e.TRACKS_PREFIX)&&(t=e.TRACKS_PREFIX+t),this.isEventNameValid(t)?(n=this.prepareProperties(n),null===(r=this._tkq)||void 0===r||r.push(["recordEvent",t,n])):console.error("Error tracking event: Invalid event name")):console.error("Error tracking event: Telemetry not loaded")},e.prototype.isTelemetryEnabled=function(){return this.isEnabled},e.prototype.isProprietyValid=function(t){return e.PROPERTY_REGEX.test(t)},e.prototype.isEventNameValid=function(t){return e.EVENT_NAME_REGEX.test(t)},e.prototype.prepareProperties=function(e){return(e=this.sanitizeProperties(e)).parsely_version=wpParselyTracksTelemetry.version,wpParselyTracksTelemetry.user&&(e._ut=wpParselyTracksTelemetry.user.type,e._ui=wpParselyTracksTelemetry.user.id),wpParselyTracksTelemetry.vipgo_env&&(e.vipgo_env=wpParselyTracksTelemetry.vipgo_env),this.sanitizeProperties(e)},e.prototype.sanitizeProperties=function(e){var t=this,n={};return Object.keys(e).forEach((function(r){t.isProprietyValid(r)&&(n[r]=e[r])})),n},e.TRACKS_PREFIX="wpparsely_",e.EVENT_NAME_REGEX=/^(([a-z0-9]+)_){2}([a-z0-9_]+)$/,e.PROPERTY_REGEX=/^[a-z_][a-z0-9_]*$/,e}(),h=(g.trackEvent,window.wp.compose),v=(0,o.forwardRef)((function({icon:e,size:t=24,...n},r){return(0,o.cloneElement)(e,{width:t,height:t,...n,ref:r})})),y=(0,u.createElement)(p.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(p.Path,{d:"M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"})),m=function(){return(0,i.jsxs)(s.SVG,{"aria-hidden":"true",width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",children:[(0,i.jsx)(s.G,{transform:"matrix(1, 0, 0, 1, 1.7763568394002505e-15, 0)"}),(0,i.jsx)(s.Path,{d:"M 16.693 6.167 A 4.541 4.541 0 0 1 12.152 10.708 A 4.541 4.541 0 0 1 7.611 6.167 A 4.541 4.541 0 0 1 12.152 1.626 A 4.541 4.541 0 0 1 16.693 6.167 Z",style:{fill:"rgba(216, 216, 216, 0)",fillOpacity:0,strokeWidth:"2.5px",stroke:"rgb(0, 0, 0)"}}),(0,i.jsx)(s.Path,{d:"M 3.016 23.76 L 3.0135 22.4385 C 3.0109999999999997 21.117 3.0060000000000002 18.474 3.3204999999999996 16.911 C 3.635 15.347999999999999 4.268999999999999 14.865 7.068666666666666 14.6235 C 9.868333333333332 14.382 14.833666666666666 14.382 17.585833333333333 14.658 C 20.337999999999997 14.934 20.877 15.485999999999999 21.1465 17.0435 C 21.416 18.601 21.416 21.164 21.416 22.4455 L 21.416 23.727",style:{fillOpacity:0,fill:"rgb(255, 255, 255)",strokeWidth:"2.5px",stroke:"rgb(0, 0, 0)"}})]})},w={journalist:{label:(0,c.__)("Journalist","wp-parsely"),emoji:"๐Ÿ“ฐ"},editorialWriter:{label:(0,c.__)("Editorial Writer","wp-parsely"),emoji:"โœ๏ธ"},investigativeReporter:{label:(0,c.__)("Investigative Reporter","wp-parsely"),emoji:"๐Ÿ•ต๏ธ"},techAnalyst:{label:(0,c.__)("Tech Analyst","wp-parsely"),emoji:"๐Ÿ’ป"},businessAnalyst:{label:(0,c.__)("Business Analyst","wp-parsely"),emoji:"๐Ÿ“ˆ"},culturalCommentator:{label:(0,c.__)("Cultural Commentator","wp-parsely"),emoji:"๐ŸŒ"},scienceCorrespondent:{label:(0,c.__)("Science Correspondent","wp-parsely"),emoji:"๐Ÿ”ฌ"},politicalAnalyst:{label:(0,c.__)("Political Analyst","wp-parsely"),emoji:"๐Ÿ›๏ธ"},healthWellnessAdvocate:{label:(0,c.__)("Health and Wellness Advocate","wp-parsely"),emoji:"๐Ÿ"},environmentalJournalist:{label:(0,c.__)("Environmental Journalist","wp-parsely"),emoji:"๐ŸŒณ"},custom:{label:(0,c.__)("Use a custom persona","wp-parsely"),emoji:"๐Ÿ”ง"}},_=Object.keys(w),b=function(e){return"custom"===e||""===e?w.custom.label:x(e)?e:w[e].label},x=function(e){return!_.includes(e)||"custom"===e},S=function(e){var t=e.value,n=e.onChange,r=(0,o.useState)(""),a=r[0],l=r[1],u=(0,h.useDebounce)(n,500);return(0,i.jsx)("div",{className:"parsely-persona-selector-custom",children:(0,i.jsx)(s.TextControl,{value:a||t,onChange:function(e){if(""===e)return n(""),void l("");e.length>32&&(e=e.slice(0,32)),u(e),l(e)},help:(0,c.__)("Enter a custom persona","wp-parsely")})})},P=function(e){var t=e.persona,n=e.label,r=void 0===n?(0,c.__)("Select a persona","wp-parsely"):n,a=e.onChange,l=e.onDropdownChange,o=e.disabled,u=void 0!==o&&o,p=e.allowCustom,d=void 0!==p&&p;return(0,i.jsxs)(s.Disabled,{isDisabled:u,children:[(0,i.jsx)(s.DropdownMenu,{label:(0,c.__)("Persona","wp-parsely"),icon:m,className:"parsely-persona-selector-dropdown"+(u?" is-disabled":""),popoverProps:{className:"wp-parsely-popover"},toggleProps:{children:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:"parsely-persona-selector-label",children:r}),(0,i.jsx)(v,{icon:y})]})},children:function(e){var n=e.onClose;return(0,i.jsx)(s.MenuGroup,{label:(0,c.__)("Select a persona","wp-parsely"),children:(0,i.jsx)(i.Fragment,{children:_.map((function(e){if(!d&&"custom"===e)return null;var r=w[e];return(0,i.jsxs)(s.MenuItem,{isSelected:e===t,className:e===t?"is-selected":"",role:"menuitemradio",onClick:function(){null==l||l(e),a(e),n()},children:[r.emoji," ",r.label]},e)}))})})}}),d&&x(t)&&(0,i.jsx)(S,{onChange:function(e){a(""!==e?e:"custom")},value:"custom"===t?"":t})]})},j=(0,u.createElement)(p.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(p.Path,{fillRule:"evenodd",d:"M6.863 13.644L5 13.25h-.5a.5.5 0 01-.5-.5v-3a.5.5 0 01.5-.5H5L18 6.5h2V16h-2l-3.854-.815.026.008a3.75 3.75 0 01-7.31-1.549zm1.477.313a2.251 2.251 0 004.356.921l-4.356-.921zm-2.84-3.28L18.157 8h.343v6.5h-.343L5.5 11.823v-1.146z",clipRule:"evenodd"})),k={neutral:{label:(0,c.__)("Neutral","wp-parsely"),emoji:"๐Ÿ˜"},formal:{label:(0,c.__)("Formal","wp-parsely"),emoji:"๐ŸŽฉ"},humorous:{label:(0,c.__)("Humorous","wp-parsely"),emoji:"๐Ÿ˜‚"},confident:{label:(0,c.__)("Confident","wp-parsely"),emoji:"๐Ÿ˜Ž"},provocative:{label:(0,c.__)("Provocative","wp-parsely"),emoji:"๐Ÿ˜ˆ"},serious:{label:(0,c.__)("Serious","wp-parsely"),emoji:"๐Ÿง"},inspirational:{label:(0,c.__)("Inspirational","wp-parsely"),emoji:"โœจ"},skeptical:{label:(0,c.__)("Skeptical","wp-parsely"),emoji:"๐Ÿคจ"},conversational:{label:(0,c.__)("Conversational","wp-parsely"),emoji:"๐Ÿ’ฌ"},analytical:{label:(0,c.__)("Analytical","wp-parsely"),emoji:"๐Ÿค“"},custom:{label:(0,c.__)("Use a custom tone","wp-parsely"),emoji:"๐Ÿ”ง"}},T=Object.keys(k),E=function(e){return"custom"===e||""===e?k.custom.label:C(e)?e:k[e].label},C=function(e){return!T.includes(e)||"custom"===e},L=function(e){var t=e.value,n=e.onChange,r=(0,o.useState)(""),a=r[0],l=r[1],u=(0,h.useDebounce)(n,500);return(0,i.jsx)("div",{className:"parsely-tone-selector-custom",children:(0,i.jsx)(s.TextControl,{value:a||t,onChange:function(e){if(""===e)return n(""),void l("");e.length>32&&(e=e.slice(0,32)),u(e),l(e)},help:(0,c.__)("Enter a custom tone","wp-parsely")})})},N=function(e){var t=e.tone,n=e.label,r=void 0===n?(0,c.__)("Select a tone","wp-parsely"):n,a=e.onChange,l=e.onDropdownChange,o=e.disabled,u=void 0!==o&&o,p=e.allowCustom,d=void 0!==p&&p;return(0,i.jsxs)(s.Disabled,{isDisabled:u,children:[(0,i.jsx)(s.DropdownMenu,{label:(0,c.__)("Tone","wp-parsely"),icon:j,className:"parsely-tone-selector-dropdown"+(u?" is-disabled":""),popoverProps:{className:"wp-parsely-popover"},toggleProps:{children:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:"parsely-tone-selector-label",children:r}),(0,i.jsx)(v,{icon:y})]})},children:function(e){var n=e.onClose;return(0,i.jsx)(s.MenuGroup,{label:(0,c.__)("Select a tone","wp-parsely"),children:(0,i.jsx)(i.Fragment,{children:T.map((function(e){if(!d&&"custom"===e)return null;var r=k[e];return(0,i.jsxs)(s.MenuItem,{isSelected:e===t,className:e===t?"is-selected":"",role:"menuitemradio",onClick:function(){null==l||l(e),a(e),n()},children:[r.emoji," ",r.label]},e)}))})})}}),d&&C(t)&&(0,i.jsx)(L,{onChange:function(e){a(""!==e?e:"custom")},value:"custom"===t?"":t})]})},O=function(){return(0,i.jsx)(s.SVG,{"aria-hidden":"true",version:"1.1",viewBox:"0 0 15 15",width:"15",height:"15",xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)(s.Path,{d:"M0 14.0025V11.0025L7.5 3.5025L10.5 6.5025L3 14.0025H0ZM12 5.0025L13.56 3.4425C14.15 2.8525 14.15 1.9025 13.56 1.3225L12.68 0.4425C12.09 -0.1475 11.14 -0.1475 10.56 0.4425L9 2.0025L12 5.0025Z"})})},A=function(e){var t=e.size,n=void 0===t?24:t,r=e.className,a=void 0===r?"wp-parsely-icon":r;return(0,i.jsxs)(s.SVG,{className:a,height:n,viewBox:"0 0 60 65",width:n,xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)(s.Path,{fill:"#5ba745",d:"M23.72,51.53c0-.18,0-.34-.06-.52a13.11,13.11,0,0,0-2.1-5.53A14.74,14.74,0,0,0,19.12,43c-.27-.21-.5-.11-.51.22l-.24,3.42c0,.33-.38.35-.49,0l-1.5-4.8a1.4,1.4,0,0,0-.77-.78,23.91,23.91,0,0,0-3.1-.84c-1.38-.24-3.39-.39-3.39-.39-.34,0-.45.21-.25.49l2.06,3.76c.2.27,0,.54-.29.33l-4.51-3.6a3.68,3.68,0,0,0-2.86-.48c-1,.16-2.44.46-2.44.46a.68.68,0,0,0-.39.25.73.73,0,0,0-.14.45S.41,43,.54,44a3.63,3.63,0,0,0,1.25,2.62L6.48,50c.28.2.09.49-.23.37l-4.18-.94c-.32-.12-.5,0-.4.37,0,0,.69,1.89,1.31,3.16a24,24,0,0,0,1.66,2.74,1.34,1.34,0,0,0,1,.52l5,.13c.33,0,.41.38.1.48L7.51,58c-.31.1-.34.35-.07.55a14.29,14.29,0,0,0,3.05,1.66,13.09,13.09,0,0,0,5.9.5,25.13,25.13,0,0,0,4.34-1,9.55,9.55,0,0,1-.08-1.2,9.32,9.32,0,0,1,3.07-6.91"}),(0,i.jsx)(s.Path,{fill:"#5ba745",d:"M59.7,41.53a.73.73,0,0,0-.14-.45.68.68,0,0,0-.39-.25s-1.43-.3-2.44-.46a3.64,3.64,0,0,0-2.86.48l-4.51,3.6c-.26.21-.49-.06-.29-.33l2.06-3.76c.2-.28.09-.49-.25-.49,0,0-2,.15-3.39.39a23.91,23.91,0,0,0-3.1.84,1.4,1.4,0,0,0-.77.78l-1.5,4.8c-.11.32-.48.3-.49,0l-.24-3.42c0-.33-.24-.43-.51-.22a14.74,14.74,0,0,0-2.44,2.47A13.11,13.11,0,0,0,36.34,51c0,.18,0,.34-.06.52a9.26,9.26,0,0,1,3,8.1,24.1,24.1,0,0,0,4.34,1,13.09,13.09,0,0,0,5.9-.5,14.29,14.29,0,0,0,3.05-1.66c.27-.2.24-.45-.07-.55l-3.22-1.17c-.31-.1-.23-.47.1-.48l5-.13a1.38,1.38,0,0,0,1-.52A24.6,24.6,0,0,0,57,52.92c.61-1.27,1.31-3.16,1.31-3.16.1-.33-.08-.49-.4-.37l-4.18.94c-.32.12-.51-.17-.23-.37l4.69-3.34A3.63,3.63,0,0,0,59.46,44c.13-1,.24-2.47.24-2.47"}),(0,i.jsx)(s.Path,{fill:"#5ba745",d:"M46.5,25.61c0-.53-.35-.72-.8-.43l-4.86,2.66c-.45.28-.56-.27-.23-.69l4.66-6.23a2,2,0,0,0,.28-1.68,36.51,36.51,0,0,0-2.19-4.89,34,34,0,0,0-2.81-3.94c-.33-.41-.74-.35-.91.16l-2.28,5.68c-.16.5-.6.48-.59-.05l.28-8.93a2.54,2.54,0,0,0-.66-1.64S35,4.27,33.88,3.27,30.78.69,30.78.69a1.29,1.29,0,0,0-1.54,0s-1.88,1.49-3.12,2.59-2.48,2.35-2.48,2.35A2.5,2.5,0,0,0,23,7.27l.27,8.93c0,.53-.41.55-.58.05l-2.29-5.69c-.17-.5-.57-.56-.91-.14a35.77,35.77,0,0,0-3,4.2,35.55,35.55,0,0,0-2,4.62,2,2,0,0,0,.27,1.67l4.67,6.24c.33.42.23,1-.22.69l-4.87-2.66c-.45-.29-.82-.1-.82.43a18.6,18.6,0,0,0,.83,5.07,20.16,20.16,0,0,0,5.37,7.77c3.19,3,5.93,7.8,7.45,11.08A9.6,9.6,0,0,1,30,49.09a9.31,9.31,0,0,1,2.86.45c1.52-3.28,4.26-8.11,7.44-11.09a20.46,20.46,0,0,0,5.09-7,19,19,0,0,0,1.11-5.82"}),(0,i.jsx)(s.Path,{fill:"#5ba745",d:"M36.12,58.44A6.12,6.12,0,1,1,30,52.32a6.11,6.11,0,0,1,6.12,6.12"})]})},R=function(){return R=Object.assign||function(e){for(var t,n=1,r=arguments.length;n".concat(this.message,"

").concat(this.hint?this.hint:"")}))},t.prototype.Hint=function(e){return'

'.concat((0,c.__)("Hint:","wp-parsely")," ").concat(e,"

")},t}(Error),pe=function(){function e(){}return e.generateSmartLinks=function(e,t,n){var r,i,s,a,l;return void 0===t&&(t=xe),void 0===n&&(n=be),i=this,s=void 0,l=function(){var i,s;return function(e,t){var n,r,i,s,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return s={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(s[Symbol.iterator]=function(){return this}),s;function l(l){return function(o){return function(l){if(n)throw new TypeError("Generator is already executing.");for(;s&&(s=0,l[0]&&(a=0)),a;)try{if(n=1,r&&(i=2&l[0]?r.return:l[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,l[1])).done)return i;switch(r=0,i&&(l=[2&l[0],i.value]),l[0]){case 0:case 1:i=l;break;case 4:return a.label++,{value:l[1],done:!1};case 5:a.label++,r=l[1],l=[0];continue;case 7:l=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==l[0]&&2!==l[0])){a=0;continue}if(3===l[0]&&(!i||l[1]>i[0]&&l[1]0&&i[i.length-1])||6!==l[0]&&2!==l[0])){a=0;continue}if(3===l[0]&&(!i||l[1]>i[0]&&l[1]0)){var e={maxLinksPerPost:p.SmartLinkingMaxLinks,maxLinkWords:p.SmartLinkingMaxLinkWords,settingsOpen:p.SmartLinkingSettingsOpen};A(e)}}),[A,p]);var R=(0,a.useSelect)((function(e){var t=e("core/block-editor"),r=t.getSelectedBlock,i=t.getBlock,s=e("core/editor").getEditedPostContent;return{selectedBlock:n?i(n):r(),postContent:s()}}),[n]),I=R.selectedBlock,B=R.postContent;(0,o.useEffect)((function(){v(null)}),[I]);var M=function(e){return void 0===e&&(e="all"),ge(void 0,void 0,void 0,(function(){var t;return he(this,(function(n){switch(n.label){case 0:return[4,O(e)];case 1:return n.sent(),l===fe.BlockInspector&&("all"===e||w?(t=(0,a.select)("core/block-editor").getBlockOrder()[0],(0,a.dispatch)("core/block-editor").selectBlock(t)):(0,a.dispatch)("core/block-editor").selectBlock(e)),0===_.length&&D(),[2]}}))}))},V=function(){(0,a.dispatch)("core/editor").lockPostSaving("wp-parsely-block-overlay"),document.querySelectorAll('.edit-post-header__settings>[type="button"]').forEach((function(e){e.setAttribute("disabled","disabled")}))},D=function(){document.querySelectorAll('.edit-post-header__settings>[type="button"]').forEach((function(e){e.removeAttribute("disabled")})),(0,a.dispatch)("core/editor").unlockPostSaving("wp-parsely-block-overlay")};return(0,i.jsx)("div",{className:"wp-parsely-smart-linking",children:(0,i.jsxs)(s.PanelRow,{className:t,children:[(0,i.jsxs)("div",{className:"wp-parsely-smart-linking-text",children:[(0,c.__)("Automatically insert links to your most relevant, top performing content.","wp-parsely"),"ย ",(0,i.jsx)("a",{href:"https://docs.parse.ly/plugin-content-helper/#h-smart-linking-beta",children:(0,c.__)("Learn how Smart Linking works.","wp-parsely")})]}),b&&(0,i.jsx)(s.Notice,{status:"info",isDismissible:!1,className:"wp-parsely-content-helper-error",children:b.message}),null!==x&&(0,i.jsx)(s.Notice,{status:"success",isDismissible:!1,className:"wp-parsely-smart-linking-suggested-links",children:/* translators: 1 - number of smart links generated */ (0,c.sprintf)((0,c.__)("Successfully added %s smart links.","wp-parsely"),x.length)}),(0,i.jsx)(le,{disabled:m,onSettingChange:function(e,t){var n,r;d(((n={})[e]=t,n)),A(((r={})[e]=t,r))}}),(0,i.jsxs)("div",{className:"wp-parsely-smart-linking-generate",children:[(0,i.jsx)(s.Button,{onClick:function(){return ge(void 0,void 0,void 0,(function(){var e,t,n,r,i;return he(this,(function(s){switch(s.label){case 0:return[4,T(!0)];case 1:return s.sent(),[4,L(null)];case 2:return s.sent(),[4,C(null)];case 3:return s.sent(),g.trackEvent("smart_linking_generate_pressed",{is_full_content:w,selected_block:null!==(i=null==I?void 0:I.name)&&void 0!==i?i:"none",context:l}),[4,(o=w?"all":null==I?void 0:I.clientId,void 0===o&&(o="all"),ge(void 0,void 0,void 0,(function(){return he(this,(function(e){switch(e.label){case 0:return[4,N(o)];case 1:return e.sent(),V(),[2]}}))})))];case 4:s.sent(),e=setTimeout((function(){var e;T(!1),g.trackEvent("smart_linking_generate_timeout",{is_full_content:w,selected_block:null!==(e=null==I?void 0:I.name)&&void 0!==e?e:"none",context:l}),M(w?"all":null==I?void 0:I.clientId)}),6e4),s.label=5;case 5:return s.trys.push([5,11,12,15]),t=w||!I,n=[],!(null==I?void 0:I.originalContent)||t?[3,7]:[4,pe.generateSmartLinks(null==I?void 0:I.originalContent,P,S)];case 6:return n=s.sent(),[3,9];case 7:return[4,pe.generateSmartLinks(B,P,S)];case 8:n=s.sent(),s.label=9;case 9:return[4,L(n)];case 10:return s.sent(),function(e){var t;g.trackEvent("smart_linking_applied",{is_full_content:w,selected_block:null!==(t=null==I?void 0:I.name)&&void 0!==t?t:"none",links_count:e.length,context:l});for(var n="",r=n=I&&!w?I.attributes.content:B,i=0,s=e;i(null==p?void 0:p.length)&&o.offset++;var d='').concat(o.text,"");r=de(r,new RegExp("(".concat(o.text,"|]*>").concat(o.text,")")),d,o.offset)}}I&&!w?(0,a.dispatch)("core/block-editor").updateBlockAttributes(I.clientId,{content:r}):(0,a.dispatch)("core/editor").editPost({content:r})}(n),[3,15];case 11:return r=s.sent(),C(r),[3,15];case 12:return[4,T(!1)];case 13:return s.sent(),[4,M(w?"all":null==I?void 0:I.clientId)];case 14:return s.sent(),clearTimeout(e),[7];case 15:return[2]}var o}))}))},variant:"primary",isBusy:m,disabled:m,children:m?(0,c.__)("Generatingโ€ฆ","wp-parsely"):(0,c.__)("Add Smart Links","wp-parsely")}),h&&(0,i.jsxs)(s.Notice,{status:"warning",isDismissible:!0,onRemove:function(){return v(null)},className:"wp-parsely-smart-linking-hint",children:[(0,i.jsx)("strong",{children:(0,c.__)("Hint:","wp-parsely")})," ",h]}),(0,i.jsx)(s.Disabled,{isDisabled:m,children:(0,i.jsx)(s.CheckboxControl,{checked:!I||w,disabled:m,onClick:function(){I||v((0,c.__)("If you want to target a specific block, you should select it on the block editor.","wp-parsely"))},onChange:I?E:function(){},label:(0,c.__)("Add smart links for the entire post","wp-parsely")})})]})]})})},ye=function(){return ye=Object.assign||function(e){for(var t,n=1,r=arguments.length;n=c){var u=t;(i=r/c)%1>1/l&&(u=i>10?1:2),u=parseFloat(i.toFixed(2))===parseFloat(i.toFixed(0))?0:u,s=i.toFixed(u),a=o}l=c})),s+n+a}var Ne=function(e){var n=e.data,r=e.isLoading,a=(0,o.useState)(t.Views),l=a[0],u=a[1],p=(0,o.useState)(!1),d=p[0],f=p[1];r||delete n.referrers.types.totals;var g=function(e){switch(e){case"social":return(0,c.__)("Social","wp-parsely");case"search":return(0,c.__)("Search","wp-parsely");case"other":return(0,c.__)("Other","wp-parsely");case"internal":return(0,c.__)("Internal","wp-parsely");case"direct":return(0,c.__)("Direct","wp-parsely")}return e},h=(0,c.sprintf)((0,c.__)("By %s","wp-parsely"),$(l)); /* translators: %s: metric description */return(0,i.jsxs)(Ce,{title:(0,c.__)("Categories","wp-parsely"),level:3,subtitle:h,isOpen:d,onClick:function(){return f(!d)},children:[d&&(0,i.jsx)("div",{className:"panel-settings",children:(0,i.jsx)(s.SelectControl,{value:l,prefix:(0,c.__)("By: ","wp-parsely"),onChange:function(e){U(e,t)&&u(e)},children:Object.values(t).map((function(e){return(0,i.jsxs)("option",{value:e,disabled:"avg_engaged"===e,children:[$(e),"avg_engaged"===e&&(0,c.__)(" (coming soon)","wp-parsely")]},e)}))})}),r?(0,i.jsx)("div",{className:"parsely-spinner-wrapper","data-testid":"parsely-spinner-wrapper",children:(0,i.jsx)(s.Spinner,{})}):(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"multi-percentage-bar",children:Object.entries(n.referrers.types).map((function(e){var t=e[0],n=e[1],r=(0,c.sprintf)(/* translators: 1: Referrer type, 2: Percentage value, %%: Escaped percent sign */ -(0,c.__)("%1$s: %2$s%%","wp-parsely"),g(t),n.viewsPercentage);return(0,i.jsx)(s.Tooltip,{text:"".concat(g(t)," - ").concat(n.viewsPercentage,"%"),delay:150,children:(0,i.jsx)("div",{"aria-label":r,className:"bar-fill "+t,style:{width:n.viewsPercentage+"%"}})},t)}))}),(0,i.jsx)("div",{className:"percentage-bar-labels",children:Object.entries(n.referrers.types).map((function(e){var t=e[0],n=e[1];return(0,i.jsxs)("div",{className:"single-label "+t,children:[(0,i.jsx)("div",{className:"label-color "+t}),(0,i.jsx)("div",{className:"label-text",children:g(t)}),(0,i.jsx)("div",{className:"label-value",children:Le(n.views)})]},t)}))})]})]})},Oe=(0,u.createElement)(p.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,u.createElement)(p.Path,{d:"M3.99961 13C4.67043 13.3354 4.6703 13.3357 4.67017 13.3359L4.67298 13.3305C4.67621 13.3242 4.68184 13.3135 4.68988 13.2985C4.70595 13.2686 4.7316 13.2218 4.76695 13.1608C4.8377 13.0385 4.94692 12.8592 5.09541 12.6419C5.39312 12.2062 5.84436 11.624 6.45435 11.0431C7.67308 9.88241 9.49719 8.75 11.9996 8.75C14.502 8.75 16.3261 9.88241 17.5449 11.0431C18.1549 11.624 18.6061 12.2062 18.9038 12.6419C19.0523 12.8592 19.1615 13.0385 19.2323 13.1608C19.2676 13.2218 19.2933 13.2686 19.3093 13.2985C19.3174 13.3135 19.323 13.3242 19.3262 13.3305L19.3291 13.3359C19.3289 13.3357 19.3288 13.3354 19.9996 13C20.6704 12.6646 20.6703 12.6643 20.6701 12.664L20.6697 12.6632L20.6688 12.6614L20.6662 12.6563L20.6583 12.6408C20.6517 12.6282 20.6427 12.6108 20.631 12.5892C20.6078 12.5459 20.5744 12.4852 20.5306 12.4096C20.4432 12.2584 20.3141 12.0471 20.1423 11.7956C19.7994 11.2938 19.2819 10.626 18.5794 9.9569C17.1731 8.61759 14.9972 7.25 11.9996 7.25C9.00203 7.25 6.82614 8.61759 5.41987 9.9569C4.71736 10.626 4.19984 11.2938 3.85694 11.7956C3.68511 12.0471 3.55605 12.2584 3.4686 12.4096C3.42484 12.4852 3.39142 12.5459 3.36818 12.5892C3.35656 12.6108 3.34748 12.6282 3.34092 12.6408L3.33297 12.6563L3.33041 12.6614L3.32948 12.6632L3.32911 12.664C3.32894 12.6643 3.32879 12.6646 3.99961 13ZM11.9996 16C13.9326 16 15.4996 14.433 15.4996 12.5C15.4996 10.567 13.9326 9 11.9996 9C10.0666 9 8.49961 10.567 8.49961 12.5C8.49961 14.433 10.0666 16 11.9996 16Z"})),Ae=(0,u.createElement)(p.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(p.Path,{d:"M15.5 9.5a1 1 0 100-2 1 1 0 000 2zm0 1.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm-2.25 6v-2a2.75 2.75 0 00-2.75-2.75h-4A2.75 2.75 0 003.75 15v2h1.5v-2c0-.69.56-1.25 1.25-1.25h4c.69 0 1.25.56 1.25 1.25v2h1.5zm7-2v2h-1.5v-2c0-.69-.56-1.25-1.25-1.25H15v-1.5h2.5A2.75 2.75 0 0120.25 15zM9.5 8.5a1 1 0 11-2 0 1 1 0 012 0zm1.5 0a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z",fillRule:"evenodd"})),Re=(0,u.createElement)(p.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(p.Path,{d:"M12 4V2.2L9 4.8l3 2.5V5.5c3.6 0 6.5 2.9 6.5 6.5 0 2.9-1.9 5.3-4.5 6.2v.2l-.1-.2c-.4.1-.7.2-1.1.2l.2 1.5c.3 0 .6-.1 1-.2 3.5-.9 6-4 6-7.7 0-4.4-3.6-8-8-8zm-7.9 7l1.5.2c.1-1.2.5-2.3 1.2-3.2l-1.1-.9C4.8 8.2 4.3 9.6 4.1 11zm1.5 1.8l-1.5.2c.1.7.3 1.4.5 2 .3.7.6 1.3 1 1.8l1.2-.8c-.3-.5-.6-1-.8-1.5s-.4-1.1-.4-1.7zm1.5 5.5c1.1.9 2.4 1.4 3.8 1.6l.2-1.5c-1.1-.1-2.2-.5-3.1-1.2l-.9 1.1z"})),Ie=(0,u.createElement)(p.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(p.Path,{d:"M11 13h2v-2h-2v2zm-6 0h2v-2H5v2zm12-2v2h2v-2h-2z"})),Be=function(){return Be=Object.assign||function(e){for(var t,n=1,r=arguments.length;n0&&i[i.length-1])||6!==l[0]&&2!==l[0])){a=0;continue}if(3===l[0]&&(!i||l[1]>i[0]&&l[1]1?[2,Promise.reject(new ue((0,c.sprintf)(/* translators: URL of the published post */ (0,c.__)("Multiple results were returned for the post %s by the Parse.ly API.","wp-parsely"),t),ae.ParselyApiReturnedTooManyResults))]:[2,n.data[0]]}}))}))},e.prototype.fetchReferrerDataFromWpEndpoint=function(e,t,n){return Qe(this,void 0,void 0,(function(){var r,i;return Xe(this,(function(s){switch(s.label){case 0:return s.trys.push([0,2,,3]),[4,D()({path:(0,oe.addQueryArgs)("/wp-parsely/v1/referrers/post/detail",Ye(Ye({},Ke(e)),{itm_source:this.itmSource,total_views:n,url:t}))})];case 1:return r=s.sent(),[3,3];case 2:return i=s.sent(),[2,Promise.reject(new ue(i.message,i.code))];case 3:return(null==r?void 0:r.error)?[2,Promise.reject(new ue(r.error.message,ae.ParselyApiResponseContainsError))]:[2,r.data]}}))}))},e}(),et=function(){return et=Object.assign||function(e){for(var t,n=1,r=arguments.length;n0&&i[i.length-1])||6!==l[0]&&2!==l[0])){a=0;continue}if(3===l[0]&&(!i||l[1]>i[0]&&l[1]0&&e.retryFetch?[4,new Promise((function(e){return setTimeout(e,500)}))]:[3,3];case 1:return n.sent(),[4,t(r-1)];case 2:return n.sent(),[3,4];case 3:d(e),l(!1),n.label=4;case 4:return[2]}}))}))})),[2]}))}))};return l(!0),t(1),function(){d(void 0)}}),[n]),(0,i.jsxs)("div",{className:"wp-parsely-performance-panel",children:[(0,i.jsx)(Ce,{title:(0,c.__)("Performance Stats","wp-parsely"),icon:Ee,dropdownChildren:function(e){var t=e.onClose;return(0,i.jsx)(at,{onClose:t})},children:(0,i.jsx)("div",{className:"panel-settings",children:(0,i.jsx)(s.SelectControl,{value:m.PerformanceStatsSettings.Period,prefix:(0,c.__)("Period: ","wp-parsely"),onChange:function(t){U(t,e)&&(w({PerformanceStatsSettings:et(et({},m.PerformanceStatsSettings),{Period:t})}),g.trackEvent("editor_sidebar_performance_period_changed",{period:t}))},children:Object.values(e).map((function(e){return(0,i.jsx)("option",{value:e,children:W(e)},e)}))})})}),p?p.Message():(0,i.jsxs)(i.Fragment,{children:[st(m,"overview")&&(0,i.jsx)(He,{data:h,isLoading:a}),st(m,"categories")&&(0,i.jsx)(Ne,{data:h,isLoading:a}),st(m,"referrers")&&(0,i.jsx)(Ue,{data:h,isLoading:a})]}),window.wpParselyPostUrl&&(0,i.jsx)(s.Button,{className:"wp-parsely-view-post",variant:"primary",onClick:function(){g.trackEvent("editor_sidebar_view_post_pressed")},href:window.wpParselyPostUrl,rel:"noopener",target:"_blank",children:(0,c.__)("View this in Parse.ly","wp-parsely")})]})},ot=function(e){var t=e.period;return(0,i.jsx)(s.Panel,{children:(0,i.jsx)(J,{children:(0,i.jsx)(lt,{period:t})})})},ct=window.wp.coreData,ut=window.wp.editor,pt=function(e){var t=e.filter,n=e.label,s=e.onFilterTypeChange,a=e.onFilterValueChange,l=e.postData,o=function(){return l.tags.length>=1&&l.categories.length>=1||l.tags.length>=1&&l.authors.length>=1||l.categories.length>=1&&l.authors.length>=1},c=function(){return r.Tag===t.type&&l.tags.length>1||r.Section===t.type&&l.categories.length>1||r.Author===t.type&&l.authors.length>1},u=c()&&!o();return(0,i.jsxs)(i.Fragment,{children:[o()&&(0,i.jsx)(dt,{filter:t,label:u?void 0:n,onFilterTypeChange:s,postData:l}),c()&&(0,i.jsx)(ft,{filter:t,label:u?n:void 0,onFilterValueChange:a,postData:l})]})},dt=function(e){var t=e.filter,n=e.label,a=e.onFilterTypeChange,l=e.postData;return(0,i.jsxs)(s.SelectControl,{label:n,onChange:function(e){return a(e)},value:t.type,children:[l.tags.length>=1&&(0,i.jsx)("option",{value:r.Tag,children:(0,c.__)("Tag","wp-parsely")}),l.categories.length>=1&&(0,i.jsx)("option",{value:r.Section,children:(0,c.__)("Section","wp-parsely")}),l.authors.length>=1&&(0,i.jsx)("option",{value:r.Author,children:(0,c.__)("Author","wp-parsely")})]})},ft=function(e){var t=e.filter,n=e.label,a=e.onFilterValueChange,l=e.postData;return(0,i.jsx)(s.ComboboxControl,{label:n,onChange:function(e){return a(e)},options:r.Tag===t.type?l.tags.map((function(e){return{value:e,label:e}})):r.Section===t.type?l.categories.map((function(e){return{value:e,label:e}})):r.Author===t.type?l.authors.map((function(e){return{value:e,label:e}})):[],value:t.value})},gt=function(){return(0,i.jsxs)(s.SVG,{"aria-hidden":"true",version:"1.1",viewBox:"0 0 16 16",width:"16",height:"16",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)(s.Path,{d:"M0 3.29592C0 2.73237 0.456853 2.27551 1.02041 2.27551H4.08165C4.50432 2.27551 4.84696 2.61815 4.84696 3.04082C4.84696 3.46349 4.50432 3.80613 4.08165 3.80613H1.53062V11.9694H9.69391V9.6735C9.69391 9.25083 10.0366 8.90819 10.4592 8.90819C10.8819 8.90819 11.2245 9.25083 11.2245 9.6735V12.4796C11.2245 13.0432 10.7677 13.5 10.2041 13.5H1.02041C0.456854 13.5 0 13.0432 0 12.4796V3.29592Z"}),(0,i.jsx)(s.Path,{d:"M12.531 1.22415C12.8299 1.52303 12.8299 2.00759 12.531 2.30646L6.15342 8.68404C5.85455 8.98291 5.36998 8.98291 5.07111 8.68404C4.77224 8.38517 4.77224 7.9006 5.07111 7.60173L11.4487 1.22415C11.7476 0.925282 12.2321 0.925282 12.531 1.22415Z"}),(0,i.jsx)(s.Path,{d:"M6.63268 1.51012C6.63268 1.08745 6.97532 0.744812 7.39799 0.744812H12.2449C12.6676 0.744812 13.0103 1.08745 13.0103 1.51012V6.35708C13.0103 6.77975 12.6676 7.12239 12.2449 7.12239C11.8223 7.12239 11.4796 6.77975 11.4796 6.35708V2.27543H7.39799C6.97532 2.27543 6.63268 1.93279 6.63268 1.51012Z"})]})},ht=function(){return(0,i.jsx)(s.SVG,{"aria-hidden":"true",version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 42 42",children:(0,i.jsx)(s.Path,{d:"M15.3,20.1c0,3.1,2.6,5.7,5.7,5.7s5.7-2.6,5.7-5.7s-2.6-5.7-5.7-5.7S15.3,17,15.3,20.1z M23.4,32.4\n\t\t\tC30.1,30.9,40.5,22,40.5,22s-7.7-12-18-13.3c-0.6-0.1-2.6-0.1-3-0.1c-10,1-18,13.7-18,13.7s8.7,8.6,17,9.9\n\t\t\tC19.4,32.6,22.4,32.6,23.4,32.4z M11.1,20.7c0-5.2,4.4-9.4,9.9-9.4s9.9,4.2,9.9,9.4S26.5,30,21,30S11.1,25.8,11.1,20.7z"})})};function vt(e){var t=e.metric,n=e.post,r=e.avgEngagedIcon,s=e.viewsIcon;return"views"===t?(0,i.jsxs)("span",{className:"parsely-post-metric-data",children:[(0,i.jsx)("span",{className:"screen-reader-text",children:(0,c.__)("Number of Views","wp-parsely")}),s,Le(n.views.toString())]}):"avg_engaged"===t?(0,i.jsxs)("span",{className:"parsely-post-metric-data",children:[(0,i.jsx)("span",{className:"screen-reader-text",children:(0,c.__)("Average Time","wp-parsely")}),r,n.avgEngaged]}):(0,i.jsx)("span",{className:"parsely-post-metric-data",children:"-"})}function yt(e){var t,n=e.metric,r=e.post;return(0,i.jsxs)("li",{className:"parsely-related-post","data-testid":"parsely-related-post",children:[(0,i.jsxs)("div",{className:"parsely-related-post-title",children:[(0,i.jsxs)("a",{className:"parsely-related-post-stats-link",href:r.dashUrl,target:"_blank",rel:"noreferrer",children:[(0,i.jsx)("span",{className:"screen-reader-text",children:(0,c.__)("View in Parse.ly (opens new tab)","wp-parsely")}),r.title]}),(0,i.jsxs)("a",{className:"parsely-related-post-view-link",href:r.url,target:"_blank",rel:"noreferrer",children:[(0,i.jsx)("span",{className:"screen-reader-text",children:(0,c.__)("View Post (opens new tab)","wp-parsely")}),(0,i.jsx)(gt,{})]}),0!==r.postId&&(0,i.jsxs)("a",{className:"parsely-related-post-edit-link",href:(t=r.postId,"/wp-admin/post.php?post=".concat(t,"&action=edit")),target:"_blank",rel:"noreferrer",children:[(0,i.jsx)("span",{className:"screen-reader-text",children:(0,c.__)("Edit Post (opens new tab)","wp-parsely")}),(0,i.jsx)(O,{})]})]}),(0,i.jsxs)("p",{className:"parsely-related-post-info",children:[(0,i.jsxs)("span",{className:"parsely-related-post-date",children:[(0,i.jsx)("span",{className:"screen-reader-text",children:(0,c.__)("Date","wp-parsely")}),Ze(new Date(r.date))]}),(0,i.jsxs)("span",{className:"parsely-related-post-author",children:[(0,i.jsx)("span",{className:"screen-reader-text",children:(0,c.__)("Author","wp-parsely")}),r.author]}),(0,i.jsx)(vt,{metric:n,post:r,viewsIcon:(0,i.jsx)(ht,{}),avgEngagedIcon:(0,i.jsx)(s.Dashicon,{icon:"clock"})})]})]})}var mt=function(){return mt=Object.assign||function(e){for(var t,n=1,r=arguments.length;n0&&i[i.length-1])||6!==l[0]&&2!==l[0])){a=0;continue}if(3===l[0]&&(!i||l[1]>i[0]&&l[1] +
Date: Mon, 4 Mar 2024 14:49:51 +0200 Subject: [PATCH 3/3] Update Multi-percentage bar styling --- build/content-helper/editor-sidebar.asset.php | 2 +- build/content-helper/editor-sidebar.css | 2 +- .../performance-details/performance-details.scss | 11 +++++------ 3 files changed, 7 insertions(+), 8 deletions(-) diff --git a/build/content-helper/editor-sidebar.asset.php b/build/content-helper/editor-sidebar.asset.php index 8aa19a6cd..9865ec501 100644 --- a/build/content-helper/editor-sidebar.asset.php +++ b/build/content-helper/editor-sidebar.asset.php @@ -1 +1 @@ - array('react', 'wp-api-fetch', 'wp-block-editor', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-edit-post', 'wp-editor', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-plugins', 'wp-primitives', 'wp-url'), 'version' => '8a7a2dd73718a70e2a36'); + array('react', 'wp-api-fetch', 'wp-block-editor', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-edit-post', 'wp-editor', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-plugins', 'wp-primitives', 'wp-url'), 'version' => 'fde6f1ff191f00f19122'); diff --git a/build/content-helper/editor-sidebar.css b/build/content-helper/editor-sidebar.css index f0ddd470b..2a5861b27 100644 --- a/build/content-helper/editor-sidebar.css +++ b/build/content-helper/editor-sidebar.css @@ -1,4 +1,4 @@ .wp-parsely-beta-badge{align-self:end;background-color:var(--parsely-green);border-radius:.34em;box-shadow:0 .0625rem .1875rem rgba(0,0,0,.2);color:#fff;display:inline-block;font-size:.75rem;font-weight:700;margin:.125em .125em .125em auto;opacity:.8;padding:.15em .65em;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none}.parsely-tone-selector-dropdown{margin-bottom:.625rem;overflow-wrap:break-word;width:100%;word-break:break-word}.parsely-tone-selector-dropdown.is-disabled{opacity:.5;pointer-events:none}.parsely-tone-selector-dropdown .components-dropdown-menu__toggle{display:flex;gap:.625rem;width:100%}.parsely-tone-selector-dropdown .components-dropdown-menu__toggle svg:first-of-type path{transform:scale(1.4);transform-origin:center}.parsely-tone-selector-dropdown .parsely-tone-selector-label{flex-grow:2;text-align:left}.parsely-tone-selector-dropdown .parsely-tone-selector-label:first-letter{text-transform:uppercase}#wp-parsely-dashboard-widget,.components-button[aria-controls="wp-parsely-block-editor-sidebar:wp-parsely-content-helper"],.settings_page_parsely,.wp-parsely-content-helper,.wp-parsely-excerpt-generator,.wp-parsely-panel,.wp-parsely-popover{--base-font:"source-sans-pro",arial,sans-serif;--numeric-font:"ff-din-round-web",sans-serif;--parsely-green:#59a744;--parsely-green-10:#c7ecb1;--parsely-green-65:#2a691b;--gray-200:#f7f8f9;--gray-300:#edeeef;--gray-400:#d7dbdf;--gray-500:#959da5;--gray-600:#586069;--gray-700:#444d56;--gray-900:#24292e;--blue-500:#44a8e5;--blue-550:#2596db;--green-500:#7bc01b;--green-900:#3d6307;--ref-direct:205,13%,52%;--ref-internal:161,91%,41%;--ref-social:210,72%,41%;--ref-search:42,100%,50%;--ref-other:3,76%,58%;--base-text:var(--gray-900);--base-text-2:var(--gray-600);--base-3:var(--gray-400);--border:var(--gray-400);--data:var(--green-500);--control:var(--blue-500);--grid-unit-5:0.25rem;--grid-unit-10:0.5rem;--grid-unit-15:0.75rem;--grid-unit-20:1rem;--font-size--smaller:0.688rem;--font-size--small:0.75rem;--font-size--medium:0.875rem;--font-size--large:1rem;--font-size--extra-large:1.2rem;--black:#000;--sidebar-black:#1e1e1e;--sidebar-white:#f0f0f0}.parsely-persona-selector-dropdown{margin-bottom:.625rem;overflow-wrap:break-word;width:100%;word-break:break-word}.parsely-persona-selector-dropdown.is-disabled{opacity:.5;pointer-events:none}.parsely-persona-selector-dropdown .components-dropdown-menu__toggle{display:flex;gap:.625rem;width:100%}.parsely-persona-selector-dropdown .parsely-persona-selector-label{flex-grow:2;text-align:left}.parsely-persona-selector-dropdown .parsely-persona-selector-label:first-letter{text-transform:uppercase}.wp-parsely-popover button.components-button.components-menu-item__button.is-selected,.wp-parsely-popover button.components-button.components-menu-item__button.is-selected:focus{box-shadow:0 0 0 2px var(--parsely-green);outline:3px solid transparent}.parsely-panel-settings{width:100%}.parsely-panel-settings .parsely-panel-settings-header{display:flex;margin:.625rem 0;width:100%}.parsely-panel-settings .parsely-panel-settings-header .parsely-panel-settings-header-label{flex-grow:2;margin:0 0 0 .3125rem;text-align:left}.parsely-panel-settings .parsely-panel-settings-header .parsely-panel-settings-header-label .components-base-control__field{align-items:center;display:flex;justify-content:space-between}.parsely-panel-settings .parsely-panel-settings-header .parsely-panel-settings-header-label .components-base-control__field .components-base-control__label{margin-bottom:0}.wp-parsely-content-helper-error{align-self:flex-start;margin:0}.wp-parsely-content-helper-error p{margin:0}.wp-parsely-content-helper-error .content-helper-error-message{margin:0!important} #wp-parsely-dashboard-widget,.components-button[aria-controls="wp-parsely-block-editor-sidebar:wp-parsely-content-helper"],.settings_page_parsely,.wp-parsely-content-helper,.wp-parsely-excerpt-generator,.wp-parsely-panel,.wp-parsely-popover{--base-font:"source-sans-pro",arial,sans-serif;--numeric-font:"ff-din-round-web",sans-serif;--parsely-green:#59a744;--parsely-green-10:#c7ecb1;--parsely-green-65:#2a691b;--gray-200:#f7f8f9;--gray-300:#edeeef;--gray-400:#d7dbdf;--gray-500:#959da5;--gray-600:#586069;--gray-700:#444d56;--gray-900:#24292e;--blue-500:#44a8e5;--blue-550:#2596db;--green-500:#7bc01b;--green-900:#3d6307;--ref-direct:205,13%,52%;--ref-internal:161,91%,41%;--ref-social:210,72%,41%;--ref-search:42,100%,50%;--ref-other:3,76%,58%;--base-text:var(--gray-900);--base-text-2:var(--gray-600);--base-3:var(--gray-400);--border:var(--gray-400);--data:var(--green-500);--control:var(--blue-500);--grid-unit-5:0.25rem;--grid-unit-10:0.5rem;--grid-unit-15:0.75rem;--grid-unit-20:1rem;--font-size--smaller:0.688rem;--font-size--small:0.75rem;--font-size--medium:0.875rem;--font-size--large:1rem;--font-size--extra-large:1.2rem;--black:#000;--sidebar-black:#1e1e1e;--sidebar-white:#f0f0f0}.wp-parsely-block-overlay{align-items:center;background-color:hsla(0,0%,100%,.85);box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.wp-parsely-block-overlay .wp-parsely-block-overlay-label{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wp-parsely-block-overlay svg{height:1.5625rem;width:1.5625rem}.wp-parsely-block-overlay.full-content-overlay{font-size:1.25rem;z-index:999}.wp-parsely-block-overlay.full-content-overlay span{margin-top:.9375rem}.wp-parsely-block-overlay.full-content-overlay svg{height:3.125rem;width:3.125rem}.wp-parsely-panel .wp-parsely-icon{margin-right:.3125rem;order:-1}.wp-parsely-smart-linking .components-panel__row{flex-direction:column}.wp-parsely-smart-linking .wp-parsely-smart-linking-text{margin-bottom:.625rem}.wp-parsely-smart-linking .wp-parsely-smart-linking-generate{align-items:center;display:flex;flex-direction:column}.wp-parsely-smart-linking .wp-parsely-smart-linking-generate button{margin:.625rem 0}.wp-parsely-smart-linking .wp-parsely-smart-linking-generate .components-disabled .components-checkbox-control__label{color:var(--gray-500)}.wp-parsely-smart-linking .wp-parsely-smart-linking-generate .components-button{margin-bottom:.625rem;width:-moz-fit-content;width:fit-content}.wp-parsely-smart-linking .wp-parsely-smart-linking-generate .components-base-control{margin-bottom:0!important;margin-top:.625rem}.wp-parsely-smart-linking .wp-parsely-smart-linking-generate .components-base-control .components-base-control__field{display:flex}.wp-parsely-smart-linking .wp-parsely-smart-linking-hint,.wp-parsely-smart-linking .wp-parsely-smart-linking-suggested-links{margin:0} -#wp-parsely-dashboard-widget,.components-button[aria-controls="wp-parsely-block-editor-sidebar:wp-parsely-content-helper"],.settings_page_parsely,.wp-parsely-content-helper,.wp-parsely-excerpt-generator,.wp-parsely-panel,.wp-parsely-popover{--base-font:"source-sans-pro",arial,sans-serif;--numeric-font:"ff-din-round-web",sans-serif;--parsely-green:#59a744;--parsely-green-10:#c7ecb1;--parsely-green-65:#2a691b;--gray-200:#f7f8f9;--gray-300:#edeeef;--gray-400:#d7dbdf;--gray-500:#959da5;--gray-600:#586069;--gray-700:#444d56;--gray-900:#24292e;--blue-500:#44a8e5;--blue-550:#2596db;--green-500:#7bc01b;--green-900:#3d6307;--ref-direct:205,13%,52%;--ref-internal:161,91%,41%;--ref-social:210,72%,41%;--ref-search:42,100%,50%;--ref-other:3,76%,58%;--base-text:var(--gray-900);--base-text-2:var(--gray-600);--base-3:var(--gray-400);--border:var(--gray-400);--data:var(--green-500);--control:var(--blue-500);--grid-unit-5:0.25rem;--grid-unit-10:0.5rem;--grid-unit-15:0.75rem;--grid-unit-20:1rem;--font-size--smaller:0.688rem;--font-size--small:0.75rem;--font-size--medium:0.875rem;--font-size--large:1rem;--font-size--extra-large:1.2rem;--black:#000;--sidebar-black:#1e1e1e;--sidebar-white:#f0f0f0}.wp-parsely-content-helper .wp-parsely-performance-panel{border-top:1px solid #ddd;margin-top:-1px;padding:16px}.wp-parsely-content-helper .wp-parsely-performance-panel .components-button.wp-parsely-view-post{align-items:center;display:flex;justify-content:center;width:100%}.wp-parsely-content-helper .wp-parsely-performance-panel .panel-body{width:100%}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-stat-panel{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:.5rem;padding:.375rem 0 1rem}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-stat-panel .panel-header{align-items:center;display:flex;gap:.375rem;height:1rem;margin-bottom:0;width:100%}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-stat-panel .panel-header.level-2{margin-bottom:.9375rem}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-stat-panel .panel-header.level-2 h2{margin-bottom:0}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-stat-panel .panel-header.level-3 h3{font-size:var(--font-size--smaller,.6875rem);font-style:normal;font-weight:600;line-height:1rem;margin-bottom:0;text-transform:uppercase}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-stat-panel .panel-subtitle{align-items:center;align-self:stretch;color:var(--Gutenberg-Gray-700,#757575);display:flex;flex:1 0 0;font-size:var(--font-size--smaller,.6875rem);font-style:normal;font-weight:600;gap:.375rem;height:1rem;line-height:1rem;text-transform:uppercase}.wp-parsely-content-helper .wp-parsely-performance-panel .panel-settings .components-select-control{align-items:flex-start;align-self:stretch;display:flex;gap:1rem}.wp-parsely-content-helper .wp-parsely-performance-panel .panel-settings .components-input-control__prefix{margin-left:.5rem}.wp-parsely-content-helper .wp-parsely-performance-panel .panel-settings .components-input-control{align-items:center;align-self:stretch;display:flex;gap:var(--grid-unit-05,4px);height:2.25rem;padding:var(--grid-unit-15,12px) var(--grid-unit-10,8px) var(--grid-unit-15,12px) var(--grid-unit-20,16px)}.wp-parsely-content-helper .wp-parsely-performance-panel .components-heading{display:block;font-weight:500;line-height:normal;margin:0}.wp-parsely-content-helper .wp-parsely-performance-panel .components-dropdown-menu{line-height:0}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-data-points{align-content:flex-start;align-items:flex-start;align-self:stretch;display:flex;flex-wrap:wrap;gap:1rem var(--grid-unit-20,1rem)}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-data-points .data-point{align-items:center;background:var(--sidebar-white,#f0f0f0);border-radius:.25rem;display:flex;flex:1 0 0;flex-direction:column;gap:var(--grid-unit-05,.25rem);justify-content:center;min-width:100px;padding:var(--grid-unit-20,1rem) var(--grid-unit-10,.5rem)}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-data-points .data-point svg{align-items:flex-start;border-radius:.125rem;display:flex}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-data-points .data-point .data-point-title{align-self:stretch;color:var(--sidebar-black,#1e1e1e);font-size:.75rem;font-style:normal;font-weight:400;line-height:1rem;text-align:center}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-data-points .data-point .data-point-value{align-self:stretch;color:var(--sidebar-black,#1e1e1e);font-size:1.25rem;font-style:normal;font-weight:590;line-height:1.75rem;text-align:center}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-data-points .data-point .data-point-value.is-small{font-size:var(--font-size--medium,.875rem)}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar{align-items:flex-start;align-self:stretch;border-radius:.125rem;display:flex;height:1rem;margin:1rem 0;position:relative}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill{align-self:stretch;position:relative;transition:filter .1s ease,transform .1s ease}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill:hover{border-radius:.125rem;filter:brightness(1);transform:scaleX(1.05) scaleY(1.2);z-index:2}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill:first-child{border-radius:var(--radius) 0 0 var(--radius)}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill:last-child{border-radius:0 var(--radius) var(--radius) 0}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill.direct{background-color:hsl(var(--ref-direct))}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill.internal{background-color:hsl(var(--ref-internal))}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill.search{background-color:hsl(var(--ref-search))}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill.social{background-color:hsl(var(--ref-social))}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill.other{background-color:hsl(var(--ref-other))}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar:hover .bar-fill{filter:brightness(.8)}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--grid-unit-20,1rem)}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label{align-items:center;align-self:stretch;display:flex;gap:.5rem;justify-content:center}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-color{align-items:center;border-radius:.09375rem;display:flex;flex-direction:column;gap:.625rem;height:.625rem;justify-content:center;width:.1875rem}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-color.direct{background-color:hsl(var(--ref-direct))}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-color.internal{background-color:hsl(var(--ref-internal))}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-color.search{background-color:hsl(var(--ref-search))}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-color.social{background-color:hsl(var(--ref-social))}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-color.other{background-color:hsl(var(--ref-other))}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-text{-webkit-box-orient:vertical;-webkit-line-clamp:1;font-feature-settings:"ss06" on;color:var(--sidebar-black,#1e1e1e);display:-webkit-box;flex:1 0 0;font-size:var(--font-size--small,.75rem);font-style:normal;font-weight:400;line-height:1rem;overflow:hidden;text-overflow:ellipsis}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-value{color:var(--sidebar-black,#1e1e1e);font-size:var(--font-size--small,.75rem);font-style:normal;font-weight:590;line-height:1rem;text-align:right}.wp-parsely-content-helper .wp-parsely-performance-panel .referrers-list{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--grid-unit-20,1rem);margin:1rem 0}.wp-parsely-content-helper .wp-parsely-performance-panel .referrers-list .referrers-row{align-items:center;align-self:stretch;display:flex;gap:var(--grid-unit-10,.5rem);justify-content:space-between}.wp-parsely-content-helper .wp-parsely-performance-panel .referrers-list .referrers-row .referrers-row-title{-webkit-box-orient:vertical;-webkit-line-clamp:1;font-feature-settings:"ss06" on;color:var(--sidebar-black,#1e1e1e);display:-webkit-box;flex:1;font-size:var(--font-size--small,.75rem);font-style:normal;font-weight:400;line-height:1rem;overflow:hidden;text-overflow:ellipsis}.wp-parsely-content-helper .wp-parsely-performance-panel .referrers-list .referrers-row .referrers-row-bar{display:flex;flex:1;flex-direction:column;gap:.625rem;justify-content:center;max-width:6.25rem}.wp-parsely-content-helper .wp-parsely-performance-panel .referrers-list .referrers-row .referrers-row-bar .percentage-bar{--radius:to_rem(1.5px);background:var(--gray-400,#d7dbdf);border-radius:var(--radius);display:flex;height:.1875rem;margin:0;overflow:hidden}.wp-parsely-content-helper .wp-parsely-performance-panel .referrers-list .referrers-row .referrers-row-bar .percentage-bar:after{background:var(--blueberry,#3858e9);border-radius:var(--radius);content:"";height:100%;width:var(--bar-fill)}.wp-parsely-content-helper .wp-parsely-performance-panel .referrers-list .referrers-row .referrers-row-value{color:var(--sidebar-black,#1e1e1e);flex-shrink:0;font-size:var(--font-size--small,.75rem);font-style:normal;font-weight:590;line-height:1rem;min-width:3.125rem;text-align:right} +#wp-parsely-dashboard-widget,.components-button[aria-controls="wp-parsely-block-editor-sidebar:wp-parsely-content-helper"],.settings_page_parsely,.wp-parsely-content-helper,.wp-parsely-excerpt-generator,.wp-parsely-panel,.wp-parsely-popover{--base-font:"source-sans-pro",arial,sans-serif;--numeric-font:"ff-din-round-web",sans-serif;--parsely-green:#59a744;--parsely-green-10:#c7ecb1;--parsely-green-65:#2a691b;--gray-200:#f7f8f9;--gray-300:#edeeef;--gray-400:#d7dbdf;--gray-500:#959da5;--gray-600:#586069;--gray-700:#444d56;--gray-900:#24292e;--blue-500:#44a8e5;--blue-550:#2596db;--green-500:#7bc01b;--green-900:#3d6307;--ref-direct:205,13%,52%;--ref-internal:161,91%,41%;--ref-social:210,72%,41%;--ref-search:42,100%,50%;--ref-other:3,76%,58%;--base-text:var(--gray-900);--base-text-2:var(--gray-600);--base-3:var(--gray-400);--border:var(--gray-400);--data:var(--green-500);--control:var(--blue-500);--grid-unit-5:0.25rem;--grid-unit-10:0.5rem;--grid-unit-15:0.75rem;--grid-unit-20:1rem;--font-size--smaller:0.688rem;--font-size--small:0.75rem;--font-size--medium:0.875rem;--font-size--large:1rem;--font-size--extra-large:1.2rem;--black:#000;--sidebar-black:#1e1e1e;--sidebar-white:#f0f0f0}.wp-parsely-content-helper .wp-parsely-performance-panel{border-top:1px solid #ddd;margin-top:-1px;padding:16px}.wp-parsely-content-helper .wp-parsely-performance-panel .components-button.wp-parsely-view-post{align-items:center;display:flex;justify-content:center;width:100%}.wp-parsely-content-helper .wp-parsely-performance-panel .panel-body{width:100%}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-stat-panel{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:.5rem;padding:.375rem 0 1rem}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-stat-panel .panel-header{align-items:center;display:flex;gap:.375rem;height:1rem;margin-bottom:0;width:100%}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-stat-panel .panel-header.level-2{margin-bottom:.9375rem}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-stat-panel .panel-header.level-2 h2{margin-bottom:0}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-stat-panel .panel-header.level-3 h3{font-size:var(--font-size--smaller,.6875rem);font-style:normal;font-weight:600;line-height:1rem;margin-bottom:0;text-transform:uppercase}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-stat-panel .panel-subtitle{align-items:center;align-self:stretch;color:var(--Gutenberg-Gray-700,#757575);display:flex;flex:1 0 0;font-size:var(--font-size--smaller,.6875rem);font-style:normal;font-weight:600;gap:.375rem;height:1rem;line-height:1rem;text-transform:uppercase}.wp-parsely-content-helper .wp-parsely-performance-panel .panel-settings .components-select-control{align-items:flex-start;align-self:stretch;display:flex;gap:1rem}.wp-parsely-content-helper .wp-parsely-performance-panel .panel-settings .components-input-control__prefix{margin-left:.5rem}.wp-parsely-content-helper .wp-parsely-performance-panel .panel-settings .components-input-control{align-items:center;align-self:stretch;display:flex;gap:var(--grid-unit-05,4px);height:2.25rem;padding:var(--grid-unit-15,12px) var(--grid-unit-10,8px) var(--grid-unit-15,12px) var(--grid-unit-20,16px)}.wp-parsely-content-helper .wp-parsely-performance-panel .components-heading{display:block;font-weight:500;line-height:normal;margin:0}.wp-parsely-content-helper .wp-parsely-performance-panel .components-dropdown-menu{line-height:0}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-data-points{align-content:flex-start;align-items:flex-start;align-self:stretch;display:flex;flex-wrap:wrap;gap:1rem var(--grid-unit-20,1rem)}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-data-points .data-point{align-items:center;background:var(--sidebar-white,#f0f0f0);border-radius:.25rem;display:flex;flex:1 0 0;flex-direction:column;gap:var(--grid-unit-05,.25rem);justify-content:center;min-width:100px;padding:var(--grid-unit-20,1rem) var(--grid-unit-10,.5rem)}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-data-points .data-point svg{align-items:flex-start;border-radius:.125rem;display:flex}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-data-points .data-point .data-point-title{align-self:stretch;color:var(--sidebar-black,#1e1e1e);font-size:.75rem;font-style:normal;font-weight:400;line-height:1rem;text-align:center}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-data-points .data-point .data-point-value{align-self:stretch;color:var(--sidebar-black,#1e1e1e);font-size:1.25rem;font-style:normal;font-weight:590;line-height:1.75rem;text-align:center}.wp-parsely-content-helper .wp-parsely-performance-panel .performance-data-points .data-point .data-point-value.is-small{font-size:var(--font-size--medium,.875rem)}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar{align-items:flex-start;align-self:stretch;display:flex;height:1rem;margin:1rem 0;position:relative}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill{--radius:2px;align-self:stretch;position:relative;transition:filter .1s ease,transform .1s ease}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill:hover{filter:opacity(1)!important;transform:scaleX(1) scaleY(1)!important}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill:first-child{border-radius:var(--radius) 0 0 var(--radius)}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill:last-child{border-radius:0 var(--radius) var(--radius) 0}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill.direct{background-color:hsl(var(--ref-direct))}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill.internal{background-color:hsl(var(--ref-internal))}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill.search{background-color:hsl(var(--ref-search))}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill.social{background-color:hsl(var(--ref-social))}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar .bar-fill.other{background-color:hsl(var(--ref-other))}.wp-parsely-content-helper .wp-parsely-performance-panel div.multi-percentage-bar:hover .bar-fill{filter:opacity(.5);transform:scaleX(1) scaleY(.7)}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--grid-unit-20,1rem)}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label{align-items:center;align-self:stretch;display:flex;gap:.5rem;justify-content:center}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-color{align-items:center;border-radius:.09375rem;display:flex;flex-direction:column;gap:.625rem;height:.625rem;justify-content:center;width:.1875rem}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-color.direct{background-color:hsl(var(--ref-direct))}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-color.internal{background-color:hsl(var(--ref-internal))}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-color.search{background-color:hsl(var(--ref-search))}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-color.social{background-color:hsl(var(--ref-social))}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-color.other{background-color:hsl(var(--ref-other))}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-text{-webkit-box-orient:vertical;-webkit-line-clamp:1;font-feature-settings:"ss06" on;color:var(--sidebar-black,#1e1e1e);display:-webkit-box;flex:1 0 0;font-size:var(--font-size--small,.75rem);font-style:normal;font-weight:400;line-height:1rem;overflow:hidden;text-overflow:ellipsis}.wp-parsely-content-helper .wp-parsely-performance-panel .percentage-bar-labels .single-label .label-value{color:var(--sidebar-black,#1e1e1e);font-size:var(--font-size--small,.75rem);font-style:normal;font-weight:590;line-height:1rem;text-align:right}.wp-parsely-content-helper .wp-parsely-performance-panel .referrers-list{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--grid-unit-20,1rem);margin:1rem 0}.wp-parsely-content-helper .wp-parsely-performance-panel .referrers-list .referrers-row{align-items:center;align-self:stretch;display:flex;gap:var(--grid-unit-10,.5rem);justify-content:space-between}.wp-parsely-content-helper .wp-parsely-performance-panel .referrers-list .referrers-row .referrers-row-title{-webkit-box-orient:vertical;-webkit-line-clamp:1;font-feature-settings:"ss06" on;color:var(--sidebar-black,#1e1e1e);display:-webkit-box;flex:1;font-size:var(--font-size--small,.75rem);font-style:normal;font-weight:400;line-height:1rem;overflow:hidden;text-overflow:ellipsis}.wp-parsely-content-helper .wp-parsely-performance-panel .referrers-list .referrers-row .referrers-row-bar{display:flex;flex:1;flex-direction:column;gap:.625rem;justify-content:center;max-width:6.25rem}.wp-parsely-content-helper .wp-parsely-performance-panel .referrers-list .referrers-row .referrers-row-bar .percentage-bar{--radius:to_rem(1.5px);background:var(--gray-400,#d7dbdf);border-radius:var(--radius);display:flex;height:.1875rem;margin:0;overflow:hidden}.wp-parsely-content-helper .wp-parsely-performance-panel .referrers-list .referrers-row .referrers-row-bar .percentage-bar:after{background:var(--blueberry,#3858e9);border-radius:var(--radius);content:"";height:100%;width:var(--bar-fill)}.wp-parsely-content-helper .wp-parsely-performance-panel .referrers-list .referrers-row .referrers-row-value{color:var(--sidebar-black,#1e1e1e);flex-shrink:0;font-size:var(--font-size--small,.75rem);font-style:normal;font-weight:590;line-height:1rem;min-width:3.125rem;text-align:right} #wp-parsely-dashboard-widget,.components-button[aria-controls="wp-parsely-block-editor-sidebar:wp-parsely-content-helper"],.settings_page_parsely,.wp-parsely-content-helper,.wp-parsely-excerpt-generator,.wp-parsely-panel,.wp-parsely-popover{--base-font:"source-sans-pro",arial,sans-serif;--numeric-font:"ff-din-round-web",sans-serif;--parsely-green:#59a744;--parsely-green-10:#c7ecb1;--parsely-green-65:#2a691b;--gray-200:#f7f8f9;--gray-300:#edeeef;--gray-400:#d7dbdf;--gray-500:#959da5;--gray-600:#586069;--gray-700:#444d56;--gray-900:#24292e;--blue-500:#44a8e5;--blue-550:#2596db;--green-500:#7bc01b;--green-900:#3d6307;--ref-direct:205,13%,52%;--ref-internal:161,91%,41%;--ref-social:210,72%,41%;--ref-search:42,100%,50%;--ref-other:3,76%,58%;--base-text:var(--gray-900);--base-text-2:var(--gray-600);--base-3:var(--gray-400);--border:var(--gray-400);--data:var(--green-500);--control:var(--blue-500);--grid-unit-5:0.25rem;--grid-unit-10:0.5rem;--grid-unit-15:0.75rem;--grid-unit-20:1rem;--font-size--smaller:0.688rem;--font-size--small:0.75rem;--font-size--medium:0.875rem;--font-size--large:1rem;--font-size--extra-large:1.2rem;--black:#000;--sidebar-black:#1e1e1e;--sidebar-white:#f0f0f0}.components-button[aria-controls="wp-parsely-block-editor-sidebar:wp-parsely-content-helper"]:focus,.components-button[aria-controls="wp-parsely-block-editor-sidebar:wp-parsely-content-helper"]:hover{background-color:#fff}.components-button[aria-controls="wp-parsely-block-editor-sidebar:wp-parsely-content-helper"].is-pressed,.components-button[aria-controls="wp-parsely-block-editor-sidebar:wp-parsely-content-helper"].is-pressed:hover{background-color:var(--parsely-green-65)}.components-button[aria-controls="wp-parsely-block-editor-sidebar:wp-parsely-content-helper"].is-pressed .wp-parsely-sidebar-icon path,.components-button[aria-controls="wp-parsely-block-editor-sidebar:wp-parsely-content-helper"].is-pressed:hover .wp-parsely-sidebar-icon path{fill:var(--parsely-green-10)}.wp-parsely-content-helper .wp-parsely-sidebar-header{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:1.5rem}.wp-parsely-content-helper .wp-parsely-sidebar-header .components-button{align-items:center;display:flex;justify-content:center;width:100%}.wp-parsely-content-helper .wp-parsely-sidebar-main-panel .wp-parsely-sidebar-tabs .components-tab-panel__tabs button{align-items:center;display:flex;flex:1 0 0;flex-direction:column;height:3rem}.wp-parsely-content-helper .wp-parsely-sidebar-main-panel .wp-parsely-sidebar-tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:after{background:var(--gray-400);height:calc(var(--wp-admin-border-width-focus)*1);outline:2px solid transparent;outline-offset:-1px}.wp-parsely-content-helper .wp-parsely-sidebar-main-panel .wp-parsely-sidebar-tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active:after{background:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9))}.wp-parsely-content-helper .parsely-spinner-wrapper{display:flex;justify-content:center;margin:2.5rem 0}.wp-parsely-content-helper .parsely-spinner-wrapper svg{height:22px;width:22px}.wp-parsely-content-helper .content-helper-error-message,.wp-parsely-content-helper .wp-parsely-content-helper-error .content-helper-error-message{margin-top:.9375rem!important}.wp-parsely-content-helper p.content-helper-error-message-hint{color:var(--gray-700)}.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-related-posts{list-style-type:none;margin:1.375rem 0 0}.wp-parsely-content-helper .parsely-related-posts-wrapper p.parsely-related-posts-descr{color:var(--gray-700);margin-top:.9375rem}.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-related-post{border-top:1px solid var(--gray-300);margin-bottom:.3125rem;padding:.625rem 0}.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-related-post-title a{line-height:16px;text-decoration:none}.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-related-post-stats-link{color:var(--black);font-size:.875rem;margin-right:.4375rem}.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-related-post-stats-link:hover{color:var(--blue-550)}.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-post-metric-data span.dashicon,.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-post-metric-data svg{fill:var(--gray-600);margin-right:.1875rem;position:relative;top:2px}.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-post-metric-data span.dashicon{color:var(--gray-600);font-size:16px;height:16px;width:16px}.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-related-post-edit-link,.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-related-post-view-link{display:inline-block;height:16px;margin-right:.1875rem;position:relative;width:16px}.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-related-post-edit-link svg,.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-related-post-view-link svg{fill:#8d98a1;position:absolute;top:2px}.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-related-post-edit-link:hover svg,.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-related-post-view-link:hover svg{fill:var(--blue-550)}.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-related-post-info{align-items:center;display:flex;justify-content:space-between;margin:.3125rem 0 0}.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-related-post-info>span{color:var(--gray-600);display:flex;margin-bottom:0}.wp-parsely-content-helper .parsely-related-posts-wrapper .parsely-related-post-info>span:not(:first-child){margin-left:.3125rem}.wp-parsely-content-helper .parsely-write-titles-wrapper{display:flex;flex-direction:column}.wp-parsely-content-helper .parsely-write-titles-wrapper .parsely-write-titles-text{margin-bottom:.625rem}.wp-parsely-content-helper .parsely-write-titles-wrapper .parsely-write-titles-text strong{text-transform:lowercase}.wp-parsely-content-helper .parsely-write-titles-wrapper .parsely-write-titles-generate-button{display:flex;justify-content:center;margin:.625rem 0}.wp-parsely-content-helper .parsely-write-titles-wrapper .parsely-write-titles-accepted-title-container .parsely-write-titles-accepted-title{font-size:1rem;font-weight:600;line-height:1.25rem;margin:0 0 .9375rem;text-align:center}.wp-parsely-content-helper .parsely-write-titles-wrapper .parsely-write-titles-accepted-title-container .parsely-write-titles-accepted-title-actions{display:flex;gap:.625rem;justify-content:center;margin:.625rem 0}.wp-parsely-content-helper .parsely-write-titles-wrapper .parsely-write-titles-title-suggestions-container{margin:.625rem 0 0}.wp-parsely-content-helper .parsely-write-titles-wrapper .parsely-write-titles-title-suggestions-container .parsely-write-titles-title-suggestion{border-top:1px solid var(--gray-300);display:flex;padding:1rem 0}.wp-parsely-content-helper .parsely-write-titles-wrapper .parsely-write-titles-title-suggestions-container .parsely-write-titles-title-suggestion .parsely-write-titles-suggested-title{flex:1;font-size:.875rem;font-weight:600;padding:0 .5rem 0 .3125rem}.wp-parsely-content-helper .parsely-write-titles-wrapper .parsely-write-titles-title-suggestions-container .parsely-write-titles-title-suggestion .parsely-write-titles-suggested-title-actions{display:flex;flex-direction:column;width:1.5625rem}.wp-parsely-content-helper .parsely-write-titles-wrapper .parsely-write-titles-title-suggestions-container .parsely-write-titles-title-suggestion .parsely-write-titles-suggested-title-actions .components-button-group .components-button{margin-left:0}.wp-parsely-content-helper .parsely-write-titles-wrapper .parsely-write-titles-title-suggestions-container .parsely-write-titles-title-suggestion .parsely-write-titles-suggested-title-actions .is-pinned{background-color:var(--gray-500);box-shadow:inset 0 0 0 1px var(--sidebar-black);color:#fff}.wp-parsely-content-helper .parsely-write-titles-wrapper .parsely-write-titles-title-suggestions-container .parsely-write-titles-title-suggestion.original-title{background-color:var(--gray-200);border:0;color:var(--gray-600);margin-bottom:.9375rem;padding:.3125rem}.wp-parsely-content-helper .parsely-write-titles-wrapper .parsely-write-titles-title-suggestions-container .parsely-write-titles-title-suggestion.original-title .parsely-write-titles-suggested-title{padding-bottom:.3125rem;padding-top:.3125rem}.wp-parsely-content-helper .parsely-write-titles-wrapper .parsely-write-titles-title-suggestions-container .parsely-write-titles-title-suggestion.original-title button{margin-top:.125rem}.wp-parsely-content-helper .parsely-write-titles-wrapper .parsely-write-titles-title-suggestions-container .title-in-use{color:var(--green-900)} diff --git a/src/content-helper/editor-sidebar/performance-details/performance-details.scss b/src/content-helper/editor-sidebar/performance-details/performance-details.scss index 78d340719..d100af47f 100644 --- a/src/content-helper/editor-sidebar/performance-details/performance-details.scss +++ b/src/content-helper/editor-sidebar/performance-details/performance-details.scss @@ -172,19 +172,17 @@ height: to_rem(16px); align-items: flex-start; align-self: stretch; - border-radius: to_rem(2px); margin: to_rem(16px) 0; .bar-fill { + --radius: 2px; position: relative; align-self: stretch; transition: filter 0.1s ease, transform 0.1s ease; &:hover { - filter: brightness(1); - transform: scaleX(1.05) scaleY(1.2); - border-radius: to_rem(2px); - z-index: 2; + filter: opacity(1) !important; + transform: scaleX(1) scaleY(1) !important; } // Border radiuses for first and last bar-fills. @@ -219,7 +217,8 @@ } &:hover .bar-fill { - filter: brightness(0.8); + filter: opacity(0.5); + transform: scaleX(1) scaleY(0.7); } }