How Can we Clear Style Property Manually

[RakulAgn]

I have created a Custom Style Property and also remove

.gjs-sm-label {
        display: none;
      }

expecting doing the clear function manually is there any api is there i try with canClear if true hits clear function but its not working

[artf]

Can you share the code of your custom style property?

[RakulAgn]

export class CustomAlignment extends RtlStyles {
  constructor(editor: Editor, context: "html" | "mjml") {
    super(editor);
    this.initType(getPropertyValue("Alignment", context), {}); // text-align || align
  }
  create({ change }: any): any {
    const $ = this.editor.$ as JQueryStatic;
    const el = $("<div></div>")
      .css("width", "100%")
      .html(this.customAlignmentComponent());

    el.find(".rtl-tab").on("click", function () {
      const $this = $(this);
      const value = $this.data("value");

      $this.siblings().removeAttr("data-active");
      $this.attr("data-active", "true");

      change({ textAlign: value });
    });

    return el[0];
  }

  emit({ updateStyle }: any, { textAlign }: any): void {
    updateStyle(textAlign);
  }

  update({ value, el }: any): void {
    const $ = this.editor.$ as JQueryStatic;

    $(el).find(".rtl-tab").removeAttr("data-active");
    $(el).find(`#align-${value}`).attr("data-active", "true");
  }

  private customAlignmentComponent() {
    return `${LabelWrapperUi({
      label: "Alignment",
      children: ButtonUi(alignmentList),
      labelFor: "",
    })}`;
  }
}

For Example This is One of My Custom Style Property For Text Alignment With My Custom UI
What I am Expecting here to add Clear fuction There is Option is that canClear and clear how can i use that i need to use in all create emit and update right ?

[RakulAgn]

And I like to contribute this Custom Style Properties in grapesjs before that i need to know how should use composite type with custom UI like above handling multiple style property. and also the composite ui should be completely customizable.