@onetype/framework 2.0.53 → 2.0.55

package/addons/render/elements/front/items/self/global/faq/faq.js

@@ -1,56 +0,0 @@
-onetype.AddonReady('elements', (elements) =>
-{
-	elements.ItemAdd({
-		id: 'global-faq',
-		icon: 'help',
-		name: 'FAQ',
-		description: 'Expandable FAQ accordion.',
-		category: 'Global',
-		author: 'OneType',
-		config: {
-			items: {
-				type: 'array',
-				value: [],
-				each: {
-					type: 'object',
-					config: {
-						question: { type: 'string', value: '' },
-						answer: { type: 'string', value: '' }
-					}
-				}
-			},
-			variant: {
-				type: 'array',
-				value: ['bg-2'],
-				options: ['bg-1', 'bg-2', 'bg-3', 'bg-4', 'border', 'size-s', 'size-m', 'size-l']
-			}
-		},
-		render: function()
-		{
-			this.open = -1;
-
-			this.toggle = (index) =>
-			{
-				this.open = this.open === index ? -1 : index;
-				this.Update();
-			};
-
-			this.isOpen = (index) =>
-			{
-				return this.open === index;
-			};
-
-			return `
-				<div :class="'holder ' + variant.join(' ')">
-					<div ot-for="item, index in items" :class="'item' + (isOpen(index) ? ' active' : '')">
-						<div class="question" ot-click="toggle(index)">
-							<span class="text">{{ item.question }}</span>
-							<i class="icon">{{ isOpen(index) ? 'remove' : 'add' }}</i>
-						</div>
-						<div ot-if="isOpen(index)" class="answer">{{ item.answer }}</div>
-					</div>
-				</div>
-			`;
-		}
-	});
-});