WordPress.org
Get WordPress

Plugin Directory

Changeset 3216430


Ignore:
Timestamp:
01/03/2025 11:42:21 AM (15 months ago)
Author:
martin7ba
Message:

Bug fix where default custom fields were not showing in the list

Location:
simple-star-rating-block
Files:
20 added
10 edited

Legend:

Unmodified
Added
Removed

  • simple-star-rating-block/trunk/README.md

    r3206301 r3216430  
    33Tags: block, star rating, Gutenberg, custom fields, reviews
    44Tested up to: 6.7.1
    5 Stable tag: 0.1.1
     5Stable tag: 0.2
    66License: GPL-2.0-or-later
    77License URI: https://www.gnu.org/licenses/gpl-2.0.html
    … …  
    5656== Changelog ==
    5757
     58= 0.2 =
     59
     60- Bug fix where default custom fields were not showing in the list
     61  _Release Date - 03 January 2025_
     62
    5863= 0.1.1 =
    5964

  • simple-star-rating-block/trunk/build/index-rtl.css

    r3133729 r3216430  
    1 /*!****************************************************************************************************************************************************************************************************************************************!*\
    2   !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/editor.scss ***!
    3   \****************************************************************************************************************************************************************************************************************************************/
    4 .wp-block-create-block-simple-star-rating-block {
    5   display: inline-block;
    6   font-size: 0;
    7   position: relative;
    8 }
    9 .wp-block-create-block-simple-star-rating-block .ssrb-star {
    10   width: 1em;
    11   height: 1em;
    12   margin: 0 0.1em;
    13   display: inline-block;
    14   background: lightgray;
    15   clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    16   position: relative;
    17 }
    18 .wp-block-create-block-simple-star-rating-block .ssrb-star:last-child {
    19   margin: 0;
    20 }
    21 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-full {
    22   background: inherit;
    23 }
    24 .wp-block-create-block-simple-star-rating-block .ssrb-star::after {
    25   content: "";
    26   position: absolute;
    27   top: 0;
    28   right: 0;
    29   width: 100%;
    30   height: 100%;
    31   clip-path: inherit;
    32 }
    33 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-1::after {
    34   background: linear-gradient(-90deg, inherit 1%, transparent 1%);
    35 }
    36 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-2::after {
    37   background: linear-gradient(-90deg, inherit 2%, transparent 2%);
    38 }
    39 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-3::after {
    40   background: linear-gradient(-90deg, inherit 3%, transparent 3%);
    41 }
    42 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-4::after {
    43   background: linear-gradient(-90deg, inherit 4%, transparent 4%);
    44 }
    45 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-5::after {
    46   background: linear-gradient(-90deg, inherit 5%, transparent 5%);
    47 }
    48 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-6::after {
    49   background: linear-gradient(-90deg, inherit 6%, transparent 6%);
    50 }
    51 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-7::after {
    52   background: linear-gradient(-90deg, inherit 7%, transparent 7%);
    53 }
    54 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-8::after {
    55   background: linear-gradient(-90deg, inherit 8%, transparent 8%);
    56 }
    57 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-9::after {
    58   background: linear-gradient(-90deg, inherit 9%, transparent 9%);
    59 }
    60 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-10::after {
    61   background: linear-gradient(-90deg, inherit 10%, transparent 10%);
    62 }
    63 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-11::after {
    64   background: linear-gradient(-90deg, inherit 11%, transparent 11%);
    65 }
    66 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-12::after {
    67   background: linear-gradient(-90deg, inherit 12%, transparent 12%);
    68 }
    69 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-13::after {
    70   background: linear-gradient(-90deg, inherit 13%, transparent 13%);
    71 }
    72 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-14::after {
    73   background: linear-gradient(-90deg, inherit 14%, transparent 14%);
    74 }
    75 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-15::after {
    76   background: linear-gradient(-90deg, inherit 15%, transparent 15%);
    77 }
    78 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-16::after {
    79   background: linear-gradient(-90deg, inherit 16%, transparent 16%);
    80 }
    81 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-17::after {
    82   background: linear-gradient(-90deg, inherit 17%, transparent 17%);
    83 }
    84 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-18::after {
    85   background: linear-gradient(-90deg, inherit 18%, transparent 18%);
    86 }
    87 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-19::after {
    88   background: linear-gradient(-90deg, inherit 19%, transparent 19%);
    89 }
    90 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-20::after {
    91   background: linear-gradient(-90deg, inherit 20%, transparent 20%);
    92 }
    93 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-21::after {
    94   background: linear-gradient(-90deg, inherit 21%, transparent 21%);
    95 }
    96 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-22::after {
    97   background: linear-gradient(-90deg, inherit 22%, transparent 22%);
    98 }
    99 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-23::after {
    100   background: linear-gradient(-90deg, inherit 23%, transparent 23%);
    101 }
    102 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-24::after {
    103   background: linear-gradient(-90deg, inherit 24%, transparent 24%);
    104 }
    105 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-25::after {
    106   background: linear-gradient(-90deg, inherit 25%, transparent 25%);
    107 }
    108 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-26::after {
    109   background: linear-gradient(-90deg, inherit 26%, transparent 26%);
    110 }
    111 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-27::after {
    112   background: linear-gradient(-90deg, inherit 27%, transparent 27%);
    113 }
    114 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-28::after {
    115   background: linear-gradient(-90deg, inherit 28%, transparent 28%);
    116 }
    117 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-29::after {
    118   background: linear-gradient(-90deg, inherit 29%, transparent 29%);
    119 }
    120 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-30::after {
    121   background: linear-gradient(-90deg, inherit 30%, transparent 30%);
    122 }
    123 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-31::after {
    124   background: linear-gradient(-90deg, inherit 31%, transparent 31%);
    125 }
    126 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-32::after {
    127   background: linear-gradient(-90deg, inherit 32%, transparent 32%);
    128 }
    129 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-33::after {
    130   background: linear-gradient(-90deg, inherit 33%, transparent 33%);
    131 }
    132 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-34::after {
    133   background: linear-gradient(-90deg, inherit 34%, transparent 34%);
    134 }
    135 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-35::after {
    136   background: linear-gradient(-90deg, inherit 35%, transparent 35%);
    137 }
    138 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-36::after {
    139   background: linear-gradient(-90deg, inherit 36%, transparent 36%);
    140 }
    141 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-37::after {
    142   background: linear-gradient(-90deg, inherit 37%, transparent 37%);
    143 }
    144 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-38::after {
    145   background: linear-gradient(-90deg, inherit 38%, transparent 38%);
    146 }
    147 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-39::after {
    148   background: linear-gradient(-90deg, inherit 39%, transparent 39%);
    149 }
    150 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-40::after {
    151   background: linear-gradient(-90deg, inherit 40%, transparent 40%);
    152 }
    153 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-41::after {
    154   background: linear-gradient(-90deg, inherit 41%, transparent 41%);
    155 }
    156 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-42::after {
    157   background: linear-gradient(-90deg, inherit 42%, transparent 42%);
    158 }
    159 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-43::after {
    160   background: linear-gradient(-90deg, inherit 43%, transparent 43%);
    161 }
    162 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-44::after {
    163   background: linear-gradient(-90deg, inherit 44%, transparent 44%);
    164 }
    165 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-45::after {
    166   background: linear-gradient(-90deg, inherit 45%, transparent 45%);
    167 }
    168 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-46::after {
    169   background: linear-gradient(-90deg, inherit 46%, transparent 46%);
    170 }
    171 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-47::after {
    172   background: linear-gradient(-90deg, inherit 47%, transparent 47%);
    173 }
    174 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-48::after {
    175   background: linear-gradient(-90deg, inherit 48%, transparent 48%);
    176 }
    177 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-49::after {
    178   background: linear-gradient(-90deg, inherit 49%, transparent 49%);
    179 }
    180 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-50::after {
    181   background: linear-gradient(-90deg, inherit 50%, transparent 50%);
    182 }
    183 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-51::after {
    184   background: linear-gradient(-90deg, inherit 51%, transparent 51%);
    185 }
    186 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-52::after {
    187   background: linear-gradient(-90deg, inherit 52%, transparent 52%);
    188 }
    189 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-53::after {
    190   background: linear-gradient(-90deg, inherit 53%, transparent 53%);
    191 }
    192 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-54::after {
    193   background: linear-gradient(-90deg, inherit 54%, transparent 54%);
    194 }
    195 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-55::after {
    196   background: linear-gradient(-90deg, inherit 55%, transparent 55%);
    197 }
    198 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-56::after {
    199   background: linear-gradient(-90deg, inherit 56%, transparent 56%);
    200 }
    201 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-57::after {
    202   background: linear-gradient(-90deg, inherit 57%, transparent 57%);
    203 }
    204 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-58::after {
    205   background: linear-gradient(-90deg, inherit 58%, transparent 58%);
    206 }
    207 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-59::after {
    208   background: linear-gradient(-90deg, inherit 59%, transparent 59%);
    209 }
    210 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-60::after {
    211   background: linear-gradient(-90deg, inherit 60%, transparent 60%);
    212 }
    213 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-61::after {
    214   background: linear-gradient(-90deg, inherit 61%, transparent 61%);
    215 }
    216 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-62::after {
    217   background: linear-gradient(-90deg, inherit 62%, transparent 62%);
    218 }
    219 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-63::after {
    220   background: linear-gradient(-90deg, inherit 63%, transparent 63%);
    221 }
    222 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-64::after {
    223   background: linear-gradient(-90deg, inherit 64%, transparent 64%);
    224 }
    225 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-65::after {
    226   background: linear-gradient(-90deg, inherit 65%, transparent 65%);
    227 }
    228 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-66::after {
    229   background: linear-gradient(-90deg, inherit 66%, transparent 66%);
    230 }
    231 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-67::after {
    232   background: linear-gradient(-90deg, inherit 67%, transparent 67%);
    233 }
    234 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-68::after {
    235   background: linear-gradient(-90deg, inherit 68%, transparent 68%);
    236 }
    237 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-69::after {
    238   background: linear-gradient(-90deg, inherit 69%, transparent 69%);
    239 }
    240 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-70::after {
    241   background: linear-gradient(-90deg, inherit 70%, transparent 70%);
    242 }
    243 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-71::after {
    244   background: linear-gradient(-90deg, inherit 71%, transparent 71%);
    245 }
    246 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-72::after {
    247   background: linear-gradient(-90deg, inherit 72%, transparent 72%);
    248 }
    249 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-73::after {
    250   background: linear-gradient(-90deg, inherit 73%, transparent 73%);
    251 }
    252 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-74::after {
    253   background: linear-gradient(-90deg, inherit 74%, transparent 74%);
    254 }
    255 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-75::after {
    256   background: linear-gradient(-90deg, inherit 75%, transparent 75%);
    257 }
    258 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-76::after {
    259   background: linear-gradient(-90deg, inherit 76%, transparent 76%);
    260 }
    261 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-77::after {
    262   background: linear-gradient(-90deg, inherit 77%, transparent 77%);
    263 }
    264 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-78::after {
    265   background: linear-gradient(-90deg, inherit 78%, transparent 78%);
    266 }
    267 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-79::after {
    268   background: linear-gradient(-90deg, inherit 79%, transparent 79%);
    269 }
    270 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-80::after {
    271   background: linear-gradient(-90deg, inherit 80%, transparent 80%);
    272 }
    273 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-81::after {
    274   background: linear-gradient(-90deg, inherit 81%, transparent 81%);
    275 }
    276 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-82::after {
    277   background: linear-gradient(-90deg, inherit 82%, transparent 82%);
    278 }
    279 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-83::after {
    280   background: linear-gradient(-90deg, inherit 83%, transparent 83%);
    281 }
    282 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-84::after {
    283   background: linear-gradient(-90deg, inherit 84%, transparent 84%);
    284 }
    285 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-85::after {
    286   background: linear-gradient(-90deg, inherit 85%, transparent 85%);
    287 }
    288 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-86::after {
    289   background: linear-gradient(-90deg, inherit 86%, transparent 86%);
    290 }
    291 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-87::after {
    292   background: linear-gradient(-90deg, inherit 87%, transparent 87%);
    293 }
    294 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-88::after {
    295   background: linear-gradient(-90deg, inherit 88%, transparent 88%);
    296 }
    297 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-89::after {
    298   background: linear-gradient(-90deg, inherit 89%, transparent 89%);
    299 }
    300 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-90::after {
    301   background: linear-gradient(-90deg, inherit 90%, transparent 90%);
    302 }
    303 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-91::after {
    304   background: linear-gradient(-90deg, inherit 91%, transparent 91%);
    305 }
    306 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-92::after {
    307   background: linear-gradient(-90deg, inherit 92%, transparent 92%);
    308 }
    309 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-93::after {
    310   background: linear-gradient(-90deg, inherit 93%, transparent 93%);
    311 }
    312 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-94::after {
    313   background: linear-gradient(-90deg, inherit 94%, transparent 94%);
    314 }
    315 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-95::after {
    316   background: linear-gradient(-90deg, inherit 95%, transparent 95%);
    317 }
    318 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-96::after {
    319   background: linear-gradient(-90deg, inherit 96%, transparent 96%);
    320 }
    321 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-97::after {
    322   background: linear-gradient(-90deg, inherit 97%, transparent 97%);
    323 }
    324 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-98::after {
    325   background: linear-gradient(-90deg, inherit 98%, transparent 98%);
    326 }
    327 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-99::after {
    328   background: linear-gradient(-90deg, inherit 99%, transparent 99%);
    329 }
     1.wp-block-create-block-simple-star-rating-block{display:inline-block;font-size:0;position:relative}.wp-block-create-block-simple-star-rating-block .ssrb-star{background:#d3d3d3;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);display:inline-block;height:1em;margin:0 .1em;position:relative;width:1em}.wp-block-create-block-simple-star-rating-block .ssrb-star:last-child{margin:0}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-full{background:inherit}.wp-block-create-block-simple-star-rating-block .ssrb-star:after{clip-path:inherit;content:"";height:100%;right:0;position:absolute;top:0;width:100%}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-1:after{background:linear-gradient(-90deg,inherit 1%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-2:after{background:linear-gradient(-90deg,inherit 2%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-3:after{background:linear-gradient(-90deg,inherit 3%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-4:after{background:linear-gradient(-90deg,inherit 4%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-5:after{background:linear-gradient(-90deg,inherit 5%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-6:after{background:linear-gradient(-90deg,inherit 6%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-7:after{background:linear-gradient(-90deg,inherit 7%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-8:after{background:linear-gradient(-90deg,inherit 8%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-9:after{background:linear-gradient(-90deg,inherit 9%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-10:after{background:linear-gradient(-90deg,inherit 10%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-11:after{background:linear-gradient(-90deg,inherit 11%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-12:after{background:linear-gradient(-90deg,inherit 12%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-13:after{background:linear-gradient(-90deg,inherit 13%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-14:after{background:linear-gradient(-90deg,inherit 14%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-15:after{background:linear-gradient(-90deg,inherit 15%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-16:after{background:linear-gradient(-90deg,inherit 16%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-17:after{background:linear-gradient(-90deg,inherit 17%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-18:after{background:linear-gradient(-90deg,inherit 18%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-19:after{background:linear-gradient(-90deg,inherit 19%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-20:after{background:linear-gradient(-90deg,inherit 20%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-21:after{background:linear-gradient(-90deg,inherit 21%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-22:after{background:linear-gradient(-90deg,inherit 22%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-23:after{background:linear-gradient(-90deg,inherit 23%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-24:after{background:linear-gradient(-90deg,inherit 24%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-25:after{background:linear-gradient(-90deg,inherit 25%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-26:after{background:linear-gradient(-90deg,inherit 26%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-27:after{background:linear-gradient(-90deg,inherit 27%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-28:after{background:linear-gradient(-90deg,inherit 28%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-29:after{background:linear-gradient(-90deg,inherit 29%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-30:after{background:linear-gradient(-90deg,inherit 30%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-31:after{background:linear-gradient(-90deg,inherit 31%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-32:after{background:linear-gradient(-90deg,inherit 32%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-33:after{background:linear-gradient(-90deg,inherit 33%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-34:after{background:linear-gradient(-90deg,inherit 34%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-35:after{background:linear-gradient(-90deg,inherit 35%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-36:after{background:linear-gradient(-90deg,inherit 36%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-37:after{background:linear-gradient(-90deg,inherit 37%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-38:after{background:linear-gradient(-90deg,inherit 38%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-39:after{background:linear-gradient(-90deg,inherit 39%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-40:after{background:linear-gradient(-90deg,inherit 40%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-41:after{background:linear-gradient(-90deg,inherit 41%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-42:after{background:linear-gradient(-90deg,inherit 42%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-43:after{background:linear-gradient(-90deg,inherit 43%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-44:after{background:linear-gradient(-90deg,inherit 44%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-45:after{background:linear-gradient(-90deg,inherit 45%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-46:after{background:linear-gradient(-90deg,inherit 46%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-47:after{background:linear-gradient(-90deg,inherit 47%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-48:after{background:linear-gradient(-90deg,inherit 48%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-49:after{background:linear-gradient(-90deg,inherit 49%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-50:after{background:linear-gradient(-90deg,inherit 50%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-51:after{background:linear-gradient(-90deg,inherit 51%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-52:after{background:linear-gradient(-90deg,inherit 52%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-53:after{background:linear-gradient(-90deg,inherit 53%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-54:after{background:linear-gradient(-90deg,inherit 54%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-55:after{background:linear-gradient(-90deg,inherit 55%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-56:after{background:linear-gradient(-90deg,inherit 56%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-57:after{background:linear-gradient(-90deg,inherit 57%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-58:after{background:linear-gradient(-90deg,inherit 58%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-59:after{background:linear-gradient(-90deg,inherit 59%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-60:after{background:linear-gradient(-90deg,inherit 60%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-61:after{background:linear-gradient(-90deg,inherit 61%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-62:after{background:linear-gradient(-90deg,inherit 62%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-63:after{background:linear-gradient(-90deg,inherit 63%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-64:after{background:linear-gradient(-90deg,inherit 64%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-65:after{background:linear-gradient(-90deg,inherit 65%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-66:after{background:linear-gradient(-90deg,inherit 66%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-67:after{background:linear-gradient(-90deg,inherit 67%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-68:after{background:linear-gradient(-90deg,inherit 68%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-69:after{background:linear-gradient(-90deg,inherit 69%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-70:after{background:linear-gradient(-90deg,inherit 70%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-71:after{background:linear-gradient(-90deg,inherit 71%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-72:after{background:linear-gradient(-90deg,inherit 72%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-73:after{background:linear-gradient(-90deg,inherit 73%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-74:after{background:linear-gradient(-90deg,inherit 74%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-75:after{background:linear-gradient(-90deg,inherit 75%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-76:after{background:linear-gradient(-90deg,inherit 76%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-77:after{background:linear-gradient(-90deg,inherit 77%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-78:after{background:linear-gradient(-90deg,inherit 78%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-79:after{background:linear-gradient(-90deg,inherit 79%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-80:after{background:linear-gradient(-90deg,inherit 80%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-81:after{background:linear-gradient(-90deg,inherit 81%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-82:after{background:linear-gradient(-90deg,inherit 82%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-83:after{background:linear-gradient(-90deg,inherit 83%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-84:after{background:linear-gradient(-90deg,inherit 84%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-85:after{background:linear-gradient(-90deg,inherit 85%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-86:after{background:linear-gradient(-90deg,inherit 86%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-87:after{background:linear-gradient(-90deg,inherit 87%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-88:after{background:linear-gradient(-90deg,inherit 88%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-89:after{background:linear-gradient(-90deg,inherit 89%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-90:after{background:linear-gradient(-90deg,inherit 90%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-91:after{background:linear-gradient(-90deg,inherit 91%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-92:after{background:linear-gradient(-90deg,inherit 92%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-93:after{background:linear-gradient(-90deg,inherit 93%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-94:after{background:linear-gradient(-90deg,inherit 94%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-95:after{background:linear-gradient(-90deg,inherit 95%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-96:after{background:linear-gradient(-90deg,inherit 96%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-97:after{background:linear-gradient(-90deg,inherit 97%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-98:after{background:linear-gradient(-90deg,inherit 98%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-99:after{background:linear-gradient(-90deg,inherit 99%,transparent 0)}

  • simple-star-rating-block/trunk/build/index.asset.php

    r3133802 r3216430  
    1 <?php return array('dependencies' => array('react', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '92aea4f941fef17bf646');
     1<?php return array('dependencies' => array('react', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => 'b0fc06f384e63ab8e356');

  • simple-star-rating-block/trunk/build/index.css

    r3133729 r3216430  
    1 /*!****************************************************************************************************************************************************************************************************************************************!*\
    2   !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/editor.scss ***!
    3   \****************************************************************************************************************************************************************************************************************************************/
    4 .wp-block-create-block-simple-star-rating-block {
    5   display: inline-block;
    6   font-size: 0;
    7   position: relative;
    8 }
    9 .wp-block-create-block-simple-star-rating-block .ssrb-star {
    10   width: 1em;
    11   height: 1em;
    12   margin: 0 0.1em;
    13   display: inline-block;
    14   background: lightgray;
    15   clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    16   position: relative;
    17 }
    18 .wp-block-create-block-simple-star-rating-block .ssrb-star:last-child {
    19   margin: 0;
    20 }
    21 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-full {
    22   background: inherit;
    23 }
    24 .wp-block-create-block-simple-star-rating-block .ssrb-star::after {
    25   content: "";
    26   position: absolute;
    27   top: 0;
    28   left: 0;
    29   width: 100%;
    30   height: 100%;
    31   clip-path: inherit;
    32 }
    33 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-1::after {
    34   background: linear-gradient(90deg, inherit 1%, transparent 1%);
    35 }
    36 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-2::after {
    37   background: linear-gradient(90deg, inherit 2%, transparent 2%);
    38 }
    39 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-3::after {
    40   background: linear-gradient(90deg, inherit 3%, transparent 3%);
    41 }
    42 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-4::after {
    43   background: linear-gradient(90deg, inherit 4%, transparent 4%);
    44 }
    45 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-5::after {
    46   background: linear-gradient(90deg, inherit 5%, transparent 5%);
    47 }
    48 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-6::after {
    49   background: linear-gradient(90deg, inherit 6%, transparent 6%);
    50 }
    51 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-7::after {
    52   background: linear-gradient(90deg, inherit 7%, transparent 7%);
    53 }
    54 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-8::after {
    55   background: linear-gradient(90deg, inherit 8%, transparent 8%);
    56 }
    57 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-9::after {
    58   background: linear-gradient(90deg, inherit 9%, transparent 9%);
    59 }
    60 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-10::after {
    61   background: linear-gradient(90deg, inherit 10%, transparent 10%);
    62 }
    63 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-11::after {
    64   background: linear-gradient(90deg, inherit 11%, transparent 11%);
    65 }
    66 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-12::after {
    67   background: linear-gradient(90deg, inherit 12%, transparent 12%);
    68 }
    69 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-13::after {
    70   background: linear-gradient(90deg, inherit 13%, transparent 13%);
    71 }
    72 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-14::after {
    73   background: linear-gradient(90deg, inherit 14%, transparent 14%);
    74 }
    75 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-15::after {
    76   background: linear-gradient(90deg, inherit 15%, transparent 15%);
    77 }
    78 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-16::after {
    79   background: linear-gradient(90deg, inherit 16%, transparent 16%);
    80 }
    81 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-17::after {
    82   background: linear-gradient(90deg, inherit 17%, transparent 17%);
    83 }
    84 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-18::after {
    85   background: linear-gradient(90deg, inherit 18%, transparent 18%);
    86 }
    87 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-19::after {
    88   background: linear-gradient(90deg, inherit 19%, transparent 19%);
    89 }
    90 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-20::after {
    91   background: linear-gradient(90deg, inherit 20%, transparent 20%);
    92 }
    93 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-21::after {
    94   background: linear-gradient(90deg, inherit 21%, transparent 21%);
    95 }
    96 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-22::after {
    97   background: linear-gradient(90deg, inherit 22%, transparent 22%);
    98 }
    99 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-23::after {
    100   background: linear-gradient(90deg, inherit 23%, transparent 23%);
    101 }
    102 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-24::after {
    103   background: linear-gradient(90deg, inherit 24%, transparent 24%);
    104 }
    105 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-25::after {
    106   background: linear-gradient(90deg, inherit 25%, transparent 25%);
    107 }
    108 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-26::after {
    109   background: linear-gradient(90deg, inherit 26%, transparent 26%);
    110 }
    111 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-27::after {
    112   background: linear-gradient(90deg, inherit 27%, transparent 27%);
    113 }
    114 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-28::after {
    115   background: linear-gradient(90deg, inherit 28%, transparent 28%);
    116 }
    117 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-29::after {
    118   background: linear-gradient(90deg, inherit 29%, transparent 29%);
    119 }
    120 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-30::after {
    121   background: linear-gradient(90deg, inherit 30%, transparent 30%);
    122 }
    123 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-31::after {
    124   background: linear-gradient(90deg, inherit 31%, transparent 31%);
    125 }
    126 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-32::after {
    127   background: linear-gradient(90deg, inherit 32%, transparent 32%);
    128 }
    129 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-33::after {
    130   background: linear-gradient(90deg, inherit 33%, transparent 33%);
    131 }
    132 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-34::after {
    133   background: linear-gradient(90deg, inherit 34%, transparent 34%);
    134 }
    135 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-35::after {
    136   background: linear-gradient(90deg, inherit 35%, transparent 35%);
    137 }
    138 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-36::after {
    139   background: linear-gradient(90deg, inherit 36%, transparent 36%);
    140 }
    141 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-37::after {
    142   background: linear-gradient(90deg, inherit 37%, transparent 37%);
    143 }
    144 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-38::after {
    145   background: linear-gradient(90deg, inherit 38%, transparent 38%);
    146 }
    147 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-39::after {
    148   background: linear-gradient(90deg, inherit 39%, transparent 39%);
    149 }
    150 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-40::after {
    151   background: linear-gradient(90deg, inherit 40%, transparent 40%);
    152 }
    153 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-41::after {
    154   background: linear-gradient(90deg, inherit 41%, transparent 41%);
    155 }
    156 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-42::after {
    157   background: linear-gradient(90deg, inherit 42%, transparent 42%);
    158 }
    159 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-43::after {
    160   background: linear-gradient(90deg, inherit 43%, transparent 43%);
    161 }
    162 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-44::after {
    163   background: linear-gradient(90deg, inherit 44%, transparent 44%);
    164 }
    165 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-45::after {
    166   background: linear-gradient(90deg, inherit 45%, transparent 45%);
    167 }
    168 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-46::after {
    169   background: linear-gradient(90deg, inherit 46%, transparent 46%);
    170 }
    171 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-47::after {
    172   background: linear-gradient(90deg, inherit 47%, transparent 47%);
    173 }
    174 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-48::after {
    175   background: linear-gradient(90deg, inherit 48%, transparent 48%);
    176 }
    177 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-49::after {
    178   background: linear-gradient(90deg, inherit 49%, transparent 49%);
    179 }
    180 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-50::after {
    181   background: linear-gradient(90deg, inherit 50%, transparent 50%);
    182 }
    183 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-51::after {
    184   background: linear-gradient(90deg, inherit 51%, transparent 51%);
    185 }
    186 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-52::after {
    187   background: linear-gradient(90deg, inherit 52%, transparent 52%);
    188 }
    189 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-53::after {
    190   background: linear-gradient(90deg, inherit 53%, transparent 53%);
    191 }
    192 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-54::after {
    193   background: linear-gradient(90deg, inherit 54%, transparent 54%);
    194 }
    195 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-55::after {
    196   background: linear-gradient(90deg, inherit 55%, transparent 55%);
    197 }
    198 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-56::after {
    199   background: linear-gradient(90deg, inherit 56%, transparent 56%);
    200 }
    201 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-57::after {
    202   background: linear-gradient(90deg, inherit 57%, transparent 57%);
    203 }
    204 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-58::after {
    205   background: linear-gradient(90deg, inherit 58%, transparent 58%);
    206 }
    207 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-59::after {
    208   background: linear-gradient(90deg, inherit 59%, transparent 59%);
    209 }
    210 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-60::after {
    211   background: linear-gradient(90deg, inherit 60%, transparent 60%);
    212 }
    213 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-61::after {
    214   background: linear-gradient(90deg, inherit 61%, transparent 61%);
    215 }
    216 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-62::after {
    217   background: linear-gradient(90deg, inherit 62%, transparent 62%);
    218 }
    219 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-63::after {
    220   background: linear-gradient(90deg, inherit 63%, transparent 63%);
    221 }
    222 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-64::after {
    223   background: linear-gradient(90deg, inherit 64%, transparent 64%);
    224 }
    225 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-65::after {
    226   background: linear-gradient(90deg, inherit 65%, transparent 65%);
    227 }
    228 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-66::after {
    229   background: linear-gradient(90deg, inherit 66%, transparent 66%);
    230 }
    231 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-67::after {
    232   background: linear-gradient(90deg, inherit 67%, transparent 67%);
    233 }
    234 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-68::after {
    235   background: linear-gradient(90deg, inherit 68%, transparent 68%);
    236 }
    237 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-69::after {
    238   background: linear-gradient(90deg, inherit 69%, transparent 69%);
    239 }
    240 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-70::after {
    241   background: linear-gradient(90deg, inherit 70%, transparent 70%);
    242 }
    243 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-71::after {
    244   background: linear-gradient(90deg, inherit 71%, transparent 71%);
    245 }
    246 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-72::after {
    247   background: linear-gradient(90deg, inherit 72%, transparent 72%);
    248 }
    249 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-73::after {
    250   background: linear-gradient(90deg, inherit 73%, transparent 73%);
    251 }
    252 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-74::after {
    253   background: linear-gradient(90deg, inherit 74%, transparent 74%);
    254 }
    255 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-75::after {
    256   background: linear-gradient(90deg, inherit 75%, transparent 75%);
    257 }
    258 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-76::after {
    259   background: linear-gradient(90deg, inherit 76%, transparent 76%);
    260 }
    261 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-77::after {
    262   background: linear-gradient(90deg, inherit 77%, transparent 77%);
    263 }
    264 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-78::after {
    265   background: linear-gradient(90deg, inherit 78%, transparent 78%);
    266 }
    267 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-79::after {
    268   background: linear-gradient(90deg, inherit 79%, transparent 79%);
    269 }
    270 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-80::after {
    271   background: linear-gradient(90deg, inherit 80%, transparent 80%);
    272 }
    273 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-81::after {
    274   background: linear-gradient(90deg, inherit 81%, transparent 81%);
    275 }
    276 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-82::after {
    277   background: linear-gradient(90deg, inherit 82%, transparent 82%);
    278 }
    279 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-83::after {
    280   background: linear-gradient(90deg, inherit 83%, transparent 83%);
    281 }
    282 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-84::after {
    283   background: linear-gradient(90deg, inherit 84%, transparent 84%);
    284 }
    285 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-85::after {
    286   background: linear-gradient(90deg, inherit 85%, transparent 85%);
    287 }
    288 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-86::after {
    289   background: linear-gradient(90deg, inherit 86%, transparent 86%);
    290 }
    291 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-87::after {
    292   background: linear-gradient(90deg, inherit 87%, transparent 87%);
    293 }
    294 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-88::after {
    295   background: linear-gradient(90deg, inherit 88%, transparent 88%);
    296 }
    297 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-89::after {
    298   background: linear-gradient(90deg, inherit 89%, transparent 89%);
    299 }
    300 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-90::after {
    301   background: linear-gradient(90deg, inherit 90%, transparent 90%);
    302 }
    303 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-91::after {
    304   background: linear-gradient(90deg, inherit 91%, transparent 91%);
    305 }
    306 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-92::after {
    307   background: linear-gradient(90deg, inherit 92%, transparent 92%);
    308 }
    309 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-93::after {
    310   background: linear-gradient(90deg, inherit 93%, transparent 93%);
    311 }
    312 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-94::after {
    313   background: linear-gradient(90deg, inherit 94%, transparent 94%);
    314 }
    315 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-95::after {
    316   background: linear-gradient(90deg, inherit 95%, transparent 95%);
    317 }
    318 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-96::after {
    319   background: linear-gradient(90deg, inherit 96%, transparent 96%);
    320 }
    321 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-97::after {
    322   background: linear-gradient(90deg, inherit 97%, transparent 97%);
    323 }
    324 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-98::after {
    325   background: linear-gradient(90deg, inherit 98%, transparent 98%);
    326 }
    327 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-99::after {
    328   background: linear-gradient(90deg, inherit 99%, transparent 99%);
    329 }
    330 
    331 /*# sourceMappingURL=index.css.map*/
     1.wp-block-create-block-simple-star-rating-block{display:inline-block;font-size:0;position:relative}.wp-block-create-block-simple-star-rating-block .ssrb-star{background:#d3d3d3;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);display:inline-block;height:1em;margin:0 .1em;position:relative;width:1em}.wp-block-create-block-simple-star-rating-block .ssrb-star:last-child{margin:0}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-full{background:inherit}.wp-block-create-block-simple-star-rating-block .ssrb-star:after{clip-path:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-1:after{background:linear-gradient(90deg,inherit 1%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-2:after{background:linear-gradient(90deg,inherit 2%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-3:after{background:linear-gradient(90deg,inherit 3%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-4:after{background:linear-gradient(90deg,inherit 4%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-5:after{background:linear-gradient(90deg,inherit 5%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-6:after{background:linear-gradient(90deg,inherit 6%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-7:after{background:linear-gradient(90deg,inherit 7%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-8:after{background:linear-gradient(90deg,inherit 8%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-9:after{background:linear-gradient(90deg,inherit 9%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-10:after{background:linear-gradient(90deg,inherit 10%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-11:after{background:linear-gradient(90deg,inherit 11%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-12:after{background:linear-gradient(90deg,inherit 12%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-13:after{background:linear-gradient(90deg,inherit 13%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-14:after{background:linear-gradient(90deg,inherit 14%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-15:after{background:linear-gradient(90deg,inherit 15%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-16:after{background:linear-gradient(90deg,inherit 16%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-17:after{background:linear-gradient(90deg,inherit 17%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-18:after{background:linear-gradient(90deg,inherit 18%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-19:after{background:linear-gradient(90deg,inherit 19%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-20:after{background:linear-gradient(90deg,inherit 20%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-21:after{background:linear-gradient(90deg,inherit 21%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-22:after{background:linear-gradient(90deg,inherit 22%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-23:after{background:linear-gradient(90deg,inherit 23%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-24:after{background:linear-gradient(90deg,inherit 24%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-25:after{background:linear-gradient(90deg,inherit 25%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-26:after{background:linear-gradient(90deg,inherit 26%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-27:after{background:linear-gradient(90deg,inherit 27%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-28:after{background:linear-gradient(90deg,inherit 28%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-29:after{background:linear-gradient(90deg,inherit 29%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-30:after{background:linear-gradient(90deg,inherit 30%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-31:after{background:linear-gradient(90deg,inherit 31%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-32:after{background:linear-gradient(90deg,inherit 32%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-33:after{background:linear-gradient(90deg,inherit 33%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-34:after{background:linear-gradient(90deg,inherit 34%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-35:after{background:linear-gradient(90deg,inherit 35%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-36:after{background:linear-gradient(90deg,inherit 36%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-37:after{background:linear-gradient(90deg,inherit 37%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-38:after{background:linear-gradient(90deg,inherit 38%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-39:after{background:linear-gradient(90deg,inherit 39%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-40:after{background:linear-gradient(90deg,inherit 40%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-41:after{background:linear-gradient(90deg,inherit 41%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-42:after{background:linear-gradient(90deg,inherit 42%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-43:after{background:linear-gradient(90deg,inherit 43%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-44:after{background:linear-gradient(90deg,inherit 44%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-45:after{background:linear-gradient(90deg,inherit 45%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-46:after{background:linear-gradient(90deg,inherit 46%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-47:after{background:linear-gradient(90deg,inherit 47%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-48:after{background:linear-gradient(90deg,inherit 48%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-49:after{background:linear-gradient(90deg,inherit 49%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-50:after{background:linear-gradient(90deg,inherit 50%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-51:after{background:linear-gradient(90deg,inherit 51%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-52:after{background:linear-gradient(90deg,inherit 52%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-53:after{background:linear-gradient(90deg,inherit 53%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-54:after{background:linear-gradient(90deg,inherit 54%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-55:after{background:linear-gradient(90deg,inherit 55%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-56:after{background:linear-gradient(90deg,inherit 56%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-57:after{background:linear-gradient(90deg,inherit 57%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-58:after{background:linear-gradient(90deg,inherit 58%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-59:after{background:linear-gradient(90deg,inherit 59%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-60:after{background:linear-gradient(90deg,inherit 60%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-61:after{background:linear-gradient(90deg,inherit 61%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-62:after{background:linear-gradient(90deg,inherit 62%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-63:after{background:linear-gradient(90deg,inherit 63%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-64:after{background:linear-gradient(90deg,inherit 64%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-65:after{background:linear-gradient(90deg,inherit 65%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-66:after{background:linear-gradient(90deg,inherit 66%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-67:after{background:linear-gradient(90deg,inherit 67%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-68:after{background:linear-gradient(90deg,inherit 68%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-69:after{background:linear-gradient(90deg,inherit 69%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-70:after{background:linear-gradient(90deg,inherit 70%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-71:after{background:linear-gradient(90deg,inherit 71%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-72:after{background:linear-gradient(90deg,inherit 72%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-73:after{background:linear-gradient(90deg,inherit 73%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-74:after{background:linear-gradient(90deg,inherit 74%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-75:after{background:linear-gradient(90deg,inherit 75%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-76:after{background:linear-gradient(90deg,inherit 76%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-77:after{background:linear-gradient(90deg,inherit 77%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-78:after{background:linear-gradient(90deg,inherit 78%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-79:after{background:linear-gradient(90deg,inherit 79%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-80:after{background:linear-gradient(90deg,inherit 80%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-81:after{background:linear-gradient(90deg,inherit 81%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-82:after{background:linear-gradient(90deg,inherit 82%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-83:after{background:linear-gradient(90deg,inherit 83%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-84:after{background:linear-gradient(90deg,inherit 84%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-85:after{background:linear-gradient(90deg,inherit 85%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-86:after{background:linear-gradient(90deg,inherit 86%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-87:after{background:linear-gradient(90deg,inherit 87%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-88:after{background:linear-gradient(90deg,inherit 88%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-89:after{background:linear-gradient(90deg,inherit 89%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-90:after{background:linear-gradient(90deg,inherit 90%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-91:after{background:linear-gradient(90deg,inherit 91%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-92:after{background:linear-gradient(90deg,inherit 92%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-93:after{background:linear-gradient(90deg,inherit 93%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-94:after{background:linear-gradient(90deg,inherit 94%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-95:after{background:linear-gradient(90deg,inherit 95%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-96:after{background:linear-gradient(90deg,inherit 96%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-97:after{background:linear-gradient(90deg,inherit 97%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-98:after{background:linear-gradient(90deg,inherit 98%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-99:after{background:linear-gradient(90deg,inherit 99%,transparent 0)}

  • simple-star-rating-block/trunk/build/index.js

    r3133802 r3216430  
    1 /******/ (() => { // webpackBootstrap
    2 /******/    "use strict";
    3 /******/    var __webpack_modules__ = ({
    4 
    5 /***/ "./node_modules/@wordpress/icons/build-module/library/star-half.js":
    6 /*!*************************************************************************!*\
    7   !*** ./node_modules/@wordpress/icons/build-module/library/star-half.js ***!
    8   \*************************************************************************/
    9 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
    10 
    11 __webpack_require__.r(__webpack_exports__);
    12 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
    13 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
    14 /* harmony export */ });
    15 /* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
    16 /* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_0__);
    17 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
    18 /**
    19  * WordPress dependencies
    20  */
    21 
    22 
    23 const starHalf = /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_0__.SVG, {
    24   xmlns: "http://www.w3.org/2000/svg",
    25   viewBox: "0 0 24 24",
    26   children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_0__.Path, {
    27     d: "M9.518 8.783a.25.25 0 00.188-.137l2.069-4.192a.25.25 0 01.448 0l2.07 4.192a.25.25 0 00.187.137l4.626.672a.25.25 0 01.139.427l-3.347 3.262a.25.25 0 00-.072.222l.79 4.607a.25.25 0 01-.363.264l-4.137-2.176a.25.25 0 00-.233 0l-4.138 2.175a.25.25 0 01-.362-.263l.79-4.607a.25.25 0 00-.072-.222L4.753 9.882a.25.25 0 01.14-.427l4.625-.672zM12 14.533c.28 0 .559.067.814.2l1.895.997-.362-2.11a1.75 1.75 0 01.504-1.55l1.533-1.495-2.12-.308a1.75 1.75 0 01-1.317-.957L12 7.39v7.143z"
    28   })
    29 });
    30 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (starHalf);
    31 //# sourceMappingURL=star-half.js.map
    32 
    33 /***/ }),
    34 
    35 /***/ "./src/edit.js":
    36 /*!*********************!*\
    37   !*** ./src/edit.js ***!
    38   \*********************/
    39 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
    40 
    41 __webpack_require__.r(__webpack_exports__);
    42 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
    43 /* harmony export */   "default": () => (/* binding */ Edit)
    44 /* harmony export */ });
    45 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
    46 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
    47 /* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
    48 /* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);
    49 /* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
    50 /* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__);
    51 /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
    52 /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__);
    53 /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
    54 /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_4__);
    55 /* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
    56 /* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_5__);
    57 /* harmony import */ var _editor_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./editor.scss */ "./src/editor.scss");
    58 
    59 
    60 
    61 
    62 
    63 
    64 
    65 function Edit({
    66   attributes,
    67   setAttributes
    68 }) {
    69   const {
    70     rating,
    71     customField,
    72     useCustomField,
    73     starColor,
    74     starSize
    75   } = attributes;
    76   const [customFields, setCustomFields] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useState)([]);
    77   const [postMetaData, setPostMetaData] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useState)({});
    78   (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useEffect)(() => {
    79     if (useCustomField) {
    80       const postId = wp.data.select("core/editor").getCurrentPostId();
    81       let postType = wp.data.select("core/editor").getCurrentPostType();
    82       if (postType === "page" || postType === "post") {
    83         postType += "s";
    84       }
    85       _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_5___default()({
    86         path: `/wp/v2/${postType}/${postId}`
    87       }).then(post => {
    88         const md = {
    89           ...post.meta,
    90           ...post.acf
    91         };
    92         const meta = Object.keys(post.meta);
    93         const acf = Object.keys(post.acf);
    94         const fields = [...meta, ...acf];
    95         setCustomFields(fields);
    96         setPostMetaData(md);
    97         updateRating(md[customField] || rating);
    98       });
    99     }
    100   }, [useCustomField]);
    101   const updateRating = value => {
    102     const numericValue = parseFloat(value);
    103     if (!isNaN(numericValue) && numericValue >= 0 && numericValue <= 5) {
    104       setAttributes({
    105         rating: numericValue
    106       });
    107     }
    108   };
    109   const updateCustomField = value => {
    110     setAttributes({
    111       customField: value
    112     });
    113     const newRating = postMetaData[value];
    114     if (newRating !== undefined && !isNaN(parseFloat(newRating))) {
    115       updateRating(newRating);
    116     } else {
    117       console.warn(`Invalid custom field value for ${value}: ${newRating}`);
    118     }
    119   };
    120   const fullStars = Math.floor(rating);
    121   const partialStar = rating - fullStars;
    122   return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
    123     ...(0,_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__.useBlockProps)()
    124   }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__.InspectorControls, null, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.PanelBody, {
    125     title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Rating Settings", "simple-star-rating-block")
    126   }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.ToggleControl, {
    127     label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Show From Custom Field", "simple-star-rating-block"),
    128     checked: useCustomField,
    129     onChange: value => setAttributes({
    130       useCustomField: value
    131     })
    132   }), useCustomField && (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.ComboboxControl, {
    133     label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Custom Field Key", "simple-star-rating-block"),
    134     value: customField,
    135     options: customFields.map(field => ({
    136       label: field,
    137       value: field
    138     })),
    139     onChange: updateCustomField
    140   }), !useCustomField && (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.TextControl, {
    141     label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Rating", "simple-star-rating-block"),
    142     type: "number",
    143     min: "0",
    144     max: "5",
    145     step: "0.01",
    146     readOnly: useCustomField,
    147     value: rating,
    148     onChange: updateRating
    149   })), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.PanelBody, {
    150     title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Style", "simple-star-rating-block"),
    151     initialOpen: false
    152   }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__.ColorPalette, {
    153     label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Star Color", "simple-star-rating-block"),
    154     value: starColor,
    155     onChange: color => setAttributes({
    156       starColor: color
    157     })
    158   }), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.RangeControl, {
    159     label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Star Size", "simple-star-rating-block"),
    160     value: starSize,
    161     onChange: value => setAttributes({
    162       starSize: value
    163     }),
    164     min: 10,
    165     max: 50
    166   }))), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
    167     style: {
    168       fontSize: `${starSize}px`
    169     }
    170   }, Array.from({
    171     length: 5
    172   }, (_, i) => {
    173     if (i < fullStars) {
    174       return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
    175         key: i,
    176         className: "ssrb-star ssrb-full",
    177         style: {
    178           backgroundColor: starColor
    179         }
    180       });
    181     } else if (i === fullStars && partialStar > 0) {
    182       const percentage = Math.round(partialStar * 100);
    183       return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
    184         key: i,
    185         className: `ssrb-star ssrb-perc-${percentage}`,
    186         style: {
    187           backgroundImage: `linear-gradient(90deg, ${starColor} ${percentage}%, transparent ${percentage}%)`
    188         }
    189       });
    190     } else {
    191       return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
    192         key: i,
    193         className: "ssrb-star"
    194       });
    195     }
    196   })));
    197 }
    198 
    199 /***/ }),
    200 
    201 /***/ "./src/index.js":
    202 /*!**********************!*\
    203   !*** ./src/index.js ***!
    204   \**********************/
    205 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
    206 
    207 __webpack_require__.r(__webpack_exports__);
    208 /* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/blocks */ "@wordpress/blocks");
    209 /* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_blocks__WEBPACK_IMPORTED_MODULE_0__);
    210 /* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/star-half.js");
    211 /* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./style.scss */ "./src/style.scss");
    212 /* harmony import */ var _edit__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./edit */ "./src/edit.js");
    213 /* harmony import */ var _block_json__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./block.json */ "./src/block.json");
    214 /**
    215  * Registers a new block provided a unique name and an object defining its behavior.
    216  *
    217  * @see https://developer.wordpress.org/block-editor/reference-guides/block-api/block-registration/
    218  */
    219 
    220 
    221 
    222 /**
    223  * Lets webpack process CSS, SASS or SCSS files referenced in JavaScript files.
    224  * All files containing `style` keyword are bundled together. The code used
    225  * gets applied both to the front of your site and to the editor.
    226  *
    227  * @see https://www.npmjs.com/package/@wordpress/scripts#using-css
    228  */
    229 
    230 
    231 /**
    232  * Internal dependencies
    233  */
    234 
    235 
    236 
    237 /**
    238  * Every block starts by registering a new block type definition.
    239  */
    240 (0,_wordpress_blocks__WEBPACK_IMPORTED_MODULE_0__.registerBlockType)(_block_json__WEBPACK_IMPORTED_MODULE_3__.name, {
    241   icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_4__["default"],
    242   edit: _edit__WEBPACK_IMPORTED_MODULE_2__["default"]
    243 });
    244 
    245 /***/ }),
    246 
    247 /***/ "./src/editor.scss":
    248 /*!*************************!*\
    249   !*** ./src/editor.scss ***!
    250   \*************************/
    251 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
    252 
    253 __webpack_require__.r(__webpack_exports__);
    254 // extracted by mini-css-extract-plugin
    255 
    256 
    257 /***/ }),
    258 
    259 /***/ "./src/style.scss":
    260 /*!************************!*\
    261   !*** ./src/style.scss ***!
    262   \************************/
    263 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
    264 
    265 __webpack_require__.r(__webpack_exports__);
    266 // extracted by mini-css-extract-plugin
    267 
    268 
    269 /***/ }),
    270 
    271 /***/ "./node_modules/react/cjs/react-jsx-runtime.development.js":
    272 /*!*****************************************************************!*\
    273   !*** ./node_modules/react/cjs/react-jsx-runtime.development.js ***!
    274   \*****************************************************************/
    275 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
    276 
    277 /**
    278  * @license React
    279  * react-jsx-runtime.development.js
    280  *
    281  * Copyright (c) Facebook, Inc. and its affiliates.
    282  *
    283  * This source code is licensed under the MIT license found in the
    284  * LICENSE file in the root directory of this source tree.
    285  */
    286 
    287 
    288 
    289 if (true) {
    290   (function() {
    291 'use strict';
    292 
    293 var React = __webpack_require__(/*! react */ "react");
    294 
    295 // ATTENTION
    296 // When adding new symbols to this file,
    297 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
    298 // The Symbol used to tag the ReactElement-like types.
    299 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
    300 var REACT_PORTAL_TYPE = Symbol.for('react.portal');
    301 var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
    302 var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
    303 var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
    304 var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
    305 var REACT_CONTEXT_TYPE = Symbol.for('react.context');
    306 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
    307 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
    308 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
    309 var REACT_MEMO_TYPE = Symbol.for('react.memo');
    310 var REACT_LAZY_TYPE = Symbol.for('react.lazy');
    311 var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
    312 var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
    313 var FAUX_ITERATOR_SYMBOL = '@@iterator';
    314 function getIteratorFn(maybeIterable) {
    315   if (maybeIterable === null || typeof maybeIterable !== 'object') {
    316     return null;
    317   }
    318 
    319   var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
    320 
    321   if (typeof maybeIterator === 'function') {
    322     return maybeIterator;
    323   }
    324 
    325   return null;
    326 }
    327 
    328 var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
    329 
    330 function error(format) {
    331   {
    332     {
    333       for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
    334         args[_key2 - 1] = arguments[_key2];
    335       }
    336 
    337       printWarning('error', format, args);
    338     }
    339   }
    340 }
    341 
    342 function printWarning(level, format, args) {
    343   // When changing this logic, you might want to also
    344   // update consoleWithStackDev.www.js as well.
    345   {
    346     var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
    347     var stack = ReactDebugCurrentFrame.getStackAddendum();
    348 
    349     if (stack !== '') {
    350       format += '%s';
    351       args = args.concat([stack]);
    352     } // eslint-disable-next-line react-internal/safe-string-coercion
    353 
    354 
    355     var argsWithFormat = args.map(function (item) {
    356       return String(item);
    357     }); // Careful: RN currently depends on this prefix
    358 
    359     argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
    360     // breaks IE9: https://github.com/facebook/react/issues/13610
    361     // eslint-disable-next-line react-internal/no-production-logging
    362 
    363     Function.prototype.apply.call(console[level], console, argsWithFormat);
    364   }
    365 }
    366 
    367 // -----------------------------------------------------------------------------
    368 
    369 var enableScopeAPI = false; // Experimental Create Event Handle API.
    370 var enableCacheElement = false;
    371 var enableTransitionTracing = false; // No known bugs, but needs performance testing
    372 
    373 var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber
    374 // stuff. Intended to enable React core members to more easily debug scheduling
    375 // issues in DEV builds.
    376 
    377 var enableDebugTracing = false; // Track which Fiber(s) schedule render work.
    378 
    379 var REACT_MODULE_REFERENCE;
    380 
    381 {
    382   REACT_MODULE_REFERENCE = Symbol.for('react.module.reference');
    383 }
    384 
    385 function isValidElementType(type) {
    386   if (typeof type === 'string' || typeof type === 'function') {
    387     return true;
    388   } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
    389 
    390 
    391   if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing  || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden  || type === REACT_OFFSCREEN_TYPE || enableScopeAPI  || enableCacheElement  || enableTransitionTracing ) {
    392     return true;
    393   }
    394 
    395   if (typeof type === 'object' && type !== null) {
    396     if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
    397     // types supported by any Flight configuration anywhere since
    398     // we don't know which Flight build this will end up being used
    399     // with.
    400     type.$$typeof === REACT_MODULE_REFERENCE || type.getModuleId !== undefined) {
    401       return true;
    402     }
    403   }
    404 
    405   return false;
    406 }
    407 
    408 function getWrappedName(outerType, innerType, wrapperName) {
    409   var displayName = outerType.displayName;
    410 
    411   if (displayName) {
    412     return displayName;
    413   }
    414 
    415   var functionName = innerType.displayName || innerType.name || '';
    416   return functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName;
    417 } // Keep in sync with react-reconciler/getComponentNameFromFiber
    418 
    419 
    420 function getContextName(type) {
    421   return type.displayName || 'Context';
    422 } // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
    423 
    424 
    425 function getComponentNameFromType(type) {
    426   if (type == null) {
    427     // Host root, text node or just invalid type.
    428     return null;
    429   }
    430 
    431   {
    432     if (typeof type.tag === 'number') {
    433       error('Received an unexpected object in getComponentNameFromType(). ' + 'This is likely a bug in React. Please file an issue.');
    434     }
    435   }
    436 
    437   if (typeof type === 'function') {
    438     return type.displayName || type.name || null;
    439   }
    440 
    441   if (typeof type === 'string') {
    442     return type;
    443   }
    444 
    445   switch (type) {
    446     case REACT_FRAGMENT_TYPE:
    447       return 'Fragment';
    448 
    449     case REACT_PORTAL_TYPE:
    450       return 'Portal';
    451 
    452     case REACT_PROFILER_TYPE:
    453       return 'Profiler';
    454 
    455     case REACT_STRICT_MODE_TYPE:
    456       return 'StrictMode';
    457 
    458     case REACT_SUSPENSE_TYPE:
    459       return 'Suspense';
    460 
    461     case REACT_SUSPENSE_LIST_TYPE:
    462       return 'SuspenseList';
    463 
    464   }
    465 
    466   if (typeof type === 'object') {
    467     switch (type.$$typeof) {
    468       case REACT_CONTEXT_TYPE:
    469         var context = type;
    470         return getContextName(context) + '.Consumer';
    471 
    472       case REACT_PROVIDER_TYPE:
    473         var provider = type;
    474         return getContextName(provider._context) + '.Provider';
    475 
    476       case REACT_FORWARD_REF_TYPE:
    477         return getWrappedName(type, type.render, 'ForwardRef');
    478 
    479       case REACT_MEMO_TYPE:
    480         var outerName = type.displayName || null;
    481 
    482         if (outerName !== null) {
    483           return outerName;
    484         }
    485 
    486         return getComponentNameFromType(type.type) || 'Memo';
    487 
    488       case REACT_LAZY_TYPE:
    489         {
    490           var lazyComponent = type;
    491           var payload = lazyComponent._payload;
    492           var init = lazyComponent._init;
    493 
    494           try {
    495             return getComponentNameFromType(init(payload));
    496           } catch (x) {
    497             return null;
    498           }
    499         }
    500 
    501       // eslint-disable-next-line no-fallthrough
    502     }
    503   }
    504 
    505   return null;
    506 }
    507 
    508 var assign = Object.assign;
    509 
    510 // Helpers to patch console.logs to avoid logging during side-effect free
    511 // replaying on render function. This currently only patches the object
    512 // lazily which won't cover if the log function was extracted eagerly.
    513 // We could also eagerly patch the method.
    514 var disabledDepth = 0;
    515 var prevLog;
    516 var prevInfo;
    517 var prevWarn;
    518 var prevError;
    519 var prevGroup;
    520 var prevGroupCollapsed;
    521 var prevGroupEnd;
    522 
    523 function disabledLog() {}
    524 
    525 disabledLog.__reactDisabledLog = true;
    526 function disableLogs() {
    527   {
    528     if (disabledDepth === 0) {
    529       /* eslint-disable react-internal/no-production-logging */
    530       prevLog = console.log;
    531       prevInfo = console.info;
    532       prevWarn = console.warn;
    533       prevError = console.error;
    534       prevGroup = console.group;
    535       prevGroupCollapsed = console.groupCollapsed;
    536       prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
    537 
    538       var props = {
    539         configurable: true,
    540         enumerable: true,
    541         value: disabledLog,
    542         writable: true
    543       }; // $FlowFixMe Flow thinks console is immutable.
    544 
    545       Object.defineProperties(console, {
    546         info: props,
    547         log: props,
    548         warn: props,
    549         error: props,
    550         group: props,
    551         groupCollapsed: props,
    552         groupEnd: props
    553       });
    554       /* eslint-enable react-internal/no-production-logging */
    555     }
    556 
    557     disabledDepth++;
    558   }
    559 }
    560 function reenableLogs() {
    561   {
    562     disabledDepth--;
    563 
    564     if (disabledDepth === 0) {
    565       /* eslint-disable react-internal/no-production-logging */
    566       var props = {
    567         configurable: true,
    568         enumerable: true,
    569         writable: true
    570       }; // $FlowFixMe Flow thinks console is immutable.
    571 
    572       Object.defineProperties(console, {
    573         log: assign({}, props, {
    574           value: prevLog
    575         }),
    576         info: assign({}, props, {
    577           value: prevInfo
    578         }),
    579         warn: assign({}, props, {
    580           value: prevWarn
    581         }),
    582         error: assign({}, props, {
    583           value: prevError
    584         }),
    585         group: assign({}, props, {
    586           value: prevGroup
    587         }),
    588         groupCollapsed: assign({}, props, {
    589           value: prevGroupCollapsed
    590         }),
    591         groupEnd: assign({}, props, {
    592           value: prevGroupEnd
    593         })
    594       });
    595       /* eslint-enable react-internal/no-production-logging */
    596     }
    597 
    598     if (disabledDepth < 0) {
    599       error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
    600     }
    601   }
    602 }
    603 
    604 var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
    605 var prefix;
    606 function describeBuiltInComponentFrame(name, source, ownerFn) {
    607   {
    608     if (prefix === undefined) {
    609       // Extract the VM specific prefix used by each line.
    610       try {
    611         throw Error();
    612       } catch (x) {
    613         var match = x.stack.trim().match(/\n( *(at )?)/);
    614         prefix = match && match[1] || '';
    615       }
    616     } // We use the prefix to ensure our stacks line up with native stack frames.
    617 
    618 
    619     return '\n' + prefix + name;
    620   }
    621 }
    622 var reentry = false;
    623 var componentFrameCache;
    624 
    625 {
    626   var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
    627   componentFrameCache = new PossiblyWeakMap();
    628 }
    629 
    630 function describeNativeComponentFrame(fn, construct) {
    631   // If something asked for a stack inside a fake render, it should get ignored.
    632   if ( !fn || reentry) {
    633     return '';
    634   }
    635 
    636   {
    637     var frame = componentFrameCache.get(fn);
    638 
    639     if (frame !== undefined) {
    640       return frame;
    641     }
    642   }
    643 
    644   var control;
    645   reentry = true;
    646   var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe It does accept undefined.
    647 
    648   Error.prepareStackTrace = undefined;
    649   var previousDispatcher;
    650 
    651   {
    652     previousDispatcher = ReactCurrentDispatcher.current; // Set the dispatcher in DEV because this might be call in the render function
    653     // for warnings.
    654 
    655     ReactCurrentDispatcher.current = null;
    656     disableLogs();
    657   }
    658 
    659   try {
    660     // This should throw.
    661     if (construct) {
    662       // Something should be setting the props in the constructor.
    663       var Fake = function () {
    664         throw Error();
    665       }; // $FlowFixMe
    666 
    667 
    668       Object.defineProperty(Fake.prototype, 'props', {
    669         set: function () {
    670           // We use a throwing setter instead of frozen or non-writable props
    671           // because that won't throw in a non-strict mode function.
    672           throw Error();
    673         }
    674       });
    675 
    676       if (typeof Reflect === 'object' && Reflect.construct) {
    677         // We construct a different control for this case to include any extra
    678         // frames added by the construct call.
    679         try {
    680           Reflect.construct(Fake, []);
    681         } catch (x) {
    682           control = x;
    683         }
    684 
    685         Reflect.construct(fn, [], Fake);
    686       } else {
    687         try {
    688           Fake.call();
    689         } catch (x) {
    690           control = x;
    691         }
    692 
    693         fn.call(Fake.prototype);
    694       }
    695     } else {
    696       try {
    697         throw Error();
    698       } catch (x) {
    699         control = x;
    700       }
    701 
    702       fn();
    703     }
    704   } catch (sample) {
    705     // This is inlined manually because closure doesn't do it for us.
    706     if (sample && control && typeof sample.stack === 'string') {
    707       // This extracts the first frame from the sample that isn't also in the control.
    708       // Skipping one frame that we assume is the frame that calls the two.
    709       var sampleLines = sample.stack.split('\n');
    710       var controlLines = control.stack.split('\n');
    711       var s = sampleLines.length - 1;
    712       var c = controlLines.length - 1;
    713 
    714       while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
    715         // We expect at least one stack frame to be shared.
    716         // Typically this will be the root most one. However, stack frames may be
    717         // cut off due to maximum stack limits. In this case, one maybe cut off
    718         // earlier than the other. We assume that the sample is longer or the same
    719         // and there for cut off earlier. So we should find the root most frame in
    720         // the sample somewhere in the control.
    721         c--;
    722       }
    723 
    724       for (; s >= 1 && c >= 0; s--, c--) {
    725         // Next we find the first one that isn't the same which should be the
    726         // frame that called our sample function and the control.
    727         if (sampleLines[s] !== controlLines[c]) {
    728           // In V8, the first line is describing the message but other VMs don't.
    729           // If we're about to return the first line, and the control is also on the same
    730           // line, that's a pretty good indicator that our sample threw at same line as
    731           // the control. I.e. before we entered the sample frame. So we ignore this result.
    732           // This can happen if you passed a class to function component, or non-function.
    733           if (s !== 1 || c !== 1) {
    734             do {
    735               s--;
    736               c--; // We may still have similar intermediate frames from the construct call.
    737               // The next one that isn't the same should be our match though.
    738 
    739               if (c < 0 || sampleLines[s] !== controlLines[c]) {
    740                 // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
    741                 var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
    742                 // but we have a user-provided "displayName"
    743                 // splice it in to make the stack more readable.
    744 
    745 
    746                 if (fn.displayName && _frame.includes('<anonymous>')) {
    747                   _frame = _frame.replace('<anonymous>', fn.displayName);
    748                 }
    749 
    750                 {
    751                   if (typeof fn === 'function') {
    752                     componentFrameCache.set(fn, _frame);
    753                   }
    754                 } // Return the line we found.
    755 
    756 
    757                 return _frame;
    758               }
    759             } while (s >= 1 && c >= 0);
    760           }
    761 
    762           break;
    763         }
    764       }
    765     }
    766   } finally {
    767     reentry = false;
    768 
    769     {
    770       ReactCurrentDispatcher.current = previousDispatcher;
    771       reenableLogs();
    772     }
    773 
    774     Error.prepareStackTrace = previousPrepareStackTrace;
    775   } // Fallback to just using the name if we couldn't make it throw.
    776 
    777 
    778   var name = fn ? fn.displayName || fn.name : '';
    779   var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
    780 
    781   {
    782     if (typeof fn === 'function') {
    783       componentFrameCache.set(fn, syntheticFrame);
    784     }
    785   }
    786 
    787   return syntheticFrame;
    788 }
    789 function describeFunctionComponentFrame(fn, source, ownerFn) {
    790   {
    791     return describeNativeComponentFrame(fn, false);
    792   }
    793 }
    794 
    795 function shouldConstruct(Component) {
    796   var prototype = Component.prototype;
    797   return !!(prototype && prototype.isReactComponent);
    798 }
    799 
    800 function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
    801 
    802   if (type == null) {
    803     return '';
    804   }
    805 
    806   if (typeof type === 'function') {
    807     {
    808       return describeNativeComponentFrame(type, shouldConstruct(type));
    809     }
    810   }
    811 
    812   if (typeof type === 'string') {
    813     return describeBuiltInComponentFrame(type);
    814   }
    815 
    816   switch (type) {
    817     case REACT_SUSPENSE_TYPE:
    818       return describeBuiltInComponentFrame('Suspense');
    819 
    820     case REACT_SUSPENSE_LIST_TYPE:
    821       return describeBuiltInComponentFrame('SuspenseList');
    822   }
    823 
    824   if (typeof type === 'object') {
    825     switch (type.$$typeof) {
    826       case REACT_FORWARD_REF_TYPE:
    827         return describeFunctionComponentFrame(type.render);
    828 
    829       case REACT_MEMO_TYPE:
    830         // Memo may contain any component type so we recursively resolve it.
    831         return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
    832 
    833       case REACT_LAZY_TYPE:
    834         {
    835           var lazyComponent = type;
    836           var payload = lazyComponent._payload;
    837           var init = lazyComponent._init;
    838 
    839           try {
    840             // Lazy may contain any component type so we recursively resolve it.
    841             return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
    842           } catch (x) {}
    843         }
    844     }
    845   }
    846 
    847   return '';
    848 }
    849 
    850 var hasOwnProperty = Object.prototype.hasOwnProperty;
    851 
    852 var loggedTypeFailures = {};
    853 var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
    854 
    855 function setCurrentlyValidatingElement(element) {
    856   {
    857     if (element) {
    858       var owner = element._owner;
    859       var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
    860       ReactDebugCurrentFrame.setExtraStackFrame(stack);
    861     } else {
    862       ReactDebugCurrentFrame.setExtraStackFrame(null);
    863     }
    864   }
    865 }
    866 
    867 function checkPropTypes(typeSpecs, values, location, componentName, element) {
    868   {
    869     // $FlowFixMe This is okay but Flow doesn't know it.
    870     var has = Function.call.bind(hasOwnProperty);
    871 
    872     for (var typeSpecName in typeSpecs) {
    873       if (has(typeSpecs, typeSpecName)) {
    874         var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
    875         // fail the render phase where it didn't fail before. So we log it.
    876         // After these have been cleaned up, we'll let them throw.
    877 
    878         try {
    879           // This is intentionally an invariant that gets caught. It's the same
    880           // behavior as without this statement except with a better message.
    881           if (typeof typeSpecs[typeSpecName] !== 'function') {
    882             // eslint-disable-next-line react-internal/prod-error-codes
    883             var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
    884             err.name = 'Invariant Violation';
    885             throw err;
    886           }
    887 
    888           error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED');
    889         } catch (ex) {
    890           error$1 = ex;
    891         }
    892 
    893         if (error$1 && !(error$1 instanceof Error)) {
    894           setCurrentlyValidatingElement(element);
    895 
    896           error('%s: type specification of %s' + ' `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error$1);
    897 
    898           setCurrentlyValidatingElement(null);
    899         }
    900 
    901         if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
    902           // Only monitor this failure once because there tends to be a lot of the
    903           // same error.
    904           loggedTypeFailures[error$1.message] = true;
    905           setCurrentlyValidatingElement(element);
    906 
    907           error('Failed %s type: %s', location, error$1.message);
    908 
    909           setCurrentlyValidatingElement(null);
    910         }
    911       }
    912     }
    913   }
    914 }
    915 
    916 var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
    917 
    918 function isArray(a) {
    919   return isArrayImpl(a);
    920 }
    921 
    922 /*
    923  * The `'' + value` pattern (used in in perf-sensitive code) throws for Symbol
    924  * and Temporal.* types. See https://github.com/facebook/react/pull/22064.
    925  *
    926  * The functions in this module will throw an easier-to-understand,
    927  * easier-to-debug exception with a clear errors message message explaining the
    928  * problem. (Instead of a confusing exception thrown inside the implementation
    929  * of the `value` object).
    930  */
    931 // $FlowFixMe only called in DEV, so void return is not possible.
    932 function typeName(value) {
    933   {
    934     // toStringTag is needed for namespaced types like Temporal.Instant
    935     var hasToStringTag = typeof Symbol === 'function' && Symbol.toStringTag;
    936     var type = hasToStringTag && value[Symbol.toStringTag] || value.constructor.name || 'Object';
    937     return type;
    938   }
    939 } // $FlowFixMe only called in DEV, so void return is not possible.
    940 
    941 
    942 function willCoercionThrow(value) {
    943   {
    944     try {
    945       testStringCoercion(value);
    946       return false;
    947     } catch (e) {
    948       return true;
    949     }
    950   }
    951 }
    952 
    953 function testStringCoercion(value) {
    954   // If you ended up here by following an exception call stack, here's what's
    955   // happened: you supplied an object or symbol value to React (as a prop, key,
    956   // DOM attribute, CSS property, string ref, etc.) and when React tried to
    957   // coerce it to a string using `'' + value`, an exception was thrown.
    958   //
    959   // The most common types that will cause this exception are `Symbol` instances
    960   // and Temporal objects like `Temporal.Instant`. But any object that has a
    961   // `valueOf` or `[Symbol.toPrimitive]` method that throws will also cause this
    962   // exception. (Library authors do this to prevent users from using built-in
    963   // numeric operators like `+` or comparison operators like `>=` because custom
    964   // methods are needed to perform accurate arithmetic or comparison.)
    965   //
    966   // To fix the problem, coerce this object or symbol value to a string before
    967   // passing it to React. The most reliable way is usually `String(value)`.
    968   //
    969   // To find which value is throwing, check the browser or debugger console.
    970   // Before this exception was thrown, there should be `console.error` output
    971   // that shows the type (Symbol, Temporal.PlainDate, etc.) that caused the
    972   // problem and how that type was used: key, atrribute, input value prop, etc.
    973   // In most cases, this console output also shows the component and its
    974   // ancestor components where the exception happened.
    975   //
    976   // eslint-disable-next-line react-internal/safe-string-coercion
    977   return '' + value;
    978 }
    979 function checkKeyStringCoercion(value) {
    980   {
    981     if (willCoercionThrow(value)) {
    982       error('The provided key is an unsupported type %s.' + ' This value must be coerced to a string before before using it here.', typeName(value));
    983 
    984       return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
    985     }
    986   }
    987 }
    988 
    989 var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
    990 var RESERVED_PROPS = {
    991   key: true,
    992   ref: true,
    993   __self: true,
    994   __source: true
    995 };
    996 var specialPropKeyWarningShown;
    997 var specialPropRefWarningShown;
    998 var didWarnAboutStringRefs;
    999 
    1000 {
    1001   didWarnAboutStringRefs = {};
    1002 }
    1003 
    1004 function hasValidRef(config) {
    1005   {
    1006     if (hasOwnProperty.call(config, 'ref')) {
    1007       var getter = Object.getOwnPropertyDescriptor(config, 'ref').get;
    1008 
    1009       if (getter && getter.isReactWarning) {
    1010         return false;
    1011       }
    1012     }
    1013   }
    1014 
    1015   return config.ref !== undefined;
    1016 }
    1017 
    1018 function hasValidKey(config) {
    1019   {
    1020     if (hasOwnProperty.call(config, 'key')) {
    1021       var getter = Object.getOwnPropertyDescriptor(config, 'key').get;
    1022 
    1023       if (getter && getter.isReactWarning) {
    1024         return false;
    1025       }
    1026     }
    1027   }
    1028 
    1029   return config.key !== undefined;
    1030 }
    1031 
    1032 function warnIfStringRefCannotBeAutoConverted(config, self) {
    1033   {
    1034     if (typeof config.ref === 'string' && ReactCurrentOwner.current && self && ReactCurrentOwner.current.stateNode !== self) {
    1035       var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
    1036 
    1037       if (!didWarnAboutStringRefs[componentName]) {
    1038         error('Component "%s" contains the string ref "%s". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', getComponentNameFromType(ReactCurrentOwner.current.type), config.ref);
    1039 
    1040         didWarnAboutStringRefs[componentName] = true;
    1041       }
    1042     }
    1043   }
    1044 }
    1045 
    1046 function defineKeyPropWarningGetter(props, displayName) {
    1047   {
    1048     var warnAboutAccessingKey = function () {
    1049       if (!specialPropKeyWarningShown) {
    1050         specialPropKeyWarningShown = true;
    1051 
    1052         error('%s: `key` is not a prop. Trying to access it will result ' + 'in `undefined` being returned. If you need to access the same ' + 'value within the child component, you should pass it as a different ' + 'prop. (https://reactjs.org/link/special-props)', displayName);
    1053       }
    1054     };
    1055 
    1056     warnAboutAccessingKey.isReactWarning = true;
    1057     Object.defineProperty(props, 'key', {
    1058       get: warnAboutAccessingKey,
    1059       configurable: true
    1060     });
    1061   }
    1062 }
    1063 
    1064 function defineRefPropWarningGetter(props, displayName) {
    1065   {
    1066     var warnAboutAccessingRef = function () {
    1067       if (!specialPropRefWarningShown) {
    1068         specialPropRefWarningShown = true;
    1069 
    1070         error('%s: `ref` is not a prop. Trying to access it will result ' + 'in `undefined` being returned. If you need to access the same ' + 'value within the child component, you should pass it as a different ' + 'prop. (https://reactjs.org/link/special-props)', displayName);
    1071       }
    1072     };
    1073 
    1074     warnAboutAccessingRef.isReactWarning = true;
    1075     Object.defineProperty(props, 'ref', {
    1076       get: warnAboutAccessingRef,
    1077       configurable: true
    1078     });
    1079   }
    1080 }
    1081 /**
    1082  * Factory method to create a new React element. This no longer adheres to
    1083  * the class pattern, so do not use new to call it. Also, instanceof check
    1084  * will not work. Instead test $$typeof field against Symbol.for('react.element') to check
    1085  * if something is a React Element.
    1086  *
    1087  * @param {*} type
    1088  * @param {*} props
    1089  * @param {*} key
    1090  * @param {string|object} ref
    1091  * @param {*} owner
    1092  * @param {*} self A *temporary* helper to detect places where `this` is
    1093  * different from the `owner` when React.createElement is called, so that we
    1094  * can warn. We want to get rid of owner and replace string `ref`s with arrow
    1095  * functions, and as long as `this` and owner are the same, there will be no
    1096  * change in behavior.
    1097  * @param {*} source An annotation object (added by a transpiler or otherwise)
    1098  * indicating filename, line number, and/or other information.
    1099  * @internal
    1100  */
    1101 
    1102 
    1103 var ReactElement = function (type, key, ref, self, source, owner, props) {
    1104   var element = {
    1105     // This tag allows us to uniquely identify this as a React Element
    1106     $$typeof: REACT_ELEMENT_TYPE,
    1107     // Built-in properties that belong on the element
    1108     type: type,
    1109     key: key,
    1110     ref: ref,
    1111     props: props,
    1112     // Record the component responsible for creating this element.
    1113     _owner: owner
    1114   };
    1115 
    1116   {
    1117     // The validation flag is currently mutative. We put it on
    1118     // an external backing store so that we can freeze the whole object.
    1119     // This can be replaced with a WeakMap once they are implemented in
    1120     // commonly used development environments.
    1121     element._store = {}; // To make comparing ReactElements easier for testing purposes, we make
    1122     // the validation flag non-enumerable (where possible, which should
    1123     // include every environment we run tests in), so the test framework
    1124     // ignores it.
    1125 
    1126     Object.defineProperty(element._store, 'validated', {
    1127       configurable: false,
    1128       enumerable: false,
    1129       writable: true,
    1130       value: false
    1131     }); // self and source are DEV only properties.
    1132 
    1133     Object.defineProperty(element, '_self', {
    1134       configurable: false,
    1135       enumerable: false,
    1136       writable: false,
    1137       value: self
    1138     }); // Two elements created in two different places should be considered
    1139     // equal for testing purposes and therefore we hide it from enumeration.
    1140 
    1141     Object.defineProperty(element, '_source', {
    1142       configurable: false,
    1143       enumerable: false,
    1144       writable: false,
    1145       value: source
    1146     });
    1147 
    1148     if (Object.freeze) {
    1149       Object.freeze(element.props);
    1150       Object.freeze(element);
    1151     }
    1152   }
    1153 
    1154   return element;
    1155 };
    1156 /**
    1157  * https://github.com/reactjs/rfcs/pull/107
    1158  * @param {*} type
    1159  * @param {object} props
    1160  * @param {string} key
    1161  */
    1162 
    1163 function jsxDEV(type, config, maybeKey, source, self) {
    1164   {
    1165     var propName; // Reserved names are extracted
    1166 
    1167     var props = {};
    1168     var key = null;
    1169     var ref = null; // Currently, key can be spread in as a prop. This causes a potential
    1170     // issue if key is also explicitly declared (ie. <div {...props} key="Hi" />
    1171     // or <div key="Hi" {...props} /> ). We want to deprecate key spread,
    1172     // but as an intermediary step, we will use jsxDEV for everything except
    1173     // <div {...props} key="Hi" />, because we aren't currently able to tell if
    1174     // key is explicitly declared to be undefined or not.
    1175 
    1176     if (maybeKey !== undefined) {
    1177       {
    1178         checkKeyStringCoercion(maybeKey);
    1179       }
    1180 
    1181       key = '' + maybeKey;
    1182     }
    1183 
    1184     if (hasValidKey(config)) {
    1185       {
    1186         checkKeyStringCoercion(config.key);
    1187       }
    1188 
    1189       key = '' + config.key;
    1190     }
    1191 
    1192     if (hasValidRef(config)) {
    1193       ref = config.ref;
    1194       warnIfStringRefCannotBeAutoConverted(config, self);
    1195     } // Remaining properties are added to a new props object
    1196 
    1197 
    1198     for (propName in config) {
    1199       if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
    1200         props[propName] = config[propName];
    1201       }
    1202     } // Resolve default props
    1203 
    1204 
    1205     if (type && type.defaultProps) {
    1206       var defaultProps = type.defaultProps;
    1207 
    1208       for (propName in defaultProps) {
    1209         if (props[propName] === undefined) {
    1210           props[propName] = defaultProps[propName];
    1211         }
    1212       }
    1213     }
    1214 
    1215     if (key || ref) {
    1216       var displayName = typeof type === 'function' ? type.displayName || type.name || 'Unknown' : type;
    1217 
    1218       if (key) {
    1219         defineKeyPropWarningGetter(props, displayName);
    1220       }
    1221 
    1222       if (ref) {
    1223         defineRefPropWarningGetter(props, displayName);
    1224       }
    1225     }
    1226 
    1227     return ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
    1228   }
    1229 }
    1230 
    1231 var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
    1232 var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
    1233 
    1234 function setCurrentlyValidatingElement$1(element) {
    1235   {
    1236     if (element) {
    1237       var owner = element._owner;
    1238       var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
    1239       ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
    1240     } else {
    1241       ReactDebugCurrentFrame$1.setExtraStackFrame(null);
    1242     }
    1243   }
    1244 }
    1245 
    1246 var propTypesMisspellWarningShown;
    1247 
    1248 {
    1249   propTypesMisspellWarningShown = false;
    1250 }
    1251 /**
    1252  * Verifies the object is a ReactElement.
    1253  * See https://reactjs.org/docs/react-api.html#isvalidelement
    1254  * @param {?object} object
    1255  * @return {boolean} True if `object` is a ReactElement.
    1256  * @final
    1257  */
    1258 
    1259 
    1260 function isValidElement(object) {
    1261   {
    1262     return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
    1263   }
    1264 }
    1265 
    1266 function getDeclarationErrorAddendum() {
    1267   {
    1268     if (ReactCurrentOwner$1.current) {
    1269       var name = getComponentNameFromType(ReactCurrentOwner$1.current.type);
    1270 
    1271       if (name) {
    1272         return '\n\nCheck the render method of `' + name + '`.';
    1273       }
    1274     }
    1275 
    1276     return '';
    1277   }
    1278 }
    1279 
    1280 function getSourceInfoErrorAddendum(source) {
    1281   {
    1282     if (source !== undefined) {
    1283       var fileName = source.fileName.replace(/^.*[\\\/]/, '');
    1284       var lineNumber = source.lineNumber;
    1285       return '\n\nCheck your code at ' + fileName + ':' + lineNumber + '.';
    1286     }
    1287 
    1288     return '';
    1289   }
    1290 }
    1291 /**
    1292  * Warn if there's no key explicitly set on dynamic arrays of children or
    1293  * object keys are not valid. This allows us to keep track of children between
    1294  * updates.
    1295  */
    1296 
    1297 
    1298 var ownerHasKeyUseWarning = {};
    1299 
    1300 function getCurrentComponentErrorInfo(parentType) {
    1301   {
    1302     var info = getDeclarationErrorAddendum();
    1303 
    1304     if (!info) {
    1305       var parentName = typeof parentType === 'string' ? parentType : parentType.displayName || parentType.name;
    1306 
    1307       if (parentName) {
    1308         info = "\n\nCheck the top-level render call using <" + parentName + ">.";
    1309       }
    1310     }
    1311 
    1312     return info;
    1313   }
    1314 }
    1315 /**
    1316  * Warn if the element doesn't have an explicit key assigned to it.
    1317  * This element is in an array. The array could grow and shrink or be
    1318  * reordered. All children that haven't already been validated are required to
    1319  * have a "key" property assigned to it. Error statuses are cached so a warning
    1320  * will only be shown once.
    1321  *
    1322  * @internal
    1323  * @param {ReactElement} element Element that requires a key.
    1324  * @param {*} parentType element's parent's type.
    1325  */
    1326 
    1327 
    1328 function validateExplicitKey(element, parentType) {
    1329   {
    1330     if (!element._store || element._store.validated || element.key != null) {
    1331       return;
    1332     }
    1333 
    1334     element._store.validated = true;
    1335     var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
    1336 
    1337     if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
    1338       return;
    1339     }
    1340 
    1341     ownerHasKeyUseWarning[currentComponentErrorInfo] = true; // Usually the current owner is the offender, but if it accepts children as a
    1342     // property, it may be the creator of the child that's responsible for
    1343     // assigning it a key.
    1344 
    1345     var childOwner = '';
    1346 
    1347     if (element && element._owner && element._owner !== ReactCurrentOwner$1.current) {
    1348       // Give the component that originally created this child.
    1349       childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
    1350     }
    1351 
    1352     setCurrentlyValidatingElement$1(element);
    1353 
    1354     error('Each child in a list should have a unique "key" prop.' + '%s%s See https://reactjs.org/link/warning-keys for more information.', currentComponentErrorInfo, childOwner);
    1355 
    1356     setCurrentlyValidatingElement$1(null);
    1357   }
    1358 }
    1359 /**
    1360  * Ensure that every element either is passed in a static location, in an
    1361  * array with an explicit keys property defined, or in an object literal
    1362  * with valid key property.
    1363  *
    1364  * @internal
    1365  * @param {ReactNode} node Statically passed child of any type.
    1366  * @param {*} parentType node's parent's type.
    1367  */
    1368 
    1369 
    1370 function validateChildKeys(node, parentType) {
    1371   {
    1372     if (typeof node !== 'object') {
    1373       return;
    1374     }
    1375 
    1376     if (isArray(node)) {
    1377       for (var i = 0; i < node.length; i++) {
    1378         var child = node[i];
    1379 
    1380         if (isValidElement(child)) {
    1381           validateExplicitKey(child, parentType);
    1382         }
    1383       }
    1384     } else if (isValidElement(node)) {
    1385       // This element was passed in a valid location.
    1386       if (node._store) {
    1387         node._store.validated = true;
    1388       }
    1389     } else if (node) {
    1390       var iteratorFn = getIteratorFn(node);
    1391 
    1392       if (typeof iteratorFn === 'function') {
    1393         // Entry iterators used to provide implicit keys,
    1394         // but now we print a separate warning for them later.
    1395         if (iteratorFn !== node.entries) {
    1396           var iterator = iteratorFn.call(node);
    1397           var step;
    1398 
    1399           while (!(step = iterator.next()).done) {
    1400             if (isValidElement(step.value)) {
    1401               validateExplicitKey(step.value, parentType);
    1402             }
    1403           }
    1404         }
    1405       }
    1406     }
    1407   }
    1408 }
    1409 /**
    1410  * Given an element, validate that its props follow the propTypes definition,
    1411  * provided by the type.
    1412  *
    1413  * @param {ReactElement} element
    1414  */
    1415 
    1416 
    1417 function validatePropTypes(element) {
    1418   {
    1419     var type = element.type;
    1420 
    1421     if (type === null || type === undefined || typeof type === 'string') {
    1422       return;
    1423     }
    1424 
    1425     var propTypes;
    1426 
    1427     if (typeof type === 'function') {
    1428       propTypes = type.propTypes;
    1429     } else if (typeof type === 'object' && (type.$$typeof === REACT_FORWARD_REF_TYPE || // Note: Memo only checks outer props here.
    1430     // Inner props are checked in the reconciler.
    1431     type.$$typeof === REACT_MEMO_TYPE)) {
    1432       propTypes = type.propTypes;
    1433     } else {
    1434       return;
    1435     }
    1436 
    1437     if (propTypes) {
    1438       // Intentionally inside to avoid triggering lazy initializers:
    1439       var name = getComponentNameFromType(type);
    1440       checkPropTypes(propTypes, element.props, 'prop', name, element);
    1441     } else if (type.PropTypes !== undefined && !propTypesMisspellWarningShown) {
    1442       propTypesMisspellWarningShown = true; // Intentionally inside to avoid triggering lazy initializers:
    1443 
    1444       var _name = getComponentNameFromType(type);
    1445 
    1446       error('Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?', _name || 'Unknown');
    1447     }
    1448 
    1449     if (typeof type.getDefaultProps === 'function' && !type.getDefaultProps.isReactClassApproved) {
    1450       error('getDefaultProps is only used on classic React.createClass ' + 'definitions. Use a static property named `defaultProps` instead.');
    1451     }
    1452   }
    1453 }
    1454 /**
    1455  * Given a fragment, validate that it can only be provided with fragment props
    1456  * @param {ReactElement} fragment
    1457  */
    1458 
    1459 
    1460 function validateFragmentProps(fragment) {
    1461   {
    1462     var keys = Object.keys(fragment.props);
    1463 
    1464     for (var i = 0; i < keys.length; i++) {
    1465       var key = keys[i];
    1466 
    1467       if (key !== 'children' && key !== 'key') {
    1468         setCurrentlyValidatingElement$1(fragment);
    1469 
    1470         error('Invalid prop `%s` supplied to `React.Fragment`. ' + 'React.Fragment can only have `key` and `children` props.', key);
    1471 
    1472         setCurrentlyValidatingElement$1(null);
    1473         break;
    1474       }
    1475     }
    1476 
    1477     if (fragment.ref !== null) {
    1478       setCurrentlyValidatingElement$1(fragment);
    1479 
    1480       error('Invalid attribute `ref` supplied to `React.Fragment`.');
    1481 
    1482       setCurrentlyValidatingElement$1(null);
    1483     }
    1484   }
    1485 }
    1486 
    1487 var didWarnAboutKeySpread = {};
    1488 function jsxWithValidation(type, props, key, isStaticChildren, source, self) {
    1489   {
    1490     var validType = isValidElementType(type); // We warn in this case but don't throw. We expect the element creation to
    1491     // succeed and there will likely be errors in render.
    1492 
    1493     if (!validType) {
    1494       var info = '';
    1495 
    1496       if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
    1497         info += ' You likely forgot to export your component from the file ' + "it's defined in, or you might have mixed up default and named imports.";
    1498       }
    1499 
    1500       var sourceInfo = getSourceInfoErrorAddendum(source);
    1501 
    1502       if (sourceInfo) {
    1503         info += sourceInfo;
    1504       } else {
    1505         info += getDeclarationErrorAddendum();
    1506       }
    1507 
    1508       var typeString;
    1509 
    1510       if (type === null) {
    1511         typeString = 'null';
    1512       } else if (isArray(type)) {
    1513         typeString = 'array';
    1514       } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
    1515         typeString = "<" + (getComponentNameFromType(type.type) || 'Unknown') + " />";
    1516         info = ' Did you accidentally export a JSX literal instead of a component?';
    1517       } else {
    1518         typeString = typeof type;
    1519       }
    1520 
    1521       error('React.jsx: type is invalid -- expected a string (for ' + 'built-in components) or a class/function (for composite ' + 'components) but got: %s.%s', typeString, info);
    1522     }
    1523 
    1524     var element = jsxDEV(type, props, key, source, self); // The result can be nullish if a mock or a custom function is used.
    1525     // TODO: Drop this when these are no longer allowed as the type argument.
    1526 
    1527     if (element == null) {
    1528       return element;
    1529     } // Skip key warning if the type isn't valid since our key validation logic
    1530     // doesn't expect a non-string/function type and can throw confusing errors.
    1531     // We don't want exception behavior to differ between dev and prod.
    1532     // (Rendering will throw with a helpful message and as soon as the type is
    1533     // fixed, the key warnings will appear.)
    1534 
    1535 
    1536     if (validType) {
    1537       var children = props.children;
    1538 
    1539       if (children !== undefined) {
    1540         if (isStaticChildren) {
    1541           if (isArray(children)) {
    1542             for (var i = 0; i < children.length; i++) {
    1543               validateChildKeys(children[i], type);
    1544             }
    1545 
    1546             if (Object.freeze) {
    1547               Object.freeze(children);
    1548             }
    1549           } else {
    1550             error('React.jsx: Static children should always be an array. ' + 'You are likely explicitly calling React.jsxs or React.jsxDEV. ' + 'Use the Babel transform instead.');
    1551           }
    1552         } else {
    1553           validateChildKeys(children, type);
    1554         }
    1555       }
    1556     }
    1557 
    1558     {
    1559       if (hasOwnProperty.call(props, 'key')) {
    1560         var componentName = getComponentNameFromType(type);
    1561         var keys = Object.keys(props).filter(function (k) {
    1562           return k !== 'key';
    1563         });
    1564         var beforeExample = keys.length > 0 ? '{key: someKey, ' + keys.join(': ..., ') + ': ...}' : '{key: someKey}';
    1565 
    1566         if (!didWarnAboutKeySpread[componentName + beforeExample]) {
    1567           var afterExample = keys.length > 0 ? '{' + keys.join(': ..., ') + ': ...}' : '{}';
    1568 
    1569           error('A props object containing a "key" prop is being spread into JSX:\n' + '  let props = %s;\n' + '  <%s {...props} />\n' + 'React keys must be passed directly to JSX without using spread:\n' + '  let props = %s;\n' + '  <%s key={someKey} {...props} />', beforeExample, componentName, afterExample, componentName);
    1570 
    1571           didWarnAboutKeySpread[componentName + beforeExample] = true;
    1572         }
    1573       }
    1574     }
    1575 
    1576     if (type === REACT_FRAGMENT_TYPE) {
    1577       validateFragmentProps(element);
    1578     } else {
    1579       validatePropTypes(element);
    1580     }
    1581 
    1582     return element;
    1583   }
    1584 } // These two functions exist to still get child warnings in dev
    1585 // even with the prod transform. This means that jsxDEV is purely
    1586 // opt-in behavior for better messages but that we won't stop
    1587 // giving you warnings if you use production apis.
    1588 
    1589 function jsxWithValidationStatic(type, props, key) {
    1590   {
    1591     return jsxWithValidation(type, props, key, true);
    1592   }
    1593 }
    1594 function jsxWithValidationDynamic(type, props, key) {
    1595   {
    1596     return jsxWithValidation(type, props, key, false);
    1597   }
    1598 }
    1599 
    1600 var jsx =  jsxWithValidationDynamic ; // we may want to special case jsxs internally to take advantage of static children.
    1601 // for now we can ship identical prod functions
    1602 
    1603 var jsxs =  jsxWithValidationStatic ;
    1604 
    1605 exports.Fragment = REACT_FRAGMENT_TYPE;
    1606 exports.jsx = jsx;
    1607 exports.jsxs = jsxs;
    1608   })();
    1609 }
    1610 
    1611 
    1612 /***/ }),
    1613 
    1614 /***/ "./node_modules/react/jsx-runtime.js":
    1615 /*!*******************************************!*\
    1616   !*** ./node_modules/react/jsx-runtime.js ***!
    1617   \*******************************************/
    1618 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
    1619 
    1620 
    1621 
    1622 if (false) {} else {
    1623   module.exports = __webpack_require__(/*! ./cjs/react-jsx-runtime.development.js */ "./node_modules/react/cjs/react-jsx-runtime.development.js");
    1624 }
    1625 
    1626 
    1627 /***/ }),
    1628 
    1629 /***/ "react":
    1630 /*!************************!*\
    1631   !*** external "React" ***!
    1632   \************************/
    1633 /***/ ((module) => {
    1634 
    1635 module.exports = window["React"];
    1636 
    1637 /***/ }),
    1638 
    1639 /***/ "@wordpress/api-fetch":
    1640 /*!**********************************!*\
    1641   !*** external ["wp","apiFetch"] ***!
    1642   \**********************************/
    1643 /***/ ((module) => {
    1644 
    1645 module.exports = window["wp"]["apiFetch"];
    1646 
    1647 /***/ }),
    1648 
    1649 /***/ "@wordpress/block-editor":
    1650 /*!*************************************!*\
    1651   !*** external ["wp","blockEditor"] ***!
    1652   \*************************************/
    1653 /***/ ((module) => {
    1654 
    1655 module.exports = window["wp"]["blockEditor"];
    1656 
    1657 /***/ }),
    1658 
    1659 /***/ "@wordpress/blocks":
    1660 /*!********************************!*\
    1661   !*** external ["wp","blocks"] ***!
    1662   \********************************/
    1663 /***/ ((module) => {
    1664 
    1665 module.exports = window["wp"]["blocks"];
    1666 
    1667 /***/ }),
    1668 
    1669 /***/ "@wordpress/components":
    1670 /*!************************************!*\
    1671   !*** external ["wp","components"] ***!
    1672   \************************************/
    1673 /***/ ((module) => {
    1674 
    1675 module.exports = window["wp"]["components"];
    1676 
    1677 /***/ }),
    1678 
    1679 /***/ "@wordpress/element":
    1680 /*!*********************************!*\
    1681   !*** external ["wp","element"] ***!
    1682   \*********************************/
    1683 /***/ ((module) => {
    1684 
    1685 module.exports = window["wp"]["element"];
    1686 
    1687 /***/ }),
    1688 
    1689 /***/ "@wordpress/i18n":
    1690 /*!******************************!*\
    1691   !*** external ["wp","i18n"] ***!
    1692   \******************************/
    1693 /***/ ((module) => {
    1694 
    1695 module.exports = window["wp"]["i18n"];
    1696 
    1697 /***/ }),
    1698 
    1699 /***/ "@wordpress/primitives":
    1700 /*!************************************!*\
    1701   !*** external ["wp","primitives"] ***!
    1702   \************************************/
    1703 /***/ ((module) => {
    1704 
    1705 module.exports = window["wp"]["primitives"];
    1706 
    1707 /***/ }),
    1708 
    1709 /***/ "./src/block.json":
    1710 /*!************************!*\
    1711   !*** ./src/block.json ***!
    1712   \************************/
    1713 /***/ ((module) => {
    1714 
    1715 module.exports = /*#__PURE__*/JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"name":"create-block/simple-star-rating-block","version":"0.1.0","title":"Simple Star Rating Block","category":"widgets","icon":"starHalf","description":"Star Rating Block allows you to display star ratings with manually entered value or pulled from a custom field.","example":{},"supports":{"html":false},"attributes":{"rating":{"type":"number","default":0},"useCustomField":{"type":"boolean","default":false},"customField":{"type":"string","default":""},"starColor":{"type":"string","default":"#FFC700"},"starSize":{"type":"number","default":20}},"textdomain":"simple-star-rating-block","editorScript":"file:./index.js","editorStyle":"file:./index.css","style":"file:./style-index.css","render":"file:./render.php"}');
    1716 
    1717 /***/ })
    1718 
    1719 /******/    });
    1720 /************************************************************************/
    1721 /******/    // The module cache
    1722 /******/    var __webpack_module_cache__ = {};
    1723 /******/   
    1724 /******/    // The require function
    1725 /******/    function __webpack_require__(moduleId) {
    1726 /******/        // Check if module is in cache
    1727 /******/        var cachedModule = __webpack_module_cache__[moduleId];
    1728 /******/        if (cachedModule !== undefined) {
    1729 /******/            return cachedModule.exports;
    1730 /******/        }
    1731 /******/        // Create a new module (and put it into the cache)
    1732 /******/        var module = __webpack_module_cache__[moduleId] = {
    1733 /******/            // no module.id needed
    1734 /******/            // no module.loaded needed
    1735 /******/            exports: {}
    1736 /******/        };
    1737 /******/   
    1738 /******/        // Execute the module function
    1739 /******/        __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
    1740 /******/   
    1741 /******/        // Return the exports of the module
    1742 /******/        return module.exports;
    1743 /******/    }
    1744 /******/   
    1745 /******/    // expose the modules object (__webpack_modules__)
    1746 /******/    __webpack_require__.m = __webpack_modules__;
    1747 /******/   
    1748 /************************************************************************/
    1749 /******/    /* webpack/runtime/chunk loaded */
    1750 /******/    (() => {
    1751 /******/        var deferred = [];
    1752 /******/        __webpack_require__.O = (result, chunkIds, fn, priority) => {
    1753 /******/            if(chunkIds) {
    1754 /******/                priority = priority || 0;
    1755 /******/                for(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];
    1756 /******/                deferred[i] = [chunkIds, fn, priority];
    1757 /******/                return;
    1758 /******/            }
    1759 /******/            var notFulfilled = Infinity;
    1760 /******/            for (var i = 0; i < deferred.length; i++) {
    1761 /******/                var [chunkIds, fn, priority] = deferred[i];
    1762 /******/                var fulfilled = true;
    1763 /******/                for (var j = 0; j < chunkIds.length; j++) {
    1764 /******/                    if ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every((key) => (__webpack_require__.O[key](chunkIds[j])))) {
    1765 /******/                        chunkIds.splice(j--, 1);
    1766 /******/                    } else {
    1767 /******/                        fulfilled = false;
    1768 /******/                        if(priority < notFulfilled) notFulfilled = priority;
    1769 /******/                    }
    1770 /******/                }
    1771 /******/                if(fulfilled) {
    1772 /******/                    deferred.splice(i--, 1)
    1773 /******/                    var r = fn();
    1774 /******/                    if (r !== undefined) result = r;
    1775 /******/                }
    1776 /******/            }
    1777 /******/            return result;
    1778 /******/        };
    1779 /******/    })();
    1780 /******/   
    1781 /******/    /* webpack/runtime/compat get default export */
    1782 /******/    (() => {
    1783 /******/        // getDefaultExport function for compatibility with non-harmony modules
    1784 /******/        __webpack_require__.n = (module) => {
    1785 /******/            var getter = module && module.__esModule ?
    1786 /******/                () => (module['default']) :
    1787 /******/                () => (module);
    1788 /******/            __webpack_require__.d(getter, { a: getter });
    1789 /******/            return getter;
    1790 /******/        };
    1791 /******/    })();
    1792 /******/   
    1793 /******/    /* webpack/runtime/define property getters */
    1794 /******/    (() => {
    1795 /******/        // define getter functions for harmony exports
    1796 /******/        __webpack_require__.d = (exports, definition) => {
    1797 /******/            for(var key in definition) {
    1798 /******/                if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
    1799 /******/                    Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
    1800 /******/                }
    1801 /******/            }
    1802 /******/        };
    1803 /******/    })();
    1804 /******/   
    1805 /******/    /* webpack/runtime/hasOwnProperty shorthand */
    1806 /******/    (() => {
    1807 /******/        __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
    1808 /******/    })();
    1809 /******/   
    1810 /******/    /* webpack/runtime/make namespace object */
    1811 /******/    (() => {
    1812 /******/        // define __esModule on exports
    1813 /******/        __webpack_require__.r = (exports) => {
    1814 /******/            if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
    1815 /******/                Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
    1816 /******/            }
    1817 /******/            Object.defineProperty(exports, '__esModule', { value: true });
    1818 /******/        };
    1819 /******/    })();
    1820 /******/   
    1821 /******/    /* webpack/runtime/jsonp chunk loading */
    1822 /******/    (() => {
    1823 /******/        // no baseURI
    1824 /******/       
    1825 /******/        // object to store loaded and loading chunks
    1826 /******/        // undefined = chunk not loaded, null = chunk preloaded/prefetched
    1827 /******/        // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
    1828 /******/        var installedChunks = {
    1829 /******/            "index": 0,
    1830 /******/            "./style-index": 0
    1831 /******/        };
    1832 /******/       
    1833 /******/        // no chunk on demand loading
    1834 /******/       
    1835 /******/        // no prefetching
    1836 /******/       
    1837 /******/        // no preloaded
    1838 /******/       
    1839 /******/        // no HMR
    1840 /******/       
    1841 /******/        // no HMR manifest
    1842 /******/       
    1843 /******/        __webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);
    1844 /******/       
    1845 /******/        // install a JSONP callback for chunk loading
    1846 /******/        var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
    1847 /******/            var [chunkIds, moreModules, runtime] = data;
    1848 /******/            // add "moreModules" to the modules object,
    1849 /******/            // then flag all "chunkIds" as loaded and fire callback
    1850 /******/            var moduleId, chunkId, i = 0;
    1851 /******/            if(chunkIds.some((id) => (installedChunks[id] !== 0))) {
    1852 /******/                for(moduleId in moreModules) {
    1853 /******/                    if(__webpack_require__.o(moreModules, moduleId)) {
    1854 /******/                        __webpack_require__.m[moduleId] = moreModules[moduleId];
    1855 /******/                    }
    1856 /******/                }
    1857 /******/                if(runtime) var result = runtime(__webpack_require__);
    1858 /******/            }
    1859 /******/            if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
    1860 /******/            for(;i < chunkIds.length; i++) {
    1861 /******/                chunkId = chunkIds[i];
    1862 /******/                if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
    1863 /******/                    installedChunks[chunkId][0]();
    1864 /******/                }
    1865 /******/                installedChunks[chunkId] = 0;
    1866 /******/            }
    1867 /******/            return __webpack_require__.O(result);
    1868 /******/        }
    1869 /******/       
    1870 /******/        var chunkLoadingGlobal = globalThis["webpackChunkmartincv_simple_star_rating_block"] = globalThis["webpackChunkmartincv_simple_star_rating_block"] || [];
    1871 /******/        chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
    1872 /******/        chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
    1873 /******/    })();
    1874 /******/   
    1875 /************************************************************************/
    1876 /******/   
    1877 /******/    // startup
    1878 /******/    // Load entry module and return exports
    1879 /******/    // This entry module depends on other loaded chunks and execution need to be delayed
    1880 /******/    var __webpack_exports__ = __webpack_require__.O(undefined, ["./style-index"], () => (__webpack_require__("./src/index.js")))
    1881 /******/    __webpack_exports__ = __webpack_require__.O(__webpack_exports__);
    1882 /******/   
    1883 /******/ })()
    1884 ;
    1885 //# sourceMappingURL=index.js.map
     1(()=>{"use strict";var e,t={835:(e,t,r)=>{const a=window.wp.blocks,o=window.wp.primitives;var l=r(848);const n=(0,l.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,l.jsx)(o.Path,{d:"M9.518 8.783a.25.25 0 00.188-.137l2.069-4.192a.25.25 0 01.448 0l2.07 4.192a.25.25 0 00.187.137l4.626.672a.25.25 0 01.139.427l-3.347 3.262a.25.25 0 00-.072.222l.79 4.607a.25.25 0 01-.363.264l-4.137-2.176a.25.25 0 00-.233 0l-4.138 2.175a.25.25 0 01-.362-.263l.79-4.607a.25.25 0 00-.072-.222L4.753 9.882a.25.25 0 01.14-.427l4.625-.672zM12 14.533c.28 0 .559.067.814.2l1.895.997-.362-2.11a1.75 1.75 0 01.504-1.55l1.533-1.495-2.12-.308a1.75 1.75 0 01-1.317-.957L12 7.39v7.143z"})});var s=r(609);const i=window.wp.i18n,c=window.wp.blockEditor,p=window.wp.components,m=window.wp.element,u=window.wp.apiFetch;var d=r.n(u);const b=JSON.parse('{"UU":"create-block/simple-star-rating-block"}');(0,a.registerBlockType)(b.UU,{icon:n,edit:function({attributes:e,setAttributes:t}){const{rating:r,customField:a,useCustomField:o,starColor:l,starSize:n}=e,[u,b]=(0,m.useState)([]),[f,v]=(0,m.useState)({});(0,m.useEffect)((()=>{if(o){const e=wp.data.select("core/editor").getCurrentPostId();let t=wp.data.select("core/editor").getCurrentPostType();"page"!==t&&"post"!==t||(t+="s"),d()({path:`/wp/v2/${t}/${e}`}).then((e=>{if(e.meta||e.acf){const t={...e?.meta,...e?.acf},o=[...Object.keys(e.meta||[]),...Object.keys(e.acf||[])];b(o),v(t),g(t[a]||r)}}))}}),[o]);const g=e=>{const r=parseFloat(e);!isNaN(r)&&r>=0&&r<=5&&t({rating:r})},w=Math.floor(r),_=r-w;return(0,s.createElement)("div",{...(0,c.useBlockProps)()},(0,s.createElement)(c.InspectorControls,null,(0,s.createElement)(p.PanelBody,{title:(0,i.__)("Rating Settings","simple-star-rating-block")},(0,s.createElement)(p.ToggleControl,{label:(0,i.__)("Show From Custom Field","simple-star-rating-block"),checked:o,onChange:e=>t({useCustomField:e})}),o&&(0,s.createElement)(p.ComboboxControl,{label:(0,i.__)("Custom Field Key","simple-star-rating-block"),value:a||"",options:u&&u.map((e=>({label:e,value:e}))),onChange:e=>{t({customField:e});const r=f[e]||"";void 0===r||isNaN(parseFloat(r))?console.warn(`Invalid custom field value for ${e}: ${r}`):g(r)}}),!o&&(0,s.createElement)(p.TextControl,{label:(0,i.__)("Rating","simple-star-rating-block"),type:"number",min:"0",max:"5",step:"0.01",readOnly:o,value:r,onChange:g})),(0,s.createElement)(p.PanelBody,{title:(0,i.__)("Style","simple-star-rating-block"),initialOpen:!1},(0,s.createElement)(c.ColorPalette,{label:(0,i.__)("Star Color","simple-star-rating-block"),value:l,onChange:e=>t({starColor:e})}),(0,s.createElement)(p.RangeControl,{label:(0,i.__)("Star Size","simple-star-rating-block"),value:n,onChange:e=>t({starSize:e}),min:10,max:50}))),(0,s.createElement)("div",{style:{fontSize:`${n}px`}},Array.from({length:5},((e,t)=>{if(t<w)return(0,s.createElement)("span",{key:t,className:"ssrb-star ssrb-full",style:{backgroundColor:l}});if(t===w&&_>0){const e=Math.round(100*_);return(0,s.createElement)("span",{key:t,className:`ssrb-star ssrb-perc-${e}`,style:{backgroundImage:`linear-gradient(90deg, ${l} ${e}%, transparent ${e}%)`}})}return(0,s.createElement)("span",{key:t,className:"ssrb-star"})}))))}})},20:(e,t,r)=>{var a=r(609),o=Symbol.for("react.element"),l=(Symbol.for("react.fragment"),Object.prototype.hasOwnProperty),n=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};t.jsx=function(e,t,r){var a,i={},c=null,p=null;for(a in void 0!==r&&(c=""+r),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(p=t.ref),t)l.call(t,a)&&!s.hasOwnProperty(a)&&(i[a]=t[a]);if(e&&e.defaultProps)for(a in t=e.defaultProps)void 0===i[a]&&(i[a]=t[a]);return{$$typeof:o,type:e,key:c,ref:p,props:i,_owner:n.current}}},848:(e,t,r)=>{e.exports=r(20)},609:e=>{e.exports=window.React}},r={};function a(e){var o=r[e];if(void 0!==o)return o.exports;var l=r[e]={exports:{}};return t[e](l,l.exports,a),l.exports}a.m=t,e=[],a.O=(t,r,o,l)=>{if(!r){var n=1/0;for(p=0;p<e.length;p++){for(var[r,o,l]=e[p],s=!0,i=0;i<r.length;i++)(!1&l||n>=l)&&Object.keys(a.O).every((e=>a.O[e](r[i])))?r.splice(i--,1):(s=!1,l<n&&(n=l));if(s){e.splice(p--,1);var c=o();void 0!==c&&(t=c)}}return t}l=l||0;for(var p=e.length;p>0&&e[p-1][2]>l;p--)e[p]=e[p-1];e[p]=[r,o,l]},a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={57:0,350:0};a.O.j=t=>0===e[t];var t=(t,r)=>{var o,l,[n,s,i]=r,c=0;if(n.some((t=>0!==e[t]))){for(o in s)a.o(s,o)&&(a.m[o]=s[o]);if(i)var p=i(a)}for(t&&t(r);c<n.length;c++)l=n[c],a.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return a.O(p)},r=globalThis.webpackChunkmartincv_simple_star_rating_block=globalThis.webpackChunkmartincv_simple_star_rating_block||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var o=a.O(void 0,[350],(()=>a(835)));o=a.O(o)})();

  • simple-star-rating-block/trunk/build/style-index-rtl.css

    r3133729 r3216430  
    1 /*!***************************************************************************************************************************************************************************************************************************************!*\
    2   !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/style.scss ***!
    3   \***************************************************************************************************************************************************************************************************************************************/
    4 .wp-block-create-block-simple-star-rating-block {
    5   display: inline-block;
    6   font-size: 0;
    7   position: relative;
    8 }
    9 .wp-block-create-block-simple-star-rating-block .ssrb-star {
    10   width: 1em;
    11   height: 1em;
    12   margin: 0 0.1em;
    13   display: inline-block;
    14   background: lightgray;
    15   clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    16   position: relative;
    17 }
    18 .wp-block-create-block-simple-star-rating-block .ssrb-star:last-child {
    19   margin: 0;
    20 }
    21 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-full {
    22   background: inherit;
    23 }
    24 .wp-block-create-block-simple-star-rating-block .ssrb-star::after {
    25   content: "";
    26   position: absolute;
    27   top: 0;
    28   right: 0;
    29   width: 100%;
    30   height: 100%;
    31   clip-path: inherit;
    32 }
    33 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-1::after {
    34   background: linear-gradient(-90deg, inherit 1%, transparent 1%);
    35 }
    36 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-2::after {
    37   background: linear-gradient(-90deg, inherit 2%, transparent 2%);
    38 }
    39 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-3::after {
    40   background: linear-gradient(-90deg, inherit 3%, transparent 3%);
    41 }
    42 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-4::after {
    43   background: linear-gradient(-90deg, inherit 4%, transparent 4%);
    44 }
    45 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-5::after {
    46   background: linear-gradient(-90deg, inherit 5%, transparent 5%);
    47 }
    48 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-6::after {
    49   background: linear-gradient(-90deg, inherit 6%, transparent 6%);
    50 }
    51 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-7::after {
    52   background: linear-gradient(-90deg, inherit 7%, transparent 7%);
    53 }
    54 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-8::after {
    55   background: linear-gradient(-90deg, inherit 8%, transparent 8%);
    56 }
    57 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-9::after {
    58   background: linear-gradient(-90deg, inherit 9%, transparent 9%);
    59 }
    60 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-10::after {
    61   background: linear-gradient(-90deg, inherit 10%, transparent 10%);
    62 }
    63 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-11::after {
    64   background: linear-gradient(-90deg, inherit 11%, transparent 11%);
    65 }
    66 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-12::after {
    67   background: linear-gradient(-90deg, inherit 12%, transparent 12%);
    68 }
    69 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-13::after {
    70   background: linear-gradient(-90deg, inherit 13%, transparent 13%);
    71 }
    72 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-14::after {
    73   background: linear-gradient(-90deg, inherit 14%, transparent 14%);
    74 }
    75 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-15::after {
    76   background: linear-gradient(-90deg, inherit 15%, transparent 15%);
    77 }
    78 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-16::after {
    79   background: linear-gradient(-90deg, inherit 16%, transparent 16%);
    80 }
    81 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-17::after {
    82   background: linear-gradient(-90deg, inherit 17%, transparent 17%);
    83 }
    84 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-18::after {
    85   background: linear-gradient(-90deg, inherit 18%, transparent 18%);
    86 }
    87 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-19::after {
    88   background: linear-gradient(-90deg, inherit 19%, transparent 19%);
    89 }
    90 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-20::after {
    91   background: linear-gradient(-90deg, inherit 20%, transparent 20%);
    92 }
    93 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-21::after {
    94   background: linear-gradient(-90deg, inherit 21%, transparent 21%);
    95 }
    96 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-22::after {
    97   background: linear-gradient(-90deg, inherit 22%, transparent 22%);
    98 }
    99 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-23::after {
    100   background: linear-gradient(-90deg, inherit 23%, transparent 23%);
    101 }
    102 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-24::after {
    103   background: linear-gradient(-90deg, inherit 24%, transparent 24%);
    104 }
    105 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-25::after {
    106   background: linear-gradient(-90deg, inherit 25%, transparent 25%);
    107 }
    108 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-26::after {
    109   background: linear-gradient(-90deg, inherit 26%, transparent 26%);
    110 }
    111 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-27::after {
    112   background: linear-gradient(-90deg, inherit 27%, transparent 27%);
    113 }
    114 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-28::after {
    115   background: linear-gradient(-90deg, inherit 28%, transparent 28%);
    116 }
    117 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-29::after {
    118   background: linear-gradient(-90deg, inherit 29%, transparent 29%);
    119 }
    120 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-30::after {
    121   background: linear-gradient(-90deg, inherit 30%, transparent 30%);
    122 }
    123 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-31::after {
    124   background: linear-gradient(-90deg, inherit 31%, transparent 31%);
    125 }
    126 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-32::after {
    127   background: linear-gradient(-90deg, inherit 32%, transparent 32%);
    128 }
    129 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-33::after {
    130   background: linear-gradient(-90deg, inherit 33%, transparent 33%);
    131 }
    132 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-34::after {
    133   background: linear-gradient(-90deg, inherit 34%, transparent 34%);
    134 }
    135 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-35::after {
    136   background: linear-gradient(-90deg, inherit 35%, transparent 35%);
    137 }
    138 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-36::after {
    139   background: linear-gradient(-90deg, inherit 36%, transparent 36%);
    140 }
    141 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-37::after {
    142   background: linear-gradient(-90deg, inherit 37%, transparent 37%);
    143 }
    144 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-38::after {
    145   background: linear-gradient(-90deg, inherit 38%, transparent 38%);
    146 }
    147 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-39::after {
    148   background: linear-gradient(-90deg, inherit 39%, transparent 39%);
    149 }
    150 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-40::after {
    151   background: linear-gradient(-90deg, inherit 40%, transparent 40%);
    152 }
    153 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-41::after {
    154   background: linear-gradient(-90deg, inherit 41%, transparent 41%);
    155 }
    156 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-42::after {
    157   background: linear-gradient(-90deg, inherit 42%, transparent 42%);
    158 }
    159 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-43::after {
    160   background: linear-gradient(-90deg, inherit 43%, transparent 43%);
    161 }
    162 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-44::after {
    163   background: linear-gradient(-90deg, inherit 44%, transparent 44%);
    164 }
    165 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-45::after {
    166   background: linear-gradient(-90deg, inherit 45%, transparent 45%);
    167 }
    168 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-46::after {
    169   background: linear-gradient(-90deg, inherit 46%, transparent 46%);
    170 }
    171 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-47::after {
    172   background: linear-gradient(-90deg, inherit 47%, transparent 47%);
    173 }
    174 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-48::after {
    175   background: linear-gradient(-90deg, inherit 48%, transparent 48%);
    176 }
    177 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-49::after {
    178   background: linear-gradient(-90deg, inherit 49%, transparent 49%);
    179 }
    180 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-50::after {
    181   background: linear-gradient(-90deg, inherit 50%, transparent 50%);
    182 }
    183 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-51::after {
    184   background: linear-gradient(-90deg, inherit 51%, transparent 51%);
    185 }
    186 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-52::after {
    187   background: linear-gradient(-90deg, inherit 52%, transparent 52%);
    188 }
    189 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-53::after {
    190   background: linear-gradient(-90deg, inherit 53%, transparent 53%);
    191 }
    192 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-54::after {
    193   background: linear-gradient(-90deg, inherit 54%, transparent 54%);
    194 }
    195 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-55::after {
    196   background: linear-gradient(-90deg, inherit 55%, transparent 55%);
    197 }
    198 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-56::after {
    199   background: linear-gradient(-90deg, inherit 56%, transparent 56%);
    200 }
    201 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-57::after {
    202   background: linear-gradient(-90deg, inherit 57%, transparent 57%);
    203 }
    204 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-58::after {
    205   background: linear-gradient(-90deg, inherit 58%, transparent 58%);
    206 }
    207 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-59::after {
    208   background: linear-gradient(-90deg, inherit 59%, transparent 59%);
    209 }
    210 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-60::after {
    211   background: linear-gradient(-90deg, inherit 60%, transparent 60%);
    212 }
    213 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-61::after {
    214   background: linear-gradient(-90deg, inherit 61%, transparent 61%);
    215 }
    216 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-62::after {
    217   background: linear-gradient(-90deg, inherit 62%, transparent 62%);
    218 }
    219 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-63::after {
    220   background: linear-gradient(-90deg, inherit 63%, transparent 63%);
    221 }
    222 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-64::after {
    223   background: linear-gradient(-90deg, inherit 64%, transparent 64%);
    224 }
    225 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-65::after {
    226   background: linear-gradient(-90deg, inherit 65%, transparent 65%);
    227 }
    228 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-66::after {
    229   background: linear-gradient(-90deg, inherit 66%, transparent 66%);
    230 }
    231 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-67::after {
    232   background: linear-gradient(-90deg, inherit 67%, transparent 67%);
    233 }
    234 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-68::after {
    235   background: linear-gradient(-90deg, inherit 68%, transparent 68%);
    236 }
    237 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-69::after {
    238   background: linear-gradient(-90deg, inherit 69%, transparent 69%);
    239 }
    240 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-70::after {
    241   background: linear-gradient(-90deg, inherit 70%, transparent 70%);
    242 }
    243 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-71::after {
    244   background: linear-gradient(-90deg, inherit 71%, transparent 71%);
    245 }
    246 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-72::after {
    247   background: linear-gradient(-90deg, inherit 72%, transparent 72%);
    248 }
    249 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-73::after {
    250   background: linear-gradient(-90deg, inherit 73%, transparent 73%);
    251 }
    252 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-74::after {
    253   background: linear-gradient(-90deg, inherit 74%, transparent 74%);
    254 }
    255 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-75::after {
    256   background: linear-gradient(-90deg, inherit 75%, transparent 75%);
    257 }
    258 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-76::after {
    259   background: linear-gradient(-90deg, inherit 76%, transparent 76%);
    260 }
    261 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-77::after {
    262   background: linear-gradient(-90deg, inherit 77%, transparent 77%);
    263 }
    264 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-78::after {
    265   background: linear-gradient(-90deg, inherit 78%, transparent 78%);
    266 }
    267 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-79::after {
    268   background: linear-gradient(-90deg, inherit 79%, transparent 79%);
    269 }
    270 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-80::after {
    271   background: linear-gradient(-90deg, inherit 80%, transparent 80%);
    272 }
    273 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-81::after {
    274   background: linear-gradient(-90deg, inherit 81%, transparent 81%);
    275 }
    276 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-82::after {
    277   background: linear-gradient(-90deg, inherit 82%, transparent 82%);
    278 }
    279 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-83::after {
    280   background: linear-gradient(-90deg, inherit 83%, transparent 83%);
    281 }
    282 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-84::after {
    283   background: linear-gradient(-90deg, inherit 84%, transparent 84%);
    284 }
    285 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-85::after {
    286   background: linear-gradient(-90deg, inherit 85%, transparent 85%);
    287 }
    288 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-86::after {
    289   background: linear-gradient(-90deg, inherit 86%, transparent 86%);
    290 }
    291 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-87::after {
    292   background: linear-gradient(-90deg, inherit 87%, transparent 87%);
    293 }
    294 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-88::after {
    295   background: linear-gradient(-90deg, inherit 88%, transparent 88%);
    296 }
    297 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-89::after {
    298   background: linear-gradient(-90deg, inherit 89%, transparent 89%);
    299 }
    300 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-90::after {
    301   background: linear-gradient(-90deg, inherit 90%, transparent 90%);
    302 }
    303 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-91::after {
    304   background: linear-gradient(-90deg, inherit 91%, transparent 91%);
    305 }
    306 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-92::after {
    307   background: linear-gradient(-90deg, inherit 92%, transparent 92%);
    308 }
    309 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-93::after {
    310   background: linear-gradient(-90deg, inherit 93%, transparent 93%);
    311 }
    312 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-94::after {
    313   background: linear-gradient(-90deg, inherit 94%, transparent 94%);
    314 }
    315 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-95::after {
    316   background: linear-gradient(-90deg, inherit 95%, transparent 95%);
    317 }
    318 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-96::after {
    319   background: linear-gradient(-90deg, inherit 96%, transparent 96%);
    320 }
    321 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-97::after {
    322   background: linear-gradient(-90deg, inherit 97%, transparent 97%);
    323 }
    324 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-98::after {
    325   background: linear-gradient(-90deg, inherit 98%, transparent 98%);
    326 }
    327 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-99::after {
    328   background: linear-gradient(-90deg, inherit 99%, transparent 99%);
    329 }
     1.wp-block-create-block-simple-star-rating-block{display:inline-block;font-size:0;position:relative}.wp-block-create-block-simple-star-rating-block .ssrb-star{background:#d3d3d3;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);display:inline-block;height:1em;margin:0 .1em;position:relative;width:1em}.wp-block-create-block-simple-star-rating-block .ssrb-star:last-child{margin:0}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-full{background:inherit}.wp-block-create-block-simple-star-rating-block .ssrb-star:after{clip-path:inherit;content:"";height:100%;right:0;position:absolute;top:0;width:100%}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-1:after{background:linear-gradient(-90deg,inherit 1%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-2:after{background:linear-gradient(-90deg,inherit 2%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-3:after{background:linear-gradient(-90deg,inherit 3%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-4:after{background:linear-gradient(-90deg,inherit 4%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-5:after{background:linear-gradient(-90deg,inherit 5%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-6:after{background:linear-gradient(-90deg,inherit 6%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-7:after{background:linear-gradient(-90deg,inherit 7%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-8:after{background:linear-gradient(-90deg,inherit 8%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-9:after{background:linear-gradient(-90deg,inherit 9%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-10:after{background:linear-gradient(-90deg,inherit 10%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-11:after{background:linear-gradient(-90deg,inherit 11%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-12:after{background:linear-gradient(-90deg,inherit 12%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-13:after{background:linear-gradient(-90deg,inherit 13%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-14:after{background:linear-gradient(-90deg,inherit 14%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-15:after{background:linear-gradient(-90deg,inherit 15%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-16:after{background:linear-gradient(-90deg,inherit 16%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-17:after{background:linear-gradient(-90deg,inherit 17%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-18:after{background:linear-gradient(-90deg,inherit 18%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-19:after{background:linear-gradient(-90deg,inherit 19%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-20:after{background:linear-gradient(-90deg,inherit 20%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-21:after{background:linear-gradient(-90deg,inherit 21%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-22:after{background:linear-gradient(-90deg,inherit 22%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-23:after{background:linear-gradient(-90deg,inherit 23%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-24:after{background:linear-gradient(-90deg,inherit 24%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-25:after{background:linear-gradient(-90deg,inherit 25%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-26:after{background:linear-gradient(-90deg,inherit 26%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-27:after{background:linear-gradient(-90deg,inherit 27%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-28:after{background:linear-gradient(-90deg,inherit 28%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-29:after{background:linear-gradient(-90deg,inherit 29%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-30:after{background:linear-gradient(-90deg,inherit 30%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-31:after{background:linear-gradient(-90deg,inherit 31%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-32:after{background:linear-gradient(-90deg,inherit 32%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-33:after{background:linear-gradient(-90deg,inherit 33%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-34:after{background:linear-gradient(-90deg,inherit 34%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-35:after{background:linear-gradient(-90deg,inherit 35%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-36:after{background:linear-gradient(-90deg,inherit 36%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-37:after{background:linear-gradient(-90deg,inherit 37%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-38:after{background:linear-gradient(-90deg,inherit 38%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-39:after{background:linear-gradient(-90deg,inherit 39%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-40:after{background:linear-gradient(-90deg,inherit 40%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-41:after{background:linear-gradient(-90deg,inherit 41%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-42:after{background:linear-gradient(-90deg,inherit 42%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-43:after{background:linear-gradient(-90deg,inherit 43%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-44:after{background:linear-gradient(-90deg,inherit 44%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-45:after{background:linear-gradient(-90deg,inherit 45%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-46:after{background:linear-gradient(-90deg,inherit 46%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-47:after{background:linear-gradient(-90deg,inherit 47%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-48:after{background:linear-gradient(-90deg,inherit 48%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-49:after{background:linear-gradient(-90deg,inherit 49%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-50:after{background:linear-gradient(-90deg,inherit 50%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-51:after{background:linear-gradient(-90deg,inherit 51%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-52:after{background:linear-gradient(-90deg,inherit 52%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-53:after{background:linear-gradient(-90deg,inherit 53%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-54:after{background:linear-gradient(-90deg,inherit 54%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-55:after{background:linear-gradient(-90deg,inherit 55%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-56:after{background:linear-gradient(-90deg,inherit 56%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-57:after{background:linear-gradient(-90deg,inherit 57%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-58:after{background:linear-gradient(-90deg,inherit 58%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-59:after{background:linear-gradient(-90deg,inherit 59%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-60:after{background:linear-gradient(-90deg,inherit 60%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-61:after{background:linear-gradient(-90deg,inherit 61%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-62:after{background:linear-gradient(-90deg,inherit 62%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-63:after{background:linear-gradient(-90deg,inherit 63%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-64:after{background:linear-gradient(-90deg,inherit 64%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-65:after{background:linear-gradient(-90deg,inherit 65%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-66:after{background:linear-gradient(-90deg,inherit 66%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-67:after{background:linear-gradient(-90deg,inherit 67%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-68:after{background:linear-gradient(-90deg,inherit 68%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-69:after{background:linear-gradient(-90deg,inherit 69%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-70:after{background:linear-gradient(-90deg,inherit 70%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-71:after{background:linear-gradient(-90deg,inherit 71%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-72:after{background:linear-gradient(-90deg,inherit 72%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-73:after{background:linear-gradient(-90deg,inherit 73%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-74:after{background:linear-gradient(-90deg,inherit 74%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-75:after{background:linear-gradient(-90deg,inherit 75%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-76:after{background:linear-gradient(-90deg,inherit 76%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-77:after{background:linear-gradient(-90deg,inherit 77%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-78:after{background:linear-gradient(-90deg,inherit 78%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-79:after{background:linear-gradient(-90deg,inherit 79%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-80:after{background:linear-gradient(-90deg,inherit 80%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-81:after{background:linear-gradient(-90deg,inherit 81%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-82:after{background:linear-gradient(-90deg,inherit 82%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-83:after{background:linear-gradient(-90deg,inherit 83%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-84:after{background:linear-gradient(-90deg,inherit 84%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-85:after{background:linear-gradient(-90deg,inherit 85%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-86:after{background:linear-gradient(-90deg,inherit 86%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-87:after{background:linear-gradient(-90deg,inherit 87%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-88:after{background:linear-gradient(-90deg,inherit 88%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-89:after{background:linear-gradient(-90deg,inherit 89%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-90:after{background:linear-gradient(-90deg,inherit 90%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-91:after{background:linear-gradient(-90deg,inherit 91%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-92:after{background:linear-gradient(-90deg,inherit 92%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-93:after{background:linear-gradient(-90deg,inherit 93%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-94:after{background:linear-gradient(-90deg,inherit 94%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-95:after{background:linear-gradient(-90deg,inherit 95%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-96:after{background:linear-gradient(-90deg,inherit 96%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-97:after{background:linear-gradient(-90deg,inherit 97%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-98:after{background:linear-gradient(-90deg,inherit 98%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-99:after{background:linear-gradient(-90deg,inherit 99%,transparent 0)}

  • simple-star-rating-block/trunk/build/style-index.css

    r3133802 r3216430  
    1 /*!***************************************************************************************************************************************************************************************************************************************!*\
    2   !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/style.scss ***!
    3   \***************************************************************************************************************************************************************************************************************************************/
    4 .wp-block-create-block-simple-star-rating-block {
    5   display: inline-block;
    6   font-size: 0;
    7   position: relative;
    8 }
    9 .wp-block-create-block-simple-star-rating-block .ssrb-star {
    10   width: 1em;
    11   height: 1em;
    12   margin: 0 0.1em;
    13   display: inline-block;
    14   background: lightgray;
    15   clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    16   position: relative;
    17 }
    18 .wp-block-create-block-simple-star-rating-block .ssrb-star:last-child {
    19   margin: 0;
    20 }
    21 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-full {
    22   background: inherit;
    23 }
    24 .wp-block-create-block-simple-star-rating-block .ssrb-star::after {
    25   content: "";
    26   position: absolute;
    27   top: 0;
    28   left: 0;
    29   width: 100%;
    30   height: 100%;
    31   clip-path: inherit;
    32 }
    33 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-1::after {
    34   background: linear-gradient(90deg, inherit 1%, transparent 1%);
    35 }
    36 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-2::after {
    37   background: linear-gradient(90deg, inherit 2%, transparent 2%);
    38 }
    39 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-3::after {
    40   background: linear-gradient(90deg, inherit 3%, transparent 3%);
    41 }
    42 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-4::after {
    43   background: linear-gradient(90deg, inherit 4%, transparent 4%);
    44 }
    45 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-5::after {
    46   background: linear-gradient(90deg, inherit 5%, transparent 5%);
    47 }
    48 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-6::after {
    49   background: linear-gradient(90deg, inherit 6%, transparent 6%);
    50 }
    51 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-7::after {
    52   background: linear-gradient(90deg, inherit 7%, transparent 7%);
    53 }
    54 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-8::after {
    55   background: linear-gradient(90deg, inherit 8%, transparent 8%);
    56 }
    57 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-9::after {
    58   background: linear-gradient(90deg, inherit 9%, transparent 9%);
    59 }
    60 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-10::after {
    61   background: linear-gradient(90deg, inherit 10%, transparent 10%);
    62 }
    63 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-11::after {
    64   background: linear-gradient(90deg, inherit 11%, transparent 11%);
    65 }
    66 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-12::after {
    67   background: linear-gradient(90deg, inherit 12%, transparent 12%);
    68 }
    69 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-13::after {
    70   background: linear-gradient(90deg, inherit 13%, transparent 13%);
    71 }
    72 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-14::after {
    73   background: linear-gradient(90deg, inherit 14%, transparent 14%);
    74 }
    75 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-15::after {
    76   background: linear-gradient(90deg, inherit 15%, transparent 15%);
    77 }
    78 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-16::after {
    79   background: linear-gradient(90deg, inherit 16%, transparent 16%);
    80 }
    81 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-17::after {
    82   background: linear-gradient(90deg, inherit 17%, transparent 17%);
    83 }
    84 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-18::after {
    85   background: linear-gradient(90deg, inherit 18%, transparent 18%);
    86 }
    87 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-19::after {
    88   background: linear-gradient(90deg, inherit 19%, transparent 19%);
    89 }
    90 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-20::after {
    91   background: linear-gradient(90deg, inherit 20%, transparent 20%);
    92 }
    93 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-21::after {
    94   background: linear-gradient(90deg, inherit 21%, transparent 21%);
    95 }
    96 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-22::after {
    97   background: linear-gradient(90deg, inherit 22%, transparent 22%);
    98 }
    99 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-23::after {
    100   background: linear-gradient(90deg, inherit 23%, transparent 23%);
    101 }
    102 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-24::after {
    103   background: linear-gradient(90deg, inherit 24%, transparent 24%);
    104 }
    105 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-25::after {
    106   background: linear-gradient(90deg, inherit 25%, transparent 25%);
    107 }
    108 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-26::after {
    109   background: linear-gradient(90deg, inherit 26%, transparent 26%);
    110 }
    111 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-27::after {
    112   background: linear-gradient(90deg, inherit 27%, transparent 27%);
    113 }
    114 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-28::after {
    115   background: linear-gradient(90deg, inherit 28%, transparent 28%);
    116 }
    117 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-29::after {
    118   background: linear-gradient(90deg, inherit 29%, transparent 29%);
    119 }
    120 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-30::after {
    121   background: linear-gradient(90deg, inherit 30%, transparent 30%);
    122 }
    123 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-31::after {
    124   background: linear-gradient(90deg, inherit 31%, transparent 31%);
    125 }
    126 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-32::after {
    127   background: linear-gradient(90deg, inherit 32%, transparent 32%);
    128 }
    129 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-33::after {
    130   background: linear-gradient(90deg, inherit 33%, transparent 33%);
    131 }
    132 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-34::after {
    133   background: linear-gradient(90deg, inherit 34%, transparent 34%);
    134 }
    135 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-35::after {
    136   background: linear-gradient(90deg, inherit 35%, transparent 35%);
    137 }
    138 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-36::after {
    139   background: linear-gradient(90deg, inherit 36%, transparent 36%);
    140 }
    141 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-37::after {
    142   background: linear-gradient(90deg, inherit 37%, transparent 37%);
    143 }
    144 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-38::after {
    145   background: linear-gradient(90deg, inherit 38%, transparent 38%);
    146 }
    147 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-39::after {
    148   background: linear-gradient(90deg, inherit 39%, transparent 39%);
    149 }
    150 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-40::after {
    151   background: linear-gradient(90deg, inherit 40%, transparent 40%);
    152 }
    153 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-41::after {
    154   background: linear-gradient(90deg, inherit 41%, transparent 41%);
    155 }
    156 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-42::after {
    157   background: linear-gradient(90deg, inherit 42%, transparent 42%);
    158 }
    159 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-43::after {
    160   background: linear-gradient(90deg, inherit 43%, transparent 43%);
    161 }
    162 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-44::after {
    163   background: linear-gradient(90deg, inherit 44%, transparent 44%);
    164 }
    165 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-45::after {
    166   background: linear-gradient(90deg, inherit 45%, transparent 45%);
    167 }
    168 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-46::after {
    169   background: linear-gradient(90deg, inherit 46%, transparent 46%);
    170 }
    171 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-47::after {
    172   background: linear-gradient(90deg, inherit 47%, transparent 47%);
    173 }
    174 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-48::after {
    175   background: linear-gradient(90deg, inherit 48%, transparent 48%);
    176 }
    177 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-49::after {
    178   background: linear-gradient(90deg, inherit 49%, transparent 49%);
    179 }
    180 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-50::after {
    181   background: linear-gradient(90deg, inherit 50%, transparent 50%);
    182 }
    183 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-51::after {
    184   background: linear-gradient(90deg, inherit 51%, transparent 51%);
    185 }
    186 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-52::after {
    187   background: linear-gradient(90deg, inherit 52%, transparent 52%);
    188 }
    189 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-53::after {
    190   background: linear-gradient(90deg, inherit 53%, transparent 53%);
    191 }
    192 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-54::after {
    193   background: linear-gradient(90deg, inherit 54%, transparent 54%);
    194 }
    195 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-55::after {
    196   background: linear-gradient(90deg, inherit 55%, transparent 55%);
    197 }
    198 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-56::after {
    199   background: linear-gradient(90deg, inherit 56%, transparent 56%);
    200 }
    201 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-57::after {
    202   background: linear-gradient(90deg, inherit 57%, transparent 57%);
    203 }
    204 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-58::after {
    205   background: linear-gradient(90deg, inherit 58%, transparent 58%);
    206 }
    207 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-59::after {
    208   background: linear-gradient(90deg, inherit 59%, transparent 59%);
    209 }
    210 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-60::after {
    211   background: linear-gradient(90deg, inherit 60%, transparent 60%);
    212 }
    213 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-61::after {
    214   background: linear-gradient(90deg, inherit 61%, transparent 61%);
    215 }
    216 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-62::after {
    217   background: linear-gradient(90deg, inherit 62%, transparent 62%);
    218 }
    219 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-63::after {
    220   background: linear-gradient(90deg, inherit 63%, transparent 63%);
    221 }
    222 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-64::after {
    223   background: linear-gradient(90deg, inherit 64%, transparent 64%);
    224 }
    225 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-65::after {
    226   background: linear-gradient(90deg, inherit 65%, transparent 65%);
    227 }
    228 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-66::after {
    229   background: linear-gradient(90deg, inherit 66%, transparent 66%);
    230 }
    231 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-67::after {
    232   background: linear-gradient(90deg, inherit 67%, transparent 67%);
    233 }
    234 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-68::after {
    235   background: linear-gradient(90deg, inherit 68%, transparent 68%);
    236 }
    237 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-69::after {
    238   background: linear-gradient(90deg, inherit 69%, transparent 69%);
    239 }
    240 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-70::after {
    241   background: linear-gradient(90deg, inherit 70%, transparent 70%);
    242 }
    243 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-71::after {
    244   background: linear-gradient(90deg, inherit 71%, transparent 71%);
    245 }
    246 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-72::after {
    247   background: linear-gradient(90deg, inherit 72%, transparent 72%);
    248 }
    249 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-73::after {
    250   background: linear-gradient(90deg, inherit 73%, transparent 73%);
    251 }
    252 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-74::after {
    253   background: linear-gradient(90deg, inherit 74%, transparent 74%);
    254 }
    255 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-75::after {
    256   background: linear-gradient(90deg, inherit 75%, transparent 75%);
    257 }
    258 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-76::after {
    259   background: linear-gradient(90deg, inherit 76%, transparent 76%);
    260 }
    261 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-77::after {
    262   background: linear-gradient(90deg, inherit 77%, transparent 77%);
    263 }
    264 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-78::after {
    265   background: linear-gradient(90deg, inherit 78%, transparent 78%);
    266 }
    267 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-79::after {
    268   background: linear-gradient(90deg, inherit 79%, transparent 79%);
    269 }
    270 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-80::after {
    271   background: linear-gradient(90deg, inherit 80%, transparent 80%);
    272 }
    273 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-81::after {
    274   background: linear-gradient(90deg, inherit 81%, transparent 81%);
    275 }
    276 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-82::after {
    277   background: linear-gradient(90deg, inherit 82%, transparent 82%);
    278 }
    279 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-83::after {
    280   background: linear-gradient(90deg, inherit 83%, transparent 83%);
    281 }
    282 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-84::after {
    283   background: linear-gradient(90deg, inherit 84%, transparent 84%);
    284 }
    285 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-85::after {
    286   background: linear-gradient(90deg, inherit 85%, transparent 85%);
    287 }
    288 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-86::after {
    289   background: linear-gradient(90deg, inherit 86%, transparent 86%);
    290 }
    291 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-87::after {
    292   background: linear-gradient(90deg, inherit 87%, transparent 87%);
    293 }
    294 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-88::after {
    295   background: linear-gradient(90deg, inherit 88%, transparent 88%);
    296 }
    297 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-89::after {
    298   background: linear-gradient(90deg, inherit 89%, transparent 89%);
    299 }
    300 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-90::after {
    301   background: linear-gradient(90deg, inherit 90%, transparent 90%);
    302 }
    303 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-91::after {
    304   background: linear-gradient(90deg, inherit 91%, transparent 91%);
    305 }
    306 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-92::after {
    307   background: linear-gradient(90deg, inherit 92%, transparent 92%);
    308 }
    309 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-93::after {
    310   background: linear-gradient(90deg, inherit 93%, transparent 93%);
    311 }
    312 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-94::after {
    313   background: linear-gradient(90deg, inherit 94%, transparent 94%);
    314 }
    315 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-95::after {
    316   background: linear-gradient(90deg, inherit 95%, transparent 95%);
    317 }
    318 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-96::after {
    319   background: linear-gradient(90deg, inherit 96%, transparent 96%);
    320 }
    321 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-97::after {
    322   background: linear-gradient(90deg, inherit 97%, transparent 97%);
    323 }
    324 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-98::after {
    325   background: linear-gradient(90deg, inherit 98%, transparent 98%);
    326 }
    327 .wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-99::after {
    328   background: linear-gradient(90deg, inherit 99%, transparent 99%);
    329 }
    330 
    331 /*# sourceMappingURL=style-index.css.map*/
     1.wp-block-create-block-simple-star-rating-block{display:inline-block;font-size:0;position:relative}.wp-block-create-block-simple-star-rating-block .ssrb-star{background:#d3d3d3;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);display:inline-block;height:1em;margin:0 .1em;position:relative;width:1em}.wp-block-create-block-simple-star-rating-block .ssrb-star:last-child{margin:0}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-full{background:inherit}.wp-block-create-block-simple-star-rating-block .ssrb-star:after{clip-path:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-1:after{background:linear-gradient(90deg,inherit 1%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-2:after{background:linear-gradient(90deg,inherit 2%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-3:after{background:linear-gradient(90deg,inherit 3%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-4:after{background:linear-gradient(90deg,inherit 4%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-5:after{background:linear-gradient(90deg,inherit 5%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-6:after{background:linear-gradient(90deg,inherit 6%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-7:after{background:linear-gradient(90deg,inherit 7%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-8:after{background:linear-gradient(90deg,inherit 8%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-9:after{background:linear-gradient(90deg,inherit 9%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-10:after{background:linear-gradient(90deg,inherit 10%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-11:after{background:linear-gradient(90deg,inherit 11%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-12:after{background:linear-gradient(90deg,inherit 12%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-13:after{background:linear-gradient(90deg,inherit 13%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-14:after{background:linear-gradient(90deg,inherit 14%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-15:after{background:linear-gradient(90deg,inherit 15%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-16:after{background:linear-gradient(90deg,inherit 16%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-17:after{background:linear-gradient(90deg,inherit 17%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-18:after{background:linear-gradient(90deg,inherit 18%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-19:after{background:linear-gradient(90deg,inherit 19%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-20:after{background:linear-gradient(90deg,inherit 20%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-21:after{background:linear-gradient(90deg,inherit 21%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-22:after{background:linear-gradient(90deg,inherit 22%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-23:after{background:linear-gradient(90deg,inherit 23%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-24:after{background:linear-gradient(90deg,inherit 24%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-25:after{background:linear-gradient(90deg,inherit 25%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-26:after{background:linear-gradient(90deg,inherit 26%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-27:after{background:linear-gradient(90deg,inherit 27%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-28:after{background:linear-gradient(90deg,inherit 28%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-29:after{background:linear-gradient(90deg,inherit 29%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-30:after{background:linear-gradient(90deg,inherit 30%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-31:after{background:linear-gradient(90deg,inherit 31%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-32:after{background:linear-gradient(90deg,inherit 32%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-33:after{background:linear-gradient(90deg,inherit 33%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-34:after{background:linear-gradient(90deg,inherit 34%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-35:after{background:linear-gradient(90deg,inherit 35%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-36:after{background:linear-gradient(90deg,inherit 36%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-37:after{background:linear-gradient(90deg,inherit 37%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-38:after{background:linear-gradient(90deg,inherit 38%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-39:after{background:linear-gradient(90deg,inherit 39%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-40:after{background:linear-gradient(90deg,inherit 40%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-41:after{background:linear-gradient(90deg,inherit 41%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-42:after{background:linear-gradient(90deg,inherit 42%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-43:after{background:linear-gradient(90deg,inherit 43%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-44:after{background:linear-gradient(90deg,inherit 44%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-45:after{background:linear-gradient(90deg,inherit 45%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-46:after{background:linear-gradient(90deg,inherit 46%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-47:after{background:linear-gradient(90deg,inherit 47%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-48:after{background:linear-gradient(90deg,inherit 48%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-49:after{background:linear-gradient(90deg,inherit 49%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-50:after{background:linear-gradient(90deg,inherit 50%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-51:after{background:linear-gradient(90deg,inherit 51%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-52:after{background:linear-gradient(90deg,inherit 52%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-53:after{background:linear-gradient(90deg,inherit 53%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-54:after{background:linear-gradient(90deg,inherit 54%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-55:after{background:linear-gradient(90deg,inherit 55%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-56:after{background:linear-gradient(90deg,inherit 56%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-57:after{background:linear-gradient(90deg,inherit 57%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-58:after{background:linear-gradient(90deg,inherit 58%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-59:after{background:linear-gradient(90deg,inherit 59%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-60:after{background:linear-gradient(90deg,inherit 60%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-61:after{background:linear-gradient(90deg,inherit 61%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-62:after{background:linear-gradient(90deg,inherit 62%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-63:after{background:linear-gradient(90deg,inherit 63%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-64:after{background:linear-gradient(90deg,inherit 64%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-65:after{background:linear-gradient(90deg,inherit 65%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-66:after{background:linear-gradient(90deg,inherit 66%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-67:after{background:linear-gradient(90deg,inherit 67%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-68:after{background:linear-gradient(90deg,inherit 68%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-69:after{background:linear-gradient(90deg,inherit 69%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-70:after{background:linear-gradient(90deg,inherit 70%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-71:after{background:linear-gradient(90deg,inherit 71%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-72:after{background:linear-gradient(90deg,inherit 72%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-73:after{background:linear-gradient(90deg,inherit 73%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-74:after{background:linear-gradient(90deg,inherit 74%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-75:after{background:linear-gradient(90deg,inherit 75%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-76:after{background:linear-gradient(90deg,inherit 76%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-77:after{background:linear-gradient(90deg,inherit 77%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-78:after{background:linear-gradient(90deg,inherit 78%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-79:after{background:linear-gradient(90deg,inherit 79%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-80:after{background:linear-gradient(90deg,inherit 80%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-81:after{background:linear-gradient(90deg,inherit 81%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-82:after{background:linear-gradient(90deg,inherit 82%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-83:after{background:linear-gradient(90deg,inherit 83%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-84:after{background:linear-gradient(90deg,inherit 84%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-85:after{background:linear-gradient(90deg,inherit 85%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-86:after{background:linear-gradient(90deg,inherit 86%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-87:after{background:linear-gradient(90deg,inherit 87%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-88:after{background:linear-gradient(90deg,inherit 88%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-89:after{background:linear-gradient(90deg,inherit 89%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-90:after{background:linear-gradient(90deg,inherit 90%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-91:after{background:linear-gradient(90deg,inherit 91%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-92:after{background:linear-gradient(90deg,inherit 92%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-93:after{background:linear-gradient(90deg,inherit 93%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-94:after{background:linear-gradient(90deg,inherit 94%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-95:after{background:linear-gradient(90deg,inherit 95%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-96:after{background:linear-gradient(90deg,inherit 96%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-97:after{background:linear-gradient(90deg,inherit 97%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-98:after{background:linear-gradient(90deg,inherit 98%,transparent 0)}.wp-block-create-block-simple-star-rating-block .ssrb-star.ssrb-perc-99:after{background:linear-gradient(90deg,inherit 99%,transparent 0)}

  • simple-star-rating-block/trunk/package.json

    r3133729 r3216430  
    11{
    22    "name": "martincv-simple-star-rating-block",
    3     "version": "0.1.0",
     3    "version": "0.2",
    44    "description": "Simple Star Rating Block is a versatile and user-friendly WordPress plugin designed to integrate seamlessly with the Gutenberg editor. Whether you need to display star ratings for products, services, or content, this block makes it easy and efficient.",
    55    "author": "MartinCV",

  • simple-star-rating-block/trunk/simple-star-rating-block.php

    r3133803 r3216430  
    55 * Requires at least: 6.1
    66 * Requires PHP:      8.0
    7  * Version:           0.1.1
     7 * Version:           0.2
    88 * Author:            MartinCV
    99 * Author URI:        https://www.martincv.com

  • simple-star-rating-block/trunk/src/edit.js

    r3133802 r3216430  
    11import { __ } from "@wordpress/i18n";
    22import {
    3     useBlockProps,
    4     InspectorControls,
    5     ColorPalette,
     3  useBlockProps,
     4  InspectorControls,
     5  ColorPalette,
    66} from "@wordpress/block-editor";
    77import {
    8     PanelBody,
    9     TextControl,
    10     ToggleControl,
    11     ComboboxControl,
    12     RangeControl,
     8  PanelBody,
     9  TextControl,
     10  ToggleControl,
     11  ComboboxControl,
     12  RangeControl,
    1313} from "@wordpress/components";
    1414import { useEffect, useState } from "@wordpress/element";
    … …  
    1818
    1919export default function Edit({ attributes, setAttributes }) {
    20     const { rating, customField, useCustomField, starColor, starSize } =
    21         attributes;
    22     const [customFields, setCustomFields] = useState([]);
    23     const [postMetaData, setPostMetaData] = useState({});
     20  const { rating, customField, useCustomField, starColor, starSize } =
     21    attributes;
     22  const [customFields, setCustomFields] = useState([]);
     23  const [postMetaData, setPostMetaData] = useState({});
    2424
    25     useEffect(() => {
    26         if (useCustomField) {
    27             const postId = wp.data.select("core/editor").getCurrentPostId();
    28             let postType = wp.data.select("core/editor").getCurrentPostType();
    29             if (postType === "page" || postType === "post") {
    30                 postType += "s";
    31             }
    32             apiFetch({ path: `/wp/v2/${postType}/${postId}` }).then((post) => {
    33                 const md = { ...post.meta, ...post.acf };
    34                 const meta = Object.keys(post.meta);
    35                 const acf = Object.keys(post.acf);
     25  useEffect(() => {
     26    if (useCustomField) {
     27      const postId = wp.data.select("core/editor").getCurrentPostId();
     28      let postType = wp.data.select("core/editor").getCurrentPostType();
     29      if (postType === "page" || postType === "post") {
     30        postType += "s";
     31      }
     32      apiFetch({ path: `/wp/v2/${postType}/${postId}` }).then((post) => {
     33        if (post.meta || post.acf) {
     34          const md = { ...post?.meta, ...post?.acf };
     35          const meta = Object.keys(post.meta || []);
     36          const acf = Object.keys(post.acf || []);
     37          const fields = [...meta, ...acf];
     38          setCustomFields(fields);
     39          setPostMetaData(md);
     40          updateRating(md[customField] || rating);
     41        }
     42      });
     43    }
     44  }, [useCustomField]);
    3645
    37                 const fields = [...meta, ...acf];
    38                 setCustomFields(fields);
    39                 setPostMetaData(md);
    40                 updateRating(md[customField] || rating);
    41             });
    42         }
    43     }, [useCustomField]);
     46  const updateRating = (value) => {
     47    const numericValue = parseFloat(value);
     48    if (!isNaN(numericValue) && numericValue >= 0 && numericValue <= 5) {
     49      setAttributes({ rating: numericValue });
     50    }
     51  };
    4452
    45     const updateRating = (value) => {
    46         const numericValue = parseFloat(value);
    47         if (!isNaN(numericValue) && numericValue >= 0 && numericValue <= 5) {
    48             setAttributes({ rating: numericValue });
    49         }
    50     };
     53  const updateCustomField = (value) => {
     54    setAttributes({ customField: value });
     55    const newRating = postMetaData[value] || "";
     56    if (newRating !== undefined && !isNaN(parseFloat(newRating))) {
     57      updateRating(newRating);
     58    } else {
     59      console.warn(`Invalid custom field value for ${value}: ${newRating}`);
     60    }
     61  };
    5162
    52     const updateCustomField = (value) => {
    53         setAttributes({ customField: value });
    54         const newRating = postMetaData[value];
    55         if (newRating !== undefined && !isNaN(parseFloat(newRating))) {
    56             updateRating(newRating);
    57         } else {
    58             console.warn(`Invalid custom field value for ${value}: ${newRating}`);
    59         }
    60     };
     63  const fullStars = Math.floor(rating);
     64  const partialStar = rating - fullStars;
    6165
    62     const fullStars = Math.floor(rating);
    63     const partialStar = rating - fullStars;
    64 
    65     return (
    66         <div {...useBlockProps()}>
    67             <InspectorControls>
    68                 <PanelBody title={__("Rating Settings", "simple-star-rating-block")}>
    69                     <ToggleControl
    70                         label={__("Show From Custom Field", "simple-star-rating-block")}
    71                         checked={useCustomField}
    72                         onChange={(value) => setAttributes({ useCustomField: value })}
    73                     />
    74                     {useCustomField && (
    75                         <ComboboxControl
    76                             label={__("Custom Field Key", "simple-star-rating-block")}
    77                             value={customField}
    78                             options={customFields.map((field) => ({
    79                                 label: field,
    80                                 value: field,
    81                             }))}
    82                             onChange={updateCustomField}
    83                         />
    84                     )}
    85                     {!useCustomField && (
    86                         <TextControl
    87                             label={__("Rating", "simple-star-rating-block")}
    88                             type="number"
    89                             min="0"
    90                             max="5"
    91                             step="0.01"
    92                             readOnly={useCustomField}
    93                             value={rating}
    94                             onChange={updateRating}
    95                         />
    96                     )}
    97                 </PanelBody>
    98                 <PanelBody
    99                     title={__("Style", "simple-star-rating-block")}
    100                     initialOpen={false}
    101                 >
    102                     <ColorPalette
    103                         label={__("Star Color", "simple-star-rating-block")}
    104                         value={starColor}
    105                         onChange={(color) => setAttributes({ starColor: color })}
    106                     />
    107                     <RangeControl
    108                         label={__("Star Size", "simple-star-rating-block")}
    109                         value={starSize}
    110                         onChange={(value) => setAttributes({ starSize: value })}
    111                         min={10}
    112                         max={50}
    113                     />
    114                 </PanelBody>
    115             </InspectorControls>
    116             <div style={{ fontSize: `${starSize}px` }}>
    117                 {Array.from({ length: 5 }, (_, i) => {
    118                     if (i < fullStars) {
    119                         return (
    120                             <span
    121                                 key={i}
    122                                 className="ssrb-star ssrb-full"
    123                                 style={{ backgroundColor: starColor }}
    124                             ></span>
    125                         );
    126                     } else if (i === fullStars && partialStar > 0) {
    127                         const percentage = Math.round(partialStar * 100);
    128                         return (
    129                             <span
    130                                 key={i}
    131                                 className={`ssrb-star ssrb-perc-${percentage}`}
    132                                 style={{
    133                                     backgroundImage: `linear-gradient(90deg, ${starColor} ${percentage}%, transparent ${percentage}%)`,
    134                                 }}
    135                             ></span>
    136                         );
    137                     } else {
    138                         return <span key={i} className="ssrb-star"></span>;
    139                     }
    140                 })}
    141             </div>
    142         </div>
    143     );
     66  return (
     67    <div {...useBlockProps()}>
     68      <InspectorControls>
     69        <PanelBody title={__("Rating Settings", "simple-star-rating-block")}>
     70          <ToggleControl
     71            label={__("Show From Custom Field", "simple-star-rating-block")}
     72            checked={useCustomField}
     73            onChange={(value) => setAttributes({ useCustomField: value })}
     74          />
     75          {useCustomField && (
     76            <ComboboxControl
     77              label={__("Custom Field Key", "simple-star-rating-block")}
     78              value={customField || ""}
     79              options={
     80                customFields &&
     81                customFields.map((field) => ({
     82                  label: field,
     83                  value: field,
     84                }))
     85              }
     86              onChange={updateCustomField}
     87            />
     88          )}
     89          {!useCustomField && (
     90            <TextControl
     91              label={__("Rating", "simple-star-rating-block")}
     92              type="number"
     93              min="0"
     94              max="5"
     95              step="0.01"
     96              readOnly={useCustomField}
     97              value={rating}
     98              onChange={updateRating}
     99            />
     100          )}
     101        </PanelBody>
     102        <PanelBody
     103          title={__("Style", "simple-star-rating-block")}
     104          initialOpen={false}>
     105          <ColorPalette
     106            label={__("Star Color", "simple-star-rating-block")}
     107            value={starColor}
     108            onChange={(color) => setAttributes({ starColor: color })}
     109          />
     110          <RangeControl
     111            label={__("Star Size", "simple-star-rating-block")}
     112            value={starSize}
     113            onChange={(value) => setAttributes({ starSize: value })}
     114            min={10}
     115            max={50}
     116          />
     117        </PanelBody>
     118      </InspectorControls>
     119      <div style={{ fontSize: `${starSize}px` }}>
     120        {Array.from({ length: 5 }, (_, i) => {
     121          if (i < fullStars) {
     122            return (
     123              <span
     124                key={i}
     125                className="ssrb-star ssrb-full"
     126                style={{ backgroundColor: starColor }}></span>
     127            );
     128          } else if (i === fullStars && partialStar > 0) {
     129            const percentage = Math.round(partialStar * 100);
     130            return (
     131              <span
     132                key={i}
     133                className={`ssrb-star ssrb-perc-${percentage}`}
     134                style={{
     135                  backgroundImage: `linear-gradient(90deg, ${starColor} ${percentage}%, transparent ${percentage}%)`,
     136                }}></span>
     137            );
     138          } else {
     139            return <span key={i} className="ssrb-star"></span>;
     140          }
     141        })}
     142      </div>
     143    </div>
     144  );
    144145}
Note: See TracChangeset for help on using the changeset viewer.