</sl-option>
        </sl-select>
        <sl-select label="Easing" *value="easing" placeholder="select the easing name">
            <sl-option *each="easings" *value="item">${ item }</sl-option>
        </sl-select>
        <sl-select label="Iterations" *value="iterations" placeholder="select the animation iterations">
            <sl-option *each="['1', '3', '5', 'Infinity']" *value="item">${ item }</sl-option>
        </sl-select>
        <sl-select label="Direction" *value="direction" placeholder="sele