.tokipona .note-title-widget,
.tokipona .note-detail :is(p, h2, h3, h4, h5, h6),
.tokipona .fancytree-title,
.tn-card-frame:has(.tokipona) :is(p, h2, h3, h4, h5, h6) {
  font-family: nasin-nanpa;
  font-variant-ligatures: common-ligatures discretionary-ligatures contextual;
  font-feature-settings: "liga" on, "clig" on, "dlig" on, "calt" on;
  text-rendering: optimizeLegibility;
}

.tokipona .note-title-widget,
.tokipona .note-detail :is(p, h2, h3, h4, h5, h6) {
  font-size: 225%;
}

.tn-card-frame:has(.tokipona) :is(p, h2, h3, h4, h5, h6) {
  font-size: 175%;
}

.tokipona .fancytree-title {
  font-size: 150%;
}

.tokipona .note-detail.disable :is(p, h2, h3, h4, h5, h6) {
  font-family: inherit !important;
  font-variant-ligatures: normal !important;
  font-feature-settings: normal !important;
  font-size: 175% !important; 
}

class SPSwitchWidget extends api.NoteContextAwareWidget {
    constructor() {
        super();
        this.contentSized();
    }

    get parentWidget() { return 'note-detail-pane' }

    isEnabled() {
        return super.isEnabled()
            && this.note.type === 'text'
            && this.note.hasLabel('SitelenPona');
    }

    doRender() {
        this.$widget = $(`<div class="switch-widget">
                            <label> <div title="Click to switch the display of glyphs"
                                         class="switch-button on">
                                <input type="checkbox" class="switch-toggle" checked>
                            </div> </label>
                        </div>`)
        this.$switchButton = this.$widget.find('.switch-button')

        this.$widget.find('input').on('change', e => {            
            if (e.target.checked) {
                $('.tokipona .note-detail').removeClass('disable')
                this.$switchButton.addClass('on')
            } else {
                $('.tokipona .note-detail').addClass('disable')
                this.$switchButton.removeClass('on')
            }
        })

        return this.$widget
    }
}

module.exports = new SPSwitchWidget();