| @@ -1,9 +1,9 @@ | ||
| 1 | 1 | { |
| 2 | 2 | "$schema": "https://schemas.wp.org/trunk/block.json", |
| 3 | 3 | "apiVersion": 3, |
| 4 | 4 | "name": "ablocks/heading", |
| 5 | - "version": "0.1.0", | |
| 5 | + "version": "2", | |
| 6 | 6 | "title": "Heading", |
| 7 | 7 | "category": "ablocks", |
| 8 | 8 | "description": "Add customizable, impactful headings.", |
| 9 | 9 | "keywords": [ |
| @@ -24,15 +24,29 @@ | ||
| 24 | 24 | "ablocks-common-style", |
| 25 | 25 | "file:./style.css" |
| 26 | 26 | ], |
| 27 | 27 | "editorScript": [ |
| 28 | - "ablocks-common-script" | |
| 28 | + "ablocks-common-script", | |
| 29 | + "file:./view.js" | |
| 29 | 30 | ], |
| 31 | + "usesContext": [ | |
| 32 | + "postId", | |
| 33 | + "postType", | |
| 34 | + "queryId" | |
| 35 | + ], | |
| 30 | 36 | "attributes": { |
| 31 | 37 | "block_id": { |
| 32 | 38 | "type": "string", |
| 33 | 39 | "default": "" |
| 34 | 40 | }, |
| 41 | + "blockVersion": { | |
| 42 | + "type": "number", | |
| 43 | + "default": "" | |
| 44 | + }, | |
| 45 | + "isAnimated": { | |
| 46 | + "type": "boolean", | |
| 47 | + "default": false | |
| 48 | + }, | |
| 35 | 49 | "heading": { |
| 36 | 50 | "type": "string", |
| 37 | 51 | "source": "html", |
| 38 | 52 | "selector": ".ablocks-heading-text" |
| @@ -44,8 +58,48 @@ | ||
| 44 | 58 | "textColor": { |
| 45 | 59 | "type": "string", |
| 46 | 60 | "default": "" |
| 47 | 61 | }, |
| 62 | + "animationType": { | |
| 63 | + "type": "string", | |
| 64 | + "default": "highlighted" | |
| 65 | + }, | |
| 66 | + "animationStyle": { | |
| 67 | + "type": "string", | |
| 68 | + "default": "highlighter-circle" | |
| 69 | + }, | |
| 70 | + "startingText": { | |
| 71 | + "type": "string", | |
| 72 | + "default": "" | |
| 73 | + }, | |
| 74 | + "animatedText": { | |
| 75 | + "type": "string", | |
| 76 | + "default": "Animated" | |
| 77 | + }, | |
| 78 | + "endingText": { | |
| 79 | + "type": "string", | |
| 80 | + "default": "" | |
| 81 | + }, | |
| 82 | + "highlightColor": { | |
| 83 | + "type": "string", | |
| 84 | + "default": "#ff000e" | |
| 85 | + }, | |
| 86 | + "highlightDuration": { | |
| 87 | + "type": "number", | |
| 88 | + "default": 2000 | |
| 89 | + }, | |
| 90 | + "isInfiniteLoop": { | |
| 91 | + "type": "boolean", | |
| 92 | + "default": true | |
| 93 | + }, | |
| 94 | + "highlightDelay": { | |
| 95 | + "type": "number", | |
| 96 | + "default": 1000 | |
| 97 | + }, | |
| 98 | + "animatedTextColor": { | |
| 99 | + "type": "string", | |
| 100 | + "default": "" | |
| 101 | + }, | |
| 48 | 102 | "alignment": { |
| 49 | 103 | "type": "object", |
| 50 | 104 | "default": { |
| 51 | 105 | "value": "left", |
| @@ -52,13 +106,17 @@ | ||
| 52 | 106 | "valueTablet": "", |
| 53 | 107 | "valueMobile": "" |
| 54 | 108 | } |
| 55 | 109 | }, |
| 110 | + "typographyGlobal": { | |
| 111 | + "type": "string", | |
| 112 | + "default": "" | |
| 113 | + }, | |
| 56 | 114 | "typography": { |
| 57 | 115 | "type": "object", |
| 58 | 116 | "default": { |
| 59 | 117 | "fontFamily": "", |
| 60 | - "weight": "400", | |
| 118 | + "weight": "", | |
| 61 | 119 | "transform": "", |
| 62 | 120 | "style": "", |
| 63 | 121 | "decoration": "", |
| 64 | 122 | "fontSize": "", |
| @@ -120,8 +178,19 @@ | ||
| 120 | 178 | "strokeWidthUnitMobile": "px", |
| 121 | 179 | "stroke": "" |
| 122 | 180 | } |
| 123 | 181 | }, |
| 182 | + "highlightStrokeWidth": { | |
| 183 | + "type": "object", | |
| 184 | + "default": { | |
| 185 | + "value": 10, | |
| 186 | + "valueTablet": "", | |
| 187 | + "valueMobile": "", | |
| 188 | + "valueUnit": "px", | |
| 189 | + "valueUnitTablet": "", | |
| 190 | + "valueUnitMobile": "" | |
| 191 | + } | |
| 192 | + }, | |
| 124 | 193 | "_margin": { |
| 125 | 194 | "type": "object", |
| 126 | 195 | "default": { |
| 127 | 196 | "isLinked": true, |
| @@ -543,9 +612,9 @@ | ||
| 543 | 612 | "xPositionUnitMobile": "px", |
| 544 | 613 | "xPosition": "", |
| 545 | 614 | "xPositionTablet": "0", |
| 546 | 615 | "xPositionMobile": "0", |
| 547 | - "yPositionUnit": "0", | |
| 616 | + "yPositionUnit": "px", | |
| 548 | 617 | "yPositionUnitTablet": "px", |
| 549 | 618 | "yPositionUnitMobile": "px", |
| 550 | 619 | "yPosition": "0", |
| 551 | 620 | "yPositionTablet": "0", |
| @@ -583,8 +652,34 @@ | ||
| 583 | 652 | "colorH": "", |
| 584 | 653 | "transitionDuration": "0" |
| 585 | 654 | } |
| 586 | 655 | }, |
| 656 | + "_gsapAnimation": { | |
| 657 | + "type": "object", | |
| 658 | + "default": { | |
| 659 | + "animationType": "none", | |
| 660 | + "duration": 1, | |
| 661 | + "delay": 0, | |
| 662 | + "triggerType": "scroll", | |
| 663 | + "ease": "none", | |
| 664 | + "x": 0, | |
| 665 | + "y": 0, | |
| 666 | + "rotation": 0, | |
| 667 | + "rotationY": 0, | |
| 668 | + "opacity": 1, | |
| 669 | + "xTo": 0, | |
| 670 | + "yTo": 0, | |
| 671 | + "rotationTo": 0, | |
| 672 | + "rotationYTo": 0, | |
| 673 | + "opacityTo": 1, | |
| 674 | + "easeTo": "none", | |
| 675 | + "loops": false, | |
| 676 | + "numberOfRepeat": 0, | |
| 677 | + "isSmooth": true, | |
| 678 | + "startPoint": 80, | |
| 679 | + "endPoint": 10 | |
| 680 | + } | |
| 681 | + }, | |
| 587 | 682 | "_hide_on_desktop": { |
| 588 | 683 | "type": "boolean", |
| 589 | 684 | "default": false |
| 590 | 685 | }, |
| @@ -598,7 +693,21 @@ | ||
| 598 | 693 | }, |
| 599 | 694 | "_custom_css": { |
| 600 | 695 | "type": "string", |
| 601 | 696 | "default": "" |
| 697 | + }, | |
| 698 | + "_animation_element_trigger": { | |
| 699 | + "type": "array", | |
| 700 | + "default": [], | |
| 701 | + "items": { | |
| 702 | + "type": "object" | |
| 703 | + } | |
| 704 | + }, | |
| 705 | + "_animation_page_trigger": { | |
| 706 | + "type": "array", | |
| 707 | + "default": [], | |
| 708 | + "items": { | |
| 709 | + "type": "object" | |
| 710 | + } | |
| 602 | 711 | } |
| 603 | 712 | } |
| 604 | 713 | } |
