<commit_before>import { CommonModule } from '@angular/common';
import { Component, Input } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { Story, Meta, moduleMetadata } from '@storybook/angular';


@Component({
	selector: 'menu-stories',
	templateUrl: './menu.stories.html',
}) class MenuStory {
	@Input() mod: string = '';
	@Input() isNumber: boolean = false;
	@Input() border: boolean = false;
	@Input() palette: string = '';
	@Input() withContainer: boolean = false;
	
	links = [
		{ label: 'link 1', isActive: true },
		{ label: 'link 2', isActive: false },
		{ label: 'link 3', isActive: false },
		{ label: 'link 4', isActive: false, isDisabled: true },
		{ label: 'link 5', isActive: false },
		{ label: 'link 6', isActive: false },
		{ label: 'link 7', isActive: false },
	];
	toggle(link, event) {
		event.preventDefault();
		this.links.forEach(l => l.isActive = false);
		link.isActive = true;
	}
}

export default {
	title: 'SCSS/Menu',
	component: MenuStory,
	argTypes: {
		mod: {
			options: ['', 'mod-header'],
			control: {
				type: 'radio',
				options: ['', 'mod-header', 'mod-small']
			},
		},
		isNumber: {
			control: {
				type: 'radio',
			}
		},
		withContainer: {
			control: {
				type: 'boolean',
			}
		},
		border: {
			control: {
				type: 'boolean',
				option: ['menuWithoutBorder']
			},
		},
	},
	decorators: [
		moduleMetadata({
			entryComponents: [MenuStory],
			imports: [BrowserModule, CommonModule],
		})
	]
} as Meta;

const template: Story<MenuStory> = (args: MenuStory) => ({
	props: args,
});

export const basic = template.bind({});

basic.args = {	
	withContainer: false,
};<commit_msg>[DS2LF_1356] add args on loading<commit_after>import { CommonModule } from '@angular/common';
import { Component, Input } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { Story, Meta, moduleMetadata } from '@storybook/angular';


@Component({
	selector: 'menu-stories',
	templateUrl: './menu.stories.html',
}) class MenuStory {
	@Input() mod: string = '';
	@Input() isNumber: boolean = false;
	@Input() border: boolean = false;
	@Input() palette: string = '';
	@Input() withContainer: boolean = false;
	
	links = [
		{ label: 'link 1', isActive: true },
		{ label: 'link 2', isActive: false },
		{ label: 'link 3', isActive: false },
		{ label: 'link 4', isActive: false, isDisabled: true },
		{ label: 'link 5', isActive: false },
		{ label: 'link 6', isActive: false },
		{ label: 'link 7', isActive: false },
	];
	toggle(link, event) {
		event.preventDefault();
		this.links.forEach(l => l.isActive = false);
		link.isActive = true;
	}
}

export default {
	title: 'SCSS/Menu',
	component: MenuStory,
	argTypes: {
		mod: {
			options: ['', 'mod-header'],
			control: {
				type: 'radio',
				options: ['', 'mod-header', 'mod-small']
			},
		},
		isNumber: {
			control: {
				type: 'radio',
			}
		},
		withContainer: {
			control: {
				type: 'boolean',
			}
		},
		border: {
			control: {
				type: 'boolean',
				option: ['menuWithoutBorder']
			},
		},
	},
	decorators: [
		moduleMetadata({
			entryComponents: [MenuStory],
			imports: [BrowserModule, CommonModule],
		})
	]
} as Meta;

const template: Story<MenuStory> = (args: MenuStory) => ({
	props: args,
});

export const basic = template.bind({});
basic.args = { mod: '', isNumber: false, border: true, withContainer: false };
{'fraction_non_alphanumeric': 0.18237885462555067, 'fraction_numerical': 0.005580029368575624, 'mean_word_length': 3.665753424657534, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 9, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '344665', 'n_tokens_mistral': 1311, 'n_tokens_neox': 1154, 'n_words': 295}