From c59aec1410ef78088d15f1b36cff0f9211da5939 Mon Sep 17 00:00:00 2001
From: TheJltres <joseluistresserras@gmail.com>
Date: Fri, 24 Jul 2020 12:03:55 +0200
Subject: [PATCH] Added Embed

---
 README.md                              |  4 ++++
 package.json                           |  2 +-
 snippets/fomantic-css.code-snippets    | 14 ++++++++++++++
 snippets/fomantic-js.code-snippets     |  7 +++++++
 src/components/embed-css.code-snippets | 16 ++++++++++++++++
 src/components/embed-js.code-snippets  |  9 +++++++++
 6 files changed, 51 insertions(+), 1 deletion(-)
 create mode 100644 src/components/embed-css.code-snippets
 create mode 100644 src/components/embed-js.code-snippets

diff --git a/README.md b/README.md
index bd66855..7356a88 100644
--- a/README.md
+++ b/README.md
@@ -107,6 +107,8 @@ This has a reason, if you add more snippets, will be a mess searching components
 | `ui-dropdown-selection-search` | A selection dropdown can allow a user to search through a large list of choices. |
 | `ui-dropdown-selection-clearable` | A clearable selection dropdown can allow a user to cancel to cancel a previous selection |
 | `ui-dropdown-selection-loading` | A dropdown can show that it is currently loading data |
+| **Embed** | |
+| `ui-embed` | Creates a container |
 | **Emoji** | |
 | `ui-emoji` | You can provide the emoji shortname with or without colons |
 | `ui-emoji` | A flag can use the two digit country code, the full name, or a common alias |
@@ -306,5 +308,7 @@ This has a reason, if you add more snippets, will be a mess searching components
 | `ui-dimmer` | A simple dimmer displays no content |
 | **Dropdown** | |
 | `ui-dropdown` | Initializes dropdown with jQuery |
+| **Embed** | |
+| `ui-embed` | Creates a container |
 
 **Enjoy!**
diff --git a/package.json b/package.json
index 52a5a7f..993a3a2 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,7 @@
     "repository": {
         "url": "https://github.com/fomantic/Fomantic-UI-vscode-snippets/"
     },
-    "version": "0.36.2",
+    "version": "0.37.0",
     "scripts": {
         "start": "node ."
     },
diff --git a/snippets/fomantic-css.code-snippets b/snippets/fomantic-css.code-snippets
index 1290ef6..f8a6a11 100644
--- a/snippets/fomantic-css.code-snippets
+++ b/snippets/fomantic-css.code-snippets
@@ -818,6 +818,20 @@
       "</div>"
     ]
   },
+  "Fomantic-UI Default Embed": {
+    "prefix": "ui-embed",
+    "description": "An embed can display any web content",
+    "body": [
+      "<div class=\"ui embed\">$0</div>"
+    ]
+  },
+  "Fomantic-UI Simple Embed": {
+    "prefix": "ui-embed-simple",
+    "description": "An embed can display any web content with no JavaScript",
+    "body": [
+      "<div class=\"ui embed\" data-source=\"${1:youtube}\" data-id=\"${2:O6Xo21L0ybE}\" data-placeholder=\"${3:/images/image-16by9.png}\">$0</div>"
+    ]
+  },
   "Fomantic-UI Default Emoji CSS": {
     "prefix": "ui-emoji",
     "description": "You can provide the emoji shortname with or without colons",
diff --git a/snippets/fomantic-js.code-snippets b/snippets/fomantic-js.code-snippets
index 918f226..ba25abc 100644
--- a/snippets/fomantic-js.code-snippets
+++ b/snippets/fomantic-js.code-snippets
@@ -33,5 +33,12 @@
     "body": [
       "$('${1:.ui.dropdown}').dropdown($2);"
     ]
+  },
+  "Fomantic-UI Default eMBED": {
+    "prefix": "ui-embed",
+    "description": "Creates a container",
+    "body": [
+      "$('${1:.ui.embed}').embed($0);"
+    ]
   }
 }
\ No newline at end of file
diff --git a/src/components/embed-css.code-snippets b/src/components/embed-css.code-snippets
new file mode 100644
index 0000000..6d56e37
--- /dev/null
+++ b/src/components/embed-css.code-snippets
@@ -0,0 +1,16 @@
+{
+    "Fomantic-UI Default Embed": {
+        "prefix": "ui-embed",
+        "description": "An embed can display any web content",
+        "body": [
+            "<div class=\"ui embed\">$0</div>"
+        ]
+    },
+    "Fomantic-UI Simple Embed": {
+        "prefix": "ui-embed-simple",
+        "description": "An embed can display any web content with no JavaScript",
+        "body": [
+            "<div class=\"ui embed\" data-source=\"${1:youtube}\" data-id=\"${2:O6Xo21L0ybE}\" data-placeholder=\"${3:/images/image-16by9.png}\">$0</div>"
+        ]
+    }
+}
\ No newline at end of file
diff --git a/src/components/embed-js.code-snippets b/src/components/embed-js.code-snippets
new file mode 100644
index 0000000..1e41abf
--- /dev/null
+++ b/src/components/embed-js.code-snippets
@@ -0,0 +1,9 @@
+{
+    "Fomantic-UI Default eMBED": {
+        "prefix": "ui-embed",
+        "description": "Creates a container",
+        "body": [
+            "$('${1:.ui.embed}').embed($0);"
+        ]
+    }
+}
\ No newline at end of file