From d2a171581bca089bad59e87d1b49113ba716c1db Mon Sep 17 00:00:00 2001 From: pfafffabian-ifx Date: Thu, 17 Oct 2024 14:58:17 +0000 Subject: [PATCH] =?UTF-8?q?Deploy=20preview=20for=20PR=201545=20?= =?UTF-8?q?=F0=9F=9B=AB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../pr-1545/assets/index-3cfb730f.js | 1 + pr-preview-vanilla-example/pr-1545/index.html | 903 ++++++++++++++++++ 2 files changed, 904 insertions(+) create mode 100644 pr-preview-vanilla-example/pr-1545/assets/index-3cfb730f.js create mode 100644 pr-preview-vanilla-example/pr-1545/index.html diff --git a/pr-preview-vanilla-example/pr-1545/assets/index-3cfb730f.js b/pr-preview-vanilla-example/pr-1545/assets/index-3cfb730f.js new file mode 100644 index 0000000000..3e0a78a5c3 --- /dev/null +++ b/pr-preview-vanilla-example/pr-1545/assets/index-3cfb730f.js @@ -0,0 +1 @@ +(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))i(e);new MutationObserver(e=>{for(const r of e)if(r.type==="childList")for(const o of r.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&i(o)}).observe(document,{childList:!0,subtree:!0});function s(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerPolicy&&(r.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?r.credentials="include":e.crossOrigin==="anonymous"?r.credentials="omit":r.credentials="same-origin",r}function i(e){if(e.ep)return;e.ep=!0;const r=s(e);fetch(e.href,r)}})(); diff --git a/pr-preview-vanilla-example/pr-1545/index.html b/pr-preview-vanilla-example/pr-1545/index.html new file mode 100644 index 0000000000..5d7234ecdc --- /dev/null +++ b/pr-preview-vanilla-example/pr-1545/index.html @@ -0,0 +1,903 @@ + + + + + + + + + + + + Vanilla + + + + + +
+ + + Menu Item 1 + + Layer 1 Nested Item 1 + + Layer 2 Nested Item 2 + Link Layer 3 Nested Item 1 + Layer 3 Nested Item 2 + Layer 3 Nested Item 3 + Layer 3 Nested Item 4 + + Layer 2 Nested Item 3 + Layer 2 Nested Item 4 + Layer 2 Nested Item 5 + + + + Layer 1 Nested Item 2 + Layer 2 Item 1 + Layer 2 Item 2 + Layer 2 Item 3 + + + Nested Item 3 + + + Layer 1 Nested Item 4 + Nested Item 4 + + + + + + Menu Item 2 + + + + More + Item1 + Item2 + + + + + Right Item + + Right Item + + Nested one + + Nested one + + Nested one + Final one + + + + + + + User + + Item + + Item + Item + Item + + + + +

Using Stencil web components in an Vanilla JS

+ + +

Accordion

+ + + Content for Item #1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu + aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci + nisl cursus ipsum, nec egestas odio sapien eget neque. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci + nisl cursus ipsum, nec egestas odio sapien eget neque. + + + + Content for Item #2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu + aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci + nisl cursus ipsum, nec egestas odio sapien eget neque. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci + nisl cursus ipsum, nec egestas odio sapien eget neque. + + + + Content for Item #3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu + aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci + nisl cursus ipsum, nec egestas odio sapien eget neque. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci + nisl cursus ipsum, nec egestas odio sapien eget neque. + + +
+ + +

Alert

+ Attention! This is an alert message — check it out! +
+ + +

Breadcrumb

+ + + Breadcrumb 1 + + Google + Bing + Yahoo + Naver + + + + + Breadcrumb 2 + + Google + Bing + Yahoo + Naver + + + + + Breadcrumb 3 + + +
+ +

Button

+ + Click me + + + Not clickable when disabled + +
+ I'm a button in a div. Click to toggle + full width +
+
+ +

Checkbox

+ +
+ label +
+ Submit + +
+ + Toggle Disabled + Toggle Error + Toggle Value + + + + + + +
+ + + + +

Card

+ + + + Overline + Headline + This is a long description in order to test if the text will overflow its container or not. So I am + typing even more text. And more and more. This is a long description in order to test if the text will overflow + its container or not. So I am typing even more text. And more and more. This is a long description in order to + test if the text will overflow its container or not. So I am typing even more text. And more and more. This is a + long description in order to test if the text will overflow its container or not. So I am typing even more text. + And more and more.This is a long description in order to test if the text will overflow its container or not. So + I am typing even more text. And more and more. This is a long description in order to test if the text will + overflow its container or not. So I am typing even more text. And more and more.This is a long description in + order to test if the text will overflow its container or not. So I am typing even more text. And more and more. + This is a long description in order to test if the text will overflow its container or not. So I am typing even + more text. And more and more. + + + Button + Button + + +
+
+ +

Chip

+ + + Item Label 0 + Item Label 1 + Item Label 2 + Item Label 3 + + +
+ +

Content Switcher

+ + + Item 1 + + + Item 2 + + + Item 3 + + + Item 4 + + + +
+ + +

Dropdown

+ + + dropdown + + + Header Text + + First + + One + Two + Three + Four + + +
+
+ +

FilterTypeGroup

+
+
+ +
+
+ + + + + + + + + + + + + + + + + + + +
+ +
+ +
+
+ +

Icon Button

+ + + +

Link

+ + Link + +
+
+ +

Modal

+
+
+ Modal content +
+
ButtonButton
+ Open Modal
+
+
+ +

Multi-Select

+ +
+
+ +

Notification

+ Success notification +
+ Warning notification +
+ Error notification + +
+
+ +

Number Indicator

+ 1 + + +
+
+ +

Pagination

+ +
+ +

Progress bar

+ + + Update Progress + +
+
+ + +

Radio Button

+ Text +
+ +

Spinner

+ +
+ + + +

Sidebar

+ + + Item Header + + Header Section + + Menu Item + Click + me + + Menu Item 2 + + + + Item Header + Item One + Item Two + Item Three + Item Four + +
+
+ + +

Single-Select

+ + +
+ Toggle Disabled + Toggle Error +
+
+ +

Slider

+ +
+ Value: 50 + +
+ +

Slider (Double)

+ +
+ Min Value: 20 +
+ Max Value: 80 + +
+
+ + +

Search field

+ +
+
+ +

Search bar

+ +
+ +
+
+ +
+
+

Status

+ + +
+
+ + +

Switch

+ +
+
+ + +

Tabs

+ + tab 1 content + tab 2 content + tab 3 content + + +
+
+ +

Stepper

+ + Step 1 + Step 2 + Step 3 + Step 4 + Step 5 + + Previous Step + Toggle Show Number + Toggle Variant + Next Step +
+
+ + +

Tag

+ tag +
+
+ +

+ Table (Basic) +

+ + +
+
+ +

+ Table (Advanced) +

+
+ + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + + +
+

Text Field

+ Label +

Standard text field

+ test +
+
+ + Submit form + + + Reset form + +
+ +
+
+ +

Tooltip

+ I'm the compact tooltip reference + element - + Please hover me +
+
+ + + Dismissible tooltip on button click + +
+
+ + + Extended tooltip on button hover + +
+
+ + +

Footer

+ + +
Title
+ Footer Link + Footer Link + Footer Link + Footer Link + + +
Title
+ Footer Link + Footer Link + Footer Link + Footer Link + + +
Title
+ Footer Link + Footer Link + Footer Link + Footer Link + + +
Title
+ Footer Link + Footer Link + Footer Link + Footer Link + +
+ + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + + \ No newline at end of file