special-forms 1.0.0

package/projects/special-forms/src/lib/components/special-upload/special-upload.component.ts

@@ -0,0 +1,79 @@
+import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { SpecialFormControl } from '../../core/forms/special-forms';
+import { IUploadSettings } from './special-upload.interface';
+import { DomSanitizer } from '@angular/platform-browser';
+import { ChangeDetectionStrategy } from '@angular/core';
+
+@Component({
+  selector: 'sp-upload',
+  templateUrl: './special-upload.component.html',
+  styleUrls: ['./special-upload.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class SpecialUploadComponent implements OnInit {
+  control: SpecialFormControl<IUploadSettings>;
+
+  @Input('control') set controlSetter(control) {
+    this.control = control;
+    this.previewImages = control.value;
+  }
+
+  @Output() onSelect: EventEmitter<any> = new EventEmitter();
+
+  previewImages = [];
+
+  constructor( private sanitizer: DomSanitizer) {}
+
+  ngOnInit(): void {}
+
+  onSelectMultiple(event) {
+    this.previewImages = [
+      ...this.previewImages,
+      ...event.addedFiles.map(file =>
+      ({
+        lastModified: file.lastModified,
+        url: this.sanitizer.bypassSecurityTrustUrl(URL.createObjectURL(file))
+      }
+      ))
+    ];
+
+    this.control.setValue(
+      [
+        ...this.control.value,
+        ...event.addedFiles.map(this.fixFileName)
+      ]
+    );
+    this.onSelect.emit(this.control.value)
+    this.control.markAsDirty();
+  }
+
+  onSelectOne(event) {
+    this.previewImages = event.addedFiles.map(file =>
+    ({
+      lastModified: file.lastModified,
+      url: this.sanitizer.bypassSecurityTrustUrl(URL.createObjectURL(file))
+    }))
+
+    this.control.setValue(
+      event.addedFiles.map(this.fixFileName)
+    );
+    this.onSelect.emit(this.control.value)
+    this.control.markAsDirty();
+  }
+
+  fixFileName(file: File) {
+    return Object.defineProperty(file, 'name', {
+      writable: true,
+      value: file.name.normalize("NFD").replace(/[\u0300-\u036f]/g, "")
+    });
+  }
+
+  clean() {
+    this.previewImages = [];
+  }
+  onRemove(file) {
+    this.control.setValue(this.control.value.filter(fl => fl.lastModified !== file.lastModified));
+    this.previewImages = this.previewImages.filter(fl => fl.lastModified !== file.lastModified)
+  }
+
+}

package/projects/special-forms/src/lib/components/special-upload/special-upload.interface.ts

@@ -0,0 +1,12 @@
+import { EControlTypes } from '../../core/aux-data/control-types.enum';
+import { IFieldData } from '../../core/interfaces/field-basics.interfaces';
+
+export type IUploadSettings = {
+  accept?: string,
+  multiple?: boolean
+};
+
+export interface IUploadField extends IFieldData {
+  settings: IUploadSettings;
+  type: EControlTypes.upload;
+}

package/projects/special-forms/src/lib/components/special-upload/special-upload.module.ts

@@ -0,0 +1,23 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SpecialUploadComponent } from './special-upload.component';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { ErrorMessagePipeModule } from '../../pipes';
+import { NgxDropzoneModule } from 'ngx-dropzone';
+
+@NgModule({
+  declarations: [SpecialUploadComponent],
+  imports: [
+    FormsModule,
+    NgxDropzoneModule,
+    CommonModule,
+    MatIconModule,
+    ReactiveFormsModule,
+    MatButtonModule,
+    ErrorMessagePipeModule
+  ],
+  exports: [SpecialUploadComponent],
+})
+export class SpecialUploadModule {}

package/projects/special-forms/src/lib/components/special-upload/special-upload.stories.ts

@@ -0,0 +1,81 @@
+import { Story, Meta } from '@storybook/angular';
+import { moduleMetadata } from '@storybook/angular';
+import { FormControlViewerModule } from '../../aux-storybook-components/form-control-viewer/form-control-viewer.module';
+import { FormControlViewerComponent } from '../../aux-storybook-components/form-control-viewer/form-control-viewer.component';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { EControlTypes } from '../../core/aux-data/control-types.enum';
+import { ICONS_CONTROL } from '../../core/controls';
+import { FieldBasicData } from '../../core/aux-data/field-basic-data';
+import { THEMES_CONTROL } from '../../core/controls/theme.control';
+
+export default {
+  title: 'Special upload control',
+  component: FormControlViewerComponent,
+  decorators: [
+    moduleMetadata({
+      imports: [FormControlViewerModule, BrowserAnimationsModule],
+    }),
+  ],
+  argTypes: {
+    icon: ICONS_CONTROL,
+    theme: THEMES_CONTROL,
+  },
+} as Meta;
+
+const Template: Story<FormControlViewerComponent> = (
+  args: FormControlViewerComponent
+) => ({
+  title: 'Special upload control',
+  template: `
+    <spf-form-control-viewer
+      [theme]="theme"
+      [field]="{
+        placeholder: placeholder,
+        label: label,
+        tooltip: tooltip,
+        icon: icon,
+        elementId: elementId,
+        styleClasses: styleClasses,
+        length: length,
+        defaultValue:defaultValue,
+        required: required,
+        hidden: false,
+        readOnly: readOnly,
+        type: type,
+        settings: {
+          accept: accept,
+          multiple: multiple
+        },
+        errorMessages: errorMessages
+      }"
+      >
+    </spf-form-control-viewer>`,
+  props: {
+    ...args,
+    type: EControlTypes.upload,
+  },
+});
+
+export const light = Template.bind({});
+light.args = {
+  ...FieldBasicData,
+  label: 'Añade foto o video',
+  placeholder: 'O arrastra y suelta la foto/video',
+  icon: 'upload_file',
+  theme: 'light-theme',
+  accept: '',
+  multiple: false,
+  defaultValue: [],
+};
+
+export const dark = Template.bind({});
+dark.args = {
+  ...FieldBasicData,
+  label: 'Añade foto o video',
+  placeholder: 'O arrastra y suelta la foto/video',
+  icon: 'upload_file',
+  theme: 'dark-theme',
+  accept: '',
+  multiple: false,
+  defaultValue: [],
+};

package/projects/special-forms/src/lib/core/aux-data/all-icons.ts

@@ -0,0 +1,99 @@
+export const ICON_NAMES =
+    ["","360", "svg_anchor","svg_push_pin","3d_rotation", "4k", "ac_unit", "access_alarm", "access_alarms", "access_time", "accessibility",
+        "accessibility_new", "accessible", "accessible_forward", "account_balance", "account_balance_wallet", "account_box",
+        "account_circle", "account_tree", "adb", "add", "add_a_photo", "add_alarm", "add_alert", "add_box", "add_circle", "add_circle_outline",
+        "add_comment", "add_ic_call", "add_location", "add_photo_alternate", "add_shopping_cart", "add_to_home_screen", "add_to_photos",
+        "add_to_queue", "adjust", "airline_seat_flat", "airline_seat_flat_angled", "airline_seat_individual_suite", "airline_seat_legroom_extra",
+        "airline_seat_legroom_normal", "airline_seat_legroom_reduced", "airline_seat_recline_extra", "airline_seat_recline_normal",
+        "airplanemode_active", "airplanemode_inactive", "airplay", "airport_shuttle", "alarm", "alarm_add", "alarm_off", "alarm_on",
+        "album", "all_inbox", "all_inclusive", "all_out", "alternate_email", "amp_stories", "android", "announcement", "apartment", "apps",
+        "archive", "arrow_back", "arrow_back_ios", "arrow_downward", "arrow_drop_down", "arrow_drop_down_circle", "arrow_drop_up", "arrow_forward",
+        "arrow_forward_ios", "arrow_left", "arrow_right", "arrow_right_alt", "arrow_upward", "art_track", "aspect_ratio", "assessment", "assignment",
+        "assignment_ind", "assignment_late", "assignment_return", "assignment_returned", "assignment_turned_in", "assistant", "assistant_photo", "atm", "attach_file",
+        "attach_money", "attachment", "audiotrack", "autorenew", "av_timer", "backspace", "backup", "ballot", "bar_chart", "bathtub",
+        "battery_alert", "battery_charging_full", "svg_miscellaneous_services","svg_construction","battery_full", "battery_std", "battery_unknown", "beach_access", "beenhere", "block",
+        "bluetooth", "bluetooth_audio", "bluetooth_connected", "bluetooth_disabled", "bluetooth_searching", "blur_circular", "blur_linear",
+        "blur_off", "blur_on", "book", "bookmark", "bookmark_border", "bookmarks", "border_all", "border_bottom", "border_clear", "border_horizontal",
+        "border_inner", "border_left", "border_outer", "border_right", "border_style", "border_top", "border_vertical", "branding_watermark",
+        "brightness_1", "brightness_2", "brightness_3", "brightness_4", "brightness_5", "brightness_6", "brightness_7", "brightness_auto",
+        "brightness_high", "brightness_low", "brightness_medium", "broken_image", "brush", "bubble_chart", "bug_report", "build", "burst_mode",
+        "business", "business_center", "cached", "cake", "calendar_today", "calendar_view_day", "call", "call_end", "call_made", "call_merge",
+        "call_missed", "call_missed_outgoing", "call_received", "call_split", "call_to_action", "camera", "camera_alt", "camera_enhance",
+        "camera_front", "camera_rear", "camera_roll", "cancel", "cancel_presentation", "cancel_schedule_send", "card_giftcard", "card_membership",
+        "card_travel", "casino", "cast", "cast_connected", "category", "center_focus_strong", "center_focus_weak", "change_history", "chat", "chat_bubble",
+        "chat_bubble_outline", "check", "check_box", "check_box_outline_blank", "check_circle", "check_circle_outline", "chevron_left", "chevron_right",
+        "child_care", "child_friendly", "chrome_reader_mode", "class", "clear", "clear_all", "close", "closed_caption", "cloud", "cloud_circle", "cloud_done",
+        "cloud_download", "cloud_off", "cloud_queue", "cloud_upload", "code", "collections", "collections_bookmark", "color_lens", "colorize", "comment", "commute",
+        "compare", "compare_arrows", "compass_calibration", "computer", "confirmation_number", "contact_mail", "contact_phone", "contact_support", "contactless",
+        "contacts", "control_camera", "control_point", "control_point_duplicate", "copyright", "create", "create_new_folder", "credit_card", "crop", "crop_16_9",
+        "crop_3_2", "crop_5_4", "crop_7_5", "crop_din", "crop_free", "crop_landscape", "crop_original", "crop_portrait", "crop_rotate", "crop_square", "dashboard", "data_usage",
+        "date_range", "deck", "dehaze", "delete", "delete_forever", "delete_outline", "delete_sweep", "departure_board", "description", "desktop_access_disabled",
+        "desktop_mac", "desktop_windows", "details", "developer_board", "developer_mode", "device_hub", "device_unknown", "devices", "devices_other", "dialer_sip",
+        "dialpad", "directions", "directions_bike", "directions_boat", "directions_bus", "directions_car", "directions_railway", "directions_run", "directions_subway",
+        "directions_transit", "directions_walk", "disc_full", "dns", "dock", "domain", "domain_disabled", "done", "done_all", "done_outline", "donut_large", "donut_small", "double_arrow", "drafts", "drag_handle", "drag_indicator", "drive_eta", "duo", "dvr", "dynamic_feed", "eco", "edit", "edit_attributes", "edit_location", "eject", "email", "emoji_emotions", "emoji_events", "emoji_flags", "emoji_food_beverage", "emoji_nature", "emoji_objects", "emoji_people", "emoji_symbols", "emoji_transportation", "enhanced_encryption", "equalizer", "error", "error_outline", "euro", "euro_symbol", "ev_station", "event", "event_available", "event_busy", "event_note", "event_seat", "exit_to_app", "expand_less", "expand_more", "explicit", "explore", "explore_off", "exposure", "exposure_neg_1", "exposure_neg_2", "exposure_plus_1", "exposure_plus_2", "exposure_zero", "extension", "face", "fast_forward", "fast_rewind", "fastfood",
+        "favorite", "favorite_border", "featured_play_list", "featured_video", "feedback", "fiber_dvr", "fiber_manual_record", "fiber_new", "fiber_pin", "fiber_smart_record", "file_copy", "filter", "filter_1", "filter_2", "filter_3", "filter_4", "filter_5", "filter_6", "filter_7", "filter_8", "filter_9", "filter_9_plus", "filter_b_and_w", "filter_center_focus", "filter_drama", "filter_frames", "filter_hdr", "filter_list", "filter_none", "filter_tilt_shift", "filter_vintage", "find_in_page", "find_replace", "fingerprint", "fireplace", "first_page", "fitness_center", "flag", "flare", "flash_auto", "flash_off", "flash_on", "flight", "flight_land", "flight_takeoff", "flip", "flip_camera_android", "flip_camera_ios", "flip_to_back", "flip_to_front", "folder", "folder_open", "folder_shared", "folder_special", "font_download", "format_align_center", "format_align_justify", "format_align_left", "format_align_right", "format_bold", "format_clear", "format_color_reset", "format_indent_decrease",
+        "format_indent_increase", "format_italic", "format_line_spacing", "format_list_bulleted", "format_list_numbered", "format_list_numbered_rtl", "format_paint",
+        "format_quote", "format_shapes", "format_size", "format_strikethrough", "format_textdirection_l_to_r", "format_textdirection_r_to_l", "format_underlined",
+        "forum", "forward", "forward_10", "forward_30", "forward_5", "free_breakfast", "fullscreen", "fullscreen_exit", "functions", "g_translate", "gamepad", "games",
+        "gavel", "gesture", "get_app", "gif", "golf_course", "gps_fixed", "gps_not_fixed", "gps_off", "grade", "gradient", "grain", "graphic_eq", "grid_off", "grid_on",
+        "group", "group_add", "group_work", "hd", "hdr_off", "hdr_on", "hdr_strong", "hdr_weak", "headset", "headset_mic", "healing", "hearing", "height", "help", "help_outline",
+        "high_quality", "highlight", "highlight_off", "history", "home", "home_work", "horizontal_split", "hot_tub", "hotel", "hourglass_empty", "hourglass_full", "house",
+        "how_to_reg", "how_to_vote", "http", "https", "image", "image_aspect_ratio", "image_search", "import_contacts", "import_export", "important_devices", "inbox",
+        "indeterminate_check_box", "info", "input", "insert_chart", "insert_chart_outlined", "insert_comment", "insert_drive_file", "insert_emoticon", "insert_invitation",
+        "insert_link", "insert_photo", "invert_colors", "invert_colors_off", "iso", "keyboard", "keyboard_arrow_down", "keyboard_arrow_left", "keyboard_arrow_right",
+        "keyboard_arrow_up", "keyboard_backspace", "keyboard_capslock", "keyboard_hide", "keyboard_return", "keyboard_tab", "keyboard_voice", "king_bed", "kitchen",
+        "label", "label_important", "label_off", "landscape", "language", "laptop", "laptop_chromebook", "laptop_mac", "laptop_windows", "last_page", "launch", "layers",
+        "layers_clear", "leak_add", "leak_remove", "lens", "library_add", "library_add_check", "library_books", "library_music", "line_style", "line_weight", "linear_scale",
+        "link", "link_off", "linked_camera", "list", "list_alt", "live_help", "live_tv", "local_activity", "local_airport", "local_atm", "local_bar", "local_cafe",
+        "local_car_wash", "local_convenience_store", "local_dining", "local_drink", "local_florist", "local_gas_station", "local_grocery_store", "local_hospital",
+        "local_hotel", "local_laundry_service", "local_library", "local_mall", "local_movies", "local_offer", "local_parking", "local_pharmacy", "local_phone", "local_pizza",
+        "local_play", "local_post_office", "local_printshop", "local_see", "local_shipping", "local_taxi", "location_city", "location_disabled", "location_off", "location_on",
+        "location_searching", "lock", "lock_open", "looks", "looks_3", "looks_4", "looks_5", "looks_6", "looks_one", "looks_two", "loop", "loupe", "low_priority", "loyalty",
+        "mail", "mail_outline", "map", "markunread", "markunread_mailbox", "maximize", "meeting_room", "memory", "menu", "menu_book", "menu_open", "merge_type", "message",
+        "mic", "mic_none", "mic_off", "minimize", "missed_video_call", "mms", "mobile_friendly", "mobile_off", "mobile_screen_share", "mode_comment", "monetization_on", "money",
+        "money_off", "monochrome_photos", "mood", "mood_bad", "more", "more_horiz", "more_vert", "mouse", "move_to_inbox", "movie", "movie_creation", "movie_filter",
+        "multiline_chart", "museum", "music_note", "music_off", "music_video", "my_location", "nature", "nature_people", "navigate_before", "navigate_next", "navigation",
+        "near_me", "network_check", "network_locked", "new_releases", "next_week", "nfc", "nights_stay", "no_encryption", "no_meeting_room", "no_sim", "not_interested",
+        "not_listed_location", "note", "note_add", "notes", "notification_important", "notifications", "notifications_active",
+        "notifications_none", "notifications_off", "notifications_paused", "offline_bolt", "offline_pin", "ondemand_video", "opacity", "open_in_browser", "open_in_new",
+        "open_with", "outdoor_grill", "outlined_flag", "pages", "pageview", "palette", "pan_tool", "panorama", "panorama_fish_eye", "panorama_horizontal", "panorama_vertical",
+        "panorama_wide_angle", "party_mode", "pause", "pause_circle_filled", "pause_circle_outline", "pause_presentation", "payment", "people", "people_alt", "people_outline",
+        "perm_camera_mic", "perm_contact_calendar", "perm_data_setting", "perm_device_information", "perm_identity", "perm_media", "perm_phone_msg", "perm_scan_wifi", "person",
+        "person_add", "person_add_disabled", "person_outline", "person_pin", "person_pin_circle", "personal_video", "pets", "phone", "phone_android", "phone_bluetooth_speaker",
+        "phone_callback", "phone_disabled", "phone_enabled", "phone_forwarded", "phone_in_talk", "phone_iphone", "phone_locked", "phone_missed", "phone_paused", "phonelink",
+        "phonelink_erase", "phonelink_lock", "phonelink_off", "phonelink_ring", "phonelink_setup", "photo", "photo_album", "photo_camera", "photo_filter", "photo_library",
+        "photo_size_select_actual", "photo_size_select_large", "photo_size_select_small", "picture_as_pdf", "picture_in_picture", "picture_in_picture_alt", "pie_chart",
+        "pin_drop", "place", "play_arrow", "play_circle_filled", "play_circle_outline", "play_for_work", "playlist_add", "playlist_add_check", "playlist_play", "plus_one",
+        "policy", "poll", "polymer", "pool", "portable_wifi_off", "portrait", "post_add", "power", "power_input", "power_off", "power_settings_new", "pregnant_woman",
+        "present_to_all", "print", "print_disabled", "priority_high", "public", "publish", "query_builder", "question_answer", "queue", "queue_music", "queue_play_next",
+        "radio", "radio_button_checked", "radio_button_unchecked", "rate_review", "receipt", "recent_actors", "record_voice_over", "redeem", "redo", "refresh", "remove",
+        "remove_circle", "remove_circle_outline", "remove_from_queue", "remove_red_eye", "remove_shopping_cart", "reorder", "repeat", "repeat_one", "replay", "replay_10",
+        "replay_30", "replay_5", "reply", "reply_all", "report", "report_off", "report_problem", "restaurant", "restaurant_menu", "restore", "restore_from_trash", "restore_page",
+        "ring_volume", "room", "room_service", "rotate_90_degrees_ccw", "rotate_left", "rotate_right", "rounded_corner", "router", "rowing", "rss_feed", "rv_hookup", "satellite",
+        "save", "save_alt", "scanner", "scatter_plot", "schedule", "school", "score", "screen_lock_landscape", "screen_lock_portrait", "screen_lock_rotation", "screen_rotation",
+        "screen_share", "sd_card", "sd_storage", "search", "security", "select_all", "send", "sentiment_dissatisfied", "sentiment_satisfied", "sentiment_satisfied_alt",
+        "sentiment_very_dissatisfied", "sentiment_very_satisfied", "settings", "settings_applications", "settings_backup_restore", "settings_bluetooth", "settings_brightness",
+        "settings_cell", "settings_ethernet", "settings_input_antenna", "settings_input_component", "settings_input_composite", "settings_input_hdmi", "settings_input_svideo",
+        "settings_overscan", "settings_phone", "settings_power", "settings_remote", "settings_system_daydream", "settings_voice", "share", "shop", "shop_two", "shopping_basket",
+        "shopping_cart", "short_text", "show_chart", "shuffle", "shutter_speed", "signal_cellular_4_bar", "signal_cellular_alt", "signal_cellular_connected_no_internet_4_bar",
+        "signal_cellular_no_sim", "signal_cellular_null", "signal_cellular_off", "signal_wifi_4_bar", "signal_wifi_4_bar_lock", "signal_wifi_off", "sim_card", "single_bed",
+        "skip_next", "skip_previous", "slideshow", "slow_motion_video", "smartphone", "smoke_free", "smoking_rooms", "sms", "sms_failed", "snooze", "sort", "sort_by_alpha",
+        "spa", "space_bar", "speaker", "speaker_group",
+        "speaker_notes", "speaker_notes_off", "speaker_phone", "speed", "spellcheck", "sports", "sports_baseball", "sports_basketball", "sports_cricket", "sports_esports",
+        "sports_football", "sports_golf", "sports_handball", "sports_hockey", "sports_kabaddi", "sports_mma", "sports_motorsports", "sports_rugby", "sports_soccer", "sports_tennis",
+        "sports_volleyball", "square_foot", "star", "star_border", "star_half", "star_outline", "stars", "stay_current_landscape", "stay_current_portrait", "stay_primary_landscape",
+        "stay_primary_portrait", "stop", "stop_screen_share", "storage", "store", "store_mall_directory", "storefront", "straighten", "streetview", "strikethrough_s", "style",
+        "subdirectory_arrow_left", "subdirectory_arrow_right", "subject", "subscriptions", "subtitles", "subway", "supervised_user_circle", "supervisor_account", "surround_sound",
+        "swap_calls", "swap_horiz", "swap_horizontal_circle", "swap_vert", "swap_vertical_circle", "switch_camera", "switch_video", "sync", "sync_alt", "sync_disabled", "sync_problem",
+        "system_update", "system_update_alt", "tab", "tab_unselected",
+        "table_chart", "tablet", "tablet_android", "tablet_mac", "tag_faces", "tap_and_play", "terrain", "text_fields", "text_format", "text_rotate_up", "text_rotate_vertical",
+        "text_rotation_angledown", "text_rotation_angleup", "text_rotation_down", "text_rotation_none", "textsms", "texture", "theaters", "thumb_down", "thumb_down_alt", "thumb_up",
+        "thumb_up_alt", "thumbs_up_down", "time_to_leave", "timelapse", "timeline", "timer", "timer_10", "timer_3", "timer_off", "title", "toc", "today", "toggle_off", "toggle_on",
+        "toll", "tonality", "touch_app", "toys", "track_changes", "traffic", "train", "tram", "transfer_within_a_station", "transform", "transit_enterexit", "translate", "trending_down",
+        "trending_flat", "trending_up", "trip_origin", "tune", "turned_in", "turned_in_not", "tv", "tv_off", "two_wheeler", "unarchive", "undo", "unfold_less", "unfold_more", "unsubscribe",
+        "update", "usb", "verified_user", "vertical_align_bottom", "vertical_align_center", "vertical_align_top", "vertical_split", "vibration", "video_call", "video_label", "video_library",
+        "videocam", "videocam_off", "videogame_asset", "view_agenda", "view_array", "view_carousel", "view_column", "view_comfy", "view_compact", "view_day", "view_headline", "view_list",
+        "view_module", "view_quilt", "view_stream", "view_week", "vignette", "visibility", "visibility_off", "voice_chat", "voice_over_off", "voicemail", "volume_down", "volume_mute",
+        "volume_off", "volume_up", "vpn_key", "vpn_lock", "wallpaper", "warning", "watch", "watch_later", "waves", "wb_auto", "wb_cloudy", "wb_incandescent", "wb_iridescent", "wb_sunny",
+        "wc", "web", "web_asset", "weekend", "whatshot", "where_to_vote", "widgets", "wifi", "wifi_lock", "wifi_off", "wifi_tethering", "work", "work_off", "work_outline", "wrap_text",
+        "youtube_searched_for", "zoom_in", "zoom_out", "zoom_out_map"]

package/projects/special-forms/src/lib/core/aux-data/control-types.enum.ts

@@ -0,0 +1,16 @@
+export enum EControlTypes {
+  pkey = 'PRIMARY-KEY',
+  input = 'INPUT',
+  textArea = 'TEXT-AREA',
+  dropdown = 'DROPDOWN',
+  date = 'DATE',
+  time = 'TIME',
+  checkbox = 'CHECKBOX',
+  upload = 'UPLOAD',
+  autocomplete = 'AUTOCOMPLETE',
+  multiple = 'MULTIPLE-AUTOCOMPLETE',
+  array = 'ARRAY',
+  form = 'FORM',
+  label = 'LABEL',
+  default = 'DEFAULT',
+}

package/projects/special-forms/src/lib/core/aux-data/countries.ts

@@ -0,0 +1,247 @@
+import { of } from "rxjs";
+
+export const countries = () => of([
+  { name: 'Afghanistan', code: 'AF' },
+  { name: 'Åland Islands', code: 'AX' },
+  { name: 'Albania', code: 'AL' },
+  { name: 'Algeria', code: 'DZ' },
+  { name: 'American Samoa', code: 'AS' },
+  { name: 'AndorrA', code: 'AD' },
+  { name: 'Angola', code: 'AO' },
+  { name: 'Anguilla', code: 'AI' },
+  { name: 'Antarctica', code: 'AQ' },
+  { name: 'Antigua and Barbuda', code: 'AG' },
+  { name: 'Argentina', code: 'AR' },
+  { name: 'Armenia', code: 'AM' },
+  { name: 'Aruba', code: 'AW' },
+  { name: 'Australia', code: 'AU' },
+  { name: 'Austria', code: 'AT' },
+  { name: 'Azerbaijan', code: 'AZ' },
+  { name: 'Bahamas', code: 'BS' },
+  { name: 'Bahrain', code: 'BH' },
+  { name: 'Bangladesh', code: 'BD' },
+  { name: 'Barbados', code: 'BB' },
+  { name: 'Belarus', code: 'BY' },
+  { name: 'Belgium', code: 'BE' },
+  { name: 'Belize', code: 'BZ' },
+  { name: 'Benin', code: 'BJ' },
+  { name: 'Bermuda', code: 'BM' },
+  { name: 'Bhutan', code: 'BT' },
+  { name: 'Bolivia', code: 'BO' },
+  { name: 'Bosnia and Herzegovina', code: 'BA' },
+  { name: 'Botswana', code: 'BW' },
+  { name: 'Bouvet Island', code: 'BV' },
+  { name: 'Brazil', code: 'BR' },
+  { name: 'British Indian Ocean Territory', code: 'IO' },
+  { name: 'Brunei Darussalam', code: 'BN' },
+  { name: 'Bulgaria', code: 'BG' },
+  { name: 'Burkina Faso', code: 'BF' },
+  { name: 'Burundi', code: 'BI' },
+  { name: 'Cambodia', code: 'KH' },
+  { name: 'Cameroon', code: 'CM' },
+  { name: 'Canada', code: 'CA' },
+  { name: 'Cape Verde', code: 'CV' },
+  { name: 'Cayman Islands', code: 'KY' },
+  { name: 'Central African Republic', code: 'CF' },
+  { name: 'Chad', code: 'TD' },
+  { name: 'Chile', code: 'CL' },
+  { name: 'China', code: 'CN' },
+  { name: 'Christmas Island', code: 'CX' },
+  { name: 'Cocos (Keeling) Islands', code: 'CC' },
+  { name: 'Colombia', code: 'CO' },
+  { name: 'Comoros', code: 'KM' },
+  { name: 'Congo', code: 'CG' },
+  { name: 'Congo, The Democratic Republic of the', code: 'CD' },
+  { name: 'Cook Islands', code: 'CK' },
+  { name: 'Costa Rica', code: 'CR' },
+  { name: "Cote D'Ivoire", code: 'CI' },
+  { name: 'Croatia', code: 'HR' },
+  { name: 'Cuba', code: 'CU' },
+  { name: 'Cyprus', code: 'CY' },
+  { name: 'Czech Republic', code: 'CZ' },
+  { name: 'Denmark', code: 'DK' },
+  { name: 'Djibouti', code: 'DJ' },
+  { name: 'Dominica', code: 'DM' },
+  { name: 'Dominican Republic', code: 'DO' },
+  { name: 'Ecuador', code: 'EC' },
+  { name: 'Egypt', code: 'EG' },
+  { name: 'El Salvador', code: 'SV' },
+  { name: 'Equatorial Guinea', code: 'GQ' },
+  { name: 'Eritrea', code: 'ER' },
+  { name: 'Estonia', code: 'EE' },
+  { name: 'Ethiopia', code: 'ET' },
+  { name: 'Falkland Islands (Malvinas)', code: 'FK' },
+  { name: 'Faroe Islands', code: 'FO' },
+  { name: 'Fiji', code: 'FJ' },
+  { name: 'Finland', code: 'FI' },
+  { name: 'France', code: 'FR' },
+  { name: 'French Guiana', code: 'GF' },
+  { name: 'French Polynesia', code: 'PF' },
+  { name: 'French Southern Territories', code: 'TF' },
+  { name: 'Gabon', code: 'GA' },
+  { name: 'Gambia', code: 'GM' },
+  { name: 'Georgia', code: 'GE' },
+  { name: 'Germany', code: 'DE' },
+  { name: 'Ghana', code: 'GH' },
+  { name: 'Gibraltar', code: 'GI' },
+  { name: 'Greece', code: 'GR' },
+  { name: 'Greenland', code: 'GL' },
+  { name: 'Grenada', code: 'GD' },
+  { name: 'Guadeloupe', code: 'GP' },
+  { name: 'Guam', code: 'GU' },
+  { name: 'Guatemala', code: 'GT' },
+  { name: 'Guernsey', code: 'GG' },
+  { name: 'Guinea', code: 'GN' },
+  { name: 'Guinea-Bissau', code: 'GW' },
+  { name: 'Guyana', code: 'GY' },
+  { name: 'Haiti', code: 'HT' },
+  { name: 'Heard Island and Mcdonald Islands', code: 'HM' },
+  { name: 'Holy See (Vatican City State)', code: 'VA' },
+  { name: 'Honduras', code: 'HN' },
+  { name: 'Hong Kong', code: 'HK' },
+  { name: 'Hungary', code: 'HU' },
+  { name: 'Iceland', code: 'IS' },
+  { name: 'India', code: 'IN' },
+  { name: 'Indonesia', code: 'ID' },
+  { name: 'Iran, Islamic Republic Of', code: 'IR' },
+  { name: 'Iraq', code: 'IQ' },
+  { name: 'Ireland', code: 'IE' },
+  { name: 'Isle of Man', code: 'IM' },
+  { name: 'Israel', code: 'IL' },
+  { name: 'Italy', code: 'IT' },
+  { name: 'Jamaica', code: 'JM' },
+  { name: 'Japan', code: 'JP' },
+  { name: 'Jersey', code: 'JE' },
+  { name: 'Jordan', code: 'JO' },
+  { name: 'Kazakhstan', code: 'KZ' },
+  { name: 'Kenya', code: 'KE' },
+  { name: 'Kiribati', code: 'KI' },
+  { name: "Korea, Democratic People'S Republic of", code: 'KP' },
+  { name: 'Korea, Republic of', code: 'KR' },
+  { name: 'Kuwait', code: 'KW' },
+  { name: 'Kyrgyzstan', code: 'KG' },
+  { name: "Lao People'S Democratic Republic", code: 'LA' },
+  { name: 'Latvia', code: 'LV' },
+  { name: 'Lebanon', code: 'LB' },
+  { name: 'Lesotho', code: 'LS' },
+  { name: 'Liberia', code: 'LR' },
+  { name: 'Libyan Arab Jamahiriya', code: 'LY' },
+  { name: 'Liechtenstein', code: 'LI' },
+  { name: 'Lithuania', code: 'LT' },
+  { name: 'Luxembourg', code: 'LU' },
+  { name: 'Macao', code: 'MO' },
+  { name: 'Macedonia, The Former Yugoslav Republic of', code: 'MK' },
+  { name: 'Madagascar', code: 'MG' },
+  { name: 'Malawi', code: 'MW' },
+  { name: 'Malaysia', code: 'MY' },
+  { name: 'Maldives', code: 'MV' },
+  { name: 'Mali', code: 'ML' },
+  { name: 'Malta', code: 'MT' },
+  { name: 'Marshall Islands', code: 'MH' },
+  { name: 'Martinique', code: 'MQ' },
+  { name: 'Mauritania', code: 'MR' },
+  { name: 'Mauritius', code: 'MU' },
+  { name: 'Mayotte', code: 'YT' },
+  { name: 'Mexico', code: 'MX' },
+  { name: 'Micronesia, Federated States of', code: 'FM' },
+  { name: 'Moldova, Republic of', code: 'MD' },
+  { name: 'Monaco', code: 'MC' },
+  { name: 'Mongolia', code: 'MN' },
+  { name: 'Montserrat', code: 'MS' },
+  { name: 'Morocco', code: 'MA' },
+  { name: 'Mozambique', code: 'MZ' },
+  { name: 'Myanmar', code: 'MM' },
+  { name: 'Namibia', code: 'NA' },
+  { name: 'Nauru', code: 'NR' },
+  { name: 'Nepal', code: 'NP' },
+  { name: 'Netherlands', code: 'NL' },
+  { name: 'Netherlands Antilles', code: 'AN' },
+  { name: 'New Caledonia', code: 'NC' },
+  { name: 'New Zealand', code: 'NZ' },
+  { name: 'Nicaragua', code: 'NI' },
+  { name: 'Niger', code: 'NE' },
+  { name: 'Nigeria', code: 'NG' },
+  { name: 'Niue', code: 'NU' },
+  { name: 'Norfolk Island', code: 'NF' },
+  { name: 'Northern Mariana Islands', code: 'MP' },
+  { name: 'Norway', code: 'NO' },
+  { name: 'Oman', code: 'OM' },
+  { name: 'Pakistan', code: 'PK' },
+  { name: 'Palau', code: 'PW' },
+  { name: 'Palestinian Territory, Occupied', code: 'PS' },
+  { name: 'Panama', code: 'PA' },
+  { name: 'Papua New Guinea', code: 'PG' },
+  { name: 'Paraguay', code: 'PY' },
+  { name: 'Peru', code: 'PE' },
+  { name: 'Philippines', code: 'PH' },
+  { name: 'Pitcairn', code: 'PN' },
+  { name: 'Poland', code: 'PL' },
+  { name: 'Portugal', code: 'PT' },
+  { name: 'Puerto Rico', code: 'PR' },
+  { name: 'Qatar', code: 'QA' },
+  { name: 'Reunion', code: 'RE' },
+  { name: 'Romania', code: 'RO' },
+  { name: 'Russian Federation', code: 'RU' },
+  { name: 'RWANDA', code: 'RW' },
+  { name: 'Saint Helena', code: 'SH' },
+  { name: 'Saint Kitts and Nevis', code: 'KN' },
+  { name: 'Saint Lucia', code: 'LC' },
+  { name: 'Saint Pierre and Miquelon', code: 'PM' },
+  { name: 'Saint Vincent and the Grenadines', code: 'VC' },
+  { name: 'Samoa', code: 'WS' },
+  { name: 'San Marino', code: 'SM' },
+  { name: 'Sao Tome and Principe', code: 'ST' },
+  { name: 'Saudi Arabia', code: 'SA' },
+  { name: 'Senegal', code: 'SN' },
+  { name: 'Serbia and Montenegro', code: 'CS' },
+  { name: 'Seychelles', code: 'SC' },
+  { name: 'Sierra Leone', code: 'SL' },
+  { name: 'Singapore', code: 'SG' },
+  { name: 'Slovakia', code: 'SK' },
+  { name: 'Slovenia', code: 'SI' },
+  { name: 'Solomon Islands', code: 'SB' },
+  { name: 'Somalia', code: 'SO' },
+  { name: 'South Africa', code: 'ZA' },
+  { name: 'South Georgia and the South Sandwich Islands', code: 'GS' },
+  { name: 'Spain', code: 'ES' },
+  { name: 'Sri Lanka', code: 'LK' },
+  { name: 'Sudan', code: 'SD' },
+  { name: 'Suriname', code: 'SR' },
+  { name: 'Svalbard and Jan Mayen', code: 'SJ' },
+  { name: 'Swaziland', code: 'SZ' },
+  { name: 'Sweden', code: 'SE' },
+  { name: 'Switzerland', code: 'CH' },
+  { name: 'Syrian Arab Republic', code: 'SY' },
+  { name: 'Taiwan, Province of China', code: 'TW' },
+  { name: 'Tajikistan', code: 'TJ' },
+  { name: 'Tanzania, United Republic of', code: 'TZ' },
+  { name: 'Thailand', code: 'TH' },
+  { name: 'Timor-Leste', code: 'TL' },
+  { name: 'Togo', code: 'TG' },
+  { name: 'Tokelau', code: 'TK' },
+  { name: 'Tonga', code: 'TO' },
+  { name: 'Trinidad and Tobago', code: 'TT' },
+  { name: 'Tunisia', code: 'TN' },
+  { name: 'Turkey', code: 'TR' },
+  { name: 'Turkmenistan', code: 'TM' },
+  { name: 'Turks and Caicos Islands', code: 'TC' },
+  { name: 'Tuvalu', code: 'TV' },
+  { name: 'Uganda', code: 'UG' },
+  { name: 'Ukraine', code: 'UA' },
+  { name: 'United Arab Emirates', code: 'AE' },
+  { name: 'United Kingdom', code: 'GB' },
+  { name: 'United States', code: 'US' },
+  { name: 'United States Minor Outlying Islands', code: 'UM' },
+  { name: 'Uruguay', code: 'UY' },
+  { name: 'Uzbekistan', code: 'UZ' },
+  { name: 'Vanuatu', code: 'VU' },
+  { name: 'Venezuela', code: 'VE' },
+  { name: 'Viet Nam', code: 'VN' },
+  { name: 'Virgin Islands, British', code: 'VG' },
+  { name: 'Virgin Islands, U.S.', code: 'VI' },
+  { name: 'Wallis and Futuna', code: 'WF' },
+  { name: 'Western Sahara', code: 'EH' },
+  { name: 'Yemen', code: 'YE' },
+  { name: 'Zambia', code: 'ZM' },
+  { name: 'Zimbabwe', code: 'ZW' },
+]);

package/projects/special-forms/src/lib/core/aux-data/field-basic-data.ts

@@ -0,0 +1,14 @@
+export const FieldBasicData = {
+  placeholder: 'Placeholder',
+  label: 'Label',
+  tooltip: 'Tooltip',
+  icon: 'accessible',
+  elementId: 'Element-id',
+  styleClasses: '',
+  length: 0,
+  required: true,
+  readOnly: false,
+  errorMessages: {},
+  asyncValidators: null,
+  validators: null,
+};

package/projects/special-forms/src/lib/core/aux-data/input-types.ts

@@ -0,0 +1,23 @@
+export const InputTypes = [
+  'checkbox',
+  'color',
+  'date',
+  'datetime-local',
+  'email',
+  'file',
+  'hidden',
+  'image',
+  'month',
+  'number',
+  'password',
+  'radio',
+  'range',
+  'reset',
+  'search',
+  'submit',
+  'tel',
+  'text',
+  'time',
+  'url',
+  'week',
+];

package/projects/special-forms/src/lib/core/controls/icons.control.ts

@@ -0,0 +1,8 @@
+import { ICON_NAMES } from "../aux-data/all-icons";
+
+export const ICONS_CONTROL = {
+  options: ICON_NAMES,
+  control: {
+    type: 'select',
+  },
+};

package/projects/special-forms/src/lib/core/controls/index.ts

@@ -0,0 +1,2 @@
+export {TYPES_CONTROL} from './types.control'
+export {ICONS_CONTROL} from './icons.control'