Merge pull request #55 from theNorstroem/bugfix/issue-54-message-strip

fix: issue-54, changed attribute names, hideIcon, hideCloseButton
theNorstroem · Jun 3, 2022 · 24d7952 · 24d7952
2 parents 4415b98 + b16f8bc
commit 24d7952
Show file tree

Hide file tree

Showing 223 changed files with 308 additions and 239 deletions.
diff --git a/demos/furo-ui5-message-strip.html b/demos/furo-ui5-message-strip.html
@@ -0,0 +1,55 @@
+<!doctype html>
+<html lang="en-GB">
+<head>
+  <meta charset="utf-8">
+  <style>
+    body {
+      background: #fafafa;
+      --furo-form-layouter-row-gap: var(--spacing-s, 16px);
+      --furo-form-layouter-column-gap: var(--spacing-s, 16px);
+    }
+    furo-demo-snippet{
+      height: 90vh;
+      box-sizing: border-box;
+    }
+  </style>
+</head>
+<body>
+<div id="demo"></div>
+
+<script type="module">
+  import { html, render } from 'lit';
+  import './initEnv.js';
+  import '../src/furo-ui5-message-strip.js';
+  import '../src/furo-ui5-message-strip-display.js';
+  import '../src/furo-ui5-button.js';
+
+  import '@furo/util/src/doc/furo-demo-snippet.js';
+  import '@furo/layout/src/furo-form-layouter.js';
+
+
+  render(
+    html`
+
+        <furo-demo-snippet>
+          <template>
+
+
+            <furo-form-layouter one>
+              <furo-ui5-message-strip-display></furo-ui5-message-strip-display>
+              <furo-ui5-message-strip hide-close-button hide-icon
+                                      message="Default message text." ƒ-show-error="--clicked"></furo-ui5-message-strip>
+
+              <furo-ui5-button at-click="--clicked">Show Error</furo-ui5-button>
+            </furo-form-layouter>
+
+          </template>
+        </furo-demo-snippet>
+
+
+      `,
+    document.querySelector('#demo')
+  );
+</script>
+</body>
+</html>
diff --git a/demos/index.html b/demos/index.html
@@ -53,6 +53,7 @@
   <li><a href="/demos/furo-ui5-card.html">furo-ui5-card</a></li>
   <li><a href="/demos/furo-ui5-multi-combobox.html">furo-ui5-multi-combobox</a></li>
   <li><a href="/demos/furo-ui5-markdown.html">furo-ui5-markdown</a></li>
+  <li><a href="/demos/furo-ui5-message-strip.html">furo-ui5-message-strip</a></li>
 </ul>
 
 

diff --git a/hugo/content/docs/components/.md b/hugo/content/docs/components/.md
@@ -5,7 +5,7 @@ weight: 50
 ---
 
 # 
-**@furo/ui5** <small>v1.5.0</small>
+**@furo/ui5** <small>v1.5.1</small>
 <br>`import '@furo/ui5/src/furo-ui5-busy-indicator.js';`<small>
 <br>exports *FuroUiBusyIndicator* js
 <br>extends *src/furo-ui5-busy-indicator.js*</small>

diff --git a/hugo/content/docs/components/Events.md b/hugo/content/docs/components/Events.md
@@ -6,7 +6,7 @@ weight: 100
 
 # Events
 
-**@furo/components** <small>v1.5.0</small>
+**@furo/components** <small>v1.5.1</small>
 <br>`import '@furo/components/src/src/lib/Events.js';`<small>
 <br>exports *Events* js</small>
 

diff --git a/hugo/content/docs/components/MediaSize.md b/hugo/content/docs/components/MediaSize.md
@@ -6,7 +6,7 @@ weight: 100
 
 # MediaSize
 
-**@furo/components** <small>v1.5.0</small>
+**@furo/components** <small>v1.5.1</small>
 <br>`import '@furo/components/src/src/lib/MediaSize.js';`<small>
 <br>exports *MediaSize* js</small>
 

diff --git a/hugo/content/docs/components/Ui5LabelDataBinding.md b/hugo/content/docs/components/Ui5LabelDataBinding.md
@@ -6,7 +6,7 @@ weight: 100
 
 # Ui5LabelDataBinding
 
-**@furo/components** <small>v1.5.0</small>
+**@furo/components** <small>v1.5.1</small>
 <br>`import '@furo/components/src/src/lib/Ui5LabelDataBinding.js';`<small>
 <br>exports *Ui5LabelDataBinding* js</small>
 

diff --git a/hugo/content/docs/components/_index.md b/hugo/content/docs/components/_index.md
@@ -6,7 +6,7 @@ weight: 100
 ---
 
 # @furo/ui5
-**@furo/ui5** <small>v1.5.0</small>
+**@furo/ui5** <small>v1.5.1</small>
 SAP UI5 Web Components data bindings for furo
 
 {{% api "_components-head.md" %}}

diff --git a/hugo/content/docs/components/furo-ui5-barcode-scanner-dialog.md b/hugo/content/docs/components/furo-ui5-barcode-scanner-dialog.md
@@ -5,7 +5,7 @@ weight: 50
 ---
 
 # furo-ui5-barcode-scanner-dialog
-**@furo/ui5** <small>v1.5.0</small>
+**@furo/ui5** <small>v1.5.1</small>
 <br>`import '@furo/ui5/src/furo-ui5-barcode-scanner-dialog.js';`<small>
 <br>exports *FuroUi5BarcodeScannerDialog* js
 <br>extends *src/furo-ui5-barcode-scanner-dialog.js*

diff --git a/hugo/content/docs/components/furo-ui5-bool-icon.md b/hugo/content/docs/components/furo-ui5-bool-icon.md
@@ -5,7 +5,7 @@ weight: 50
 ---
 
 # furo-ui5-bool-icon
-**@furo/ui5** <small>v1.5.0</small>
+**@furo/ui5** <small>v1.5.1</small>
 <br>`import '@furo/ui5/src/furo-ui5-bool-icon.js';`<small>
 <br>exports `<furo-ui5-bool-icon>` custom-element-definition
 <br>superclass *LitElement*

diff --git a/hugo/content/docs/components/furo-ui5-button.md b/hugo/content/docs/components/furo-ui5-button.md
@@ -5,7 +5,7 @@ weight: 50
 ---
 
 # furo-ui5-button
-**@furo/ui5** <small>v1.5.0</small>
+**@furo/ui5** <small>v1.5.1</small>
 <br>`import '@furo/ui5/src/furo-ui5-button.js';`<small>
 <br>exports *FuroUi5Button* js
 <br>extends *src/furo-ui5-button.js*</small>

diff --git a/hugo/content/docs/components/furo-ui5-card.md b/hugo/content/docs/components/furo-ui5-card.md
@@ -5,7 +5,7 @@ weight: 50
 ---
 
 # furo-ui5-card
-**@furo/ui5** <small>v1.5.0</small>
+**@furo/ui5** <small>v1.5.1</small>
 <br>`import '@furo/ui5/src/furo-ui5-card.js';`<small>
 <br>exports *FuroUi5Card* js
 <br>exports `<furo-ui5-card>` custom-element-definition

diff --git a/hugo/content/docs/components/furo-ui5-chart-display.md b/hugo/content/docs/components/furo-ui5-chart-display.md
@@ -5,7 +5,7 @@ weight: 50
 ---
 
 # furo-ui5-chart-display
-**@furo/ui5** <small>v1.5.0</small>
+**@furo/ui5** <small>v1.5.1</small>
 <br>`import '@furo/ui5/src/furo-ui5-chart-display.js';`<small>
 <br>exports `<furo-ui5-chart-display>` custom-element-definition
 <br>superclass *LitElement*

diff --git a/hugo/content/docs/components/furo-ui5-chart.md b/hugo/content/docs/components/furo-ui5-chart.md
@@ -5,7 +5,7 @@ weight: 50
 ---
 
 # furo-ui5-chart
-**@furo/ui5** <small>v1.5.0</small>
+**@furo/ui5** <small>v1.5.1</small>
 <br>`import '@furo/ui5/src/furo-ui5-chart.js';`<small>
 <br>exports `<furo-ui5-chart>` custom-element-definition
 <br>superclass *LitElement*</small>

diff --git a/hugo/content/docs/components/furo-ui5-checkbox-input-labeled.md b/hugo/content/docs/components/furo-ui5-checkbox-input-labeled.md
@@ -5,7 +5,7 @@ weight: 50
 ---
 
 # furo-ui5-checkbox-input-labeled
-**@furo/ui5** <small>v1.5.0</small>
+**@furo/ui5** <small>v1.5.1</small>
 <br>`import '@furo/ui5/src/furo-ui5-checkbox-input-labeled.js';`<small>
 <br>exports *FuroUi5CheckboxInputLabeled* js
 <br>exports `<furo-ui5-checkbox-input-labeled>` custom-element-definition

diff --git a/hugo/content/docs/components/furo-ui5-checkbox-input.md b/hugo/content/docs/components/furo-ui5-checkbox-input.md
@@ -5,7 +5,7 @@ weight: 50
 ---
 
 # furo-ui5-checkbox-input
-**@furo/ui5** <small>v1.5.0</small>
+**@furo/ui5** <small>v1.5.1</small>
 <br>`import '@furo/ui5/src/furo-ui5-checkbox-input.js';`<small>
 <br>exports *FuroUi5CheckboxInput* js
 <br>extends *src/furo-ui5-checkbox-input.js*

diff --git a/hugo/content/docs/components/furo-ui5-combobox-labeled.md b/hugo/content/docs/components/furo-ui5-combobox-labeled.md
@@ -5,7 +5,7 @@ weight: 50
 ---
 
 # furo-ui5-combobox-labeled
-**@furo/ui5** <small>v1.5.0</small>
+**@furo/ui5** <small>v1.5.1</small>
 <br>`import '@furo/ui5/src/furo-ui5-combobox-labeled.js';`<small>
 <br>exports *FuroUi5ComboboxLabeled* js
 <br>exports `<furo-ui5-combobox-labeled>` custom-element-definition

diff --git a/hugo/content/docs/components/furo-ui5-combobox.md b/hugo/content/docs/components/furo-ui5-combobox.md
@@ -5,7 +5,7 @@ weight: 50
 ---
 
 # furo-ui5-combobox
-**@furo/ui5** <small>v1.5.0</small>
+**@furo/ui5** <small>v1.5.1</small>
 <br>`import '@furo/ui5/src/furo-ui5-combobox.js';`<small>
 <br>exports *FuroUi5Combobox* js
 <br>extends *src/furo-ui5-combobox.js*

diff --git a/hugo/content/docs/components/furo-ui5-context-menu-display.md b/hugo/content/docs/components/furo-ui5-context-menu-display.md
@@ -5,7 +5,7 @@ weight: 50
 ---
 
 # furo-ui5-context-menu-display
-**@furo/ui5** <small>v1.5.0</small>
+**@furo/ui5** <small>v1.5.1</small>
 <br>`import '@furo/ui5/src/furo-ui5-context-menu-display.js';`<small>
 <br>exports *FuroUi5ContextMenuDisplay* js
 <br>exports `<furo-ui5-context-menu-display>` custom-element-definition

diff --git a/hugo/content/docs/components/furo-ui5-context-menu-item.md b/hugo/content/docs/components/furo-ui5-context-menu-item.md
@@ -5,7 +5,7 @@ weight: 50
 ---
 
 # furo-ui5-context-menu-item
-**@furo/ui5** <small>v1.5.0</small>
+**@furo/ui5** <small>v1.5.1</small>
 <br>`import '@furo/ui5/src/subcomponents/furo-ui5-context-menu-item.js';`<small>
 <br>exports *FuroUi5ContextMenuItem* js
 <br>exports `<furo-ui5-context-menu-item>` custom-element-definition

diff --git a/hugo/content/docs/components/furo-ui5-context-menu.md b/hugo/content/docs/components/furo-ui5-context-menu.md
@@ -5,7 +5,7 @@ weight: 50
 ---
 
 # furo-ui5-context-menu
-**@furo/ui5** <small>v1.5.0</small>
+**@furo/ui5** <small>v1.5.1</small>
 <br>`import '@furo/ui5/src/furo-ui5-context-menu.js';`<small>
 <br>exports *FuroUi5ContextMenu* js
 <br>exports `<furo-ui5-context-menu>` custom-element-definition

diff --git a/hugo/content/docs/components/furo-ui5-context-submenu.md b/hugo/content/docs/components/furo-ui5-context-submenu.md
@@ -5,7 +5,7 @@ weight: 50
 ---
 
 # furo-ui5-context-submenu
-**@furo/ui5** <small>v1.5.0</small>
+**@furo/ui5** <small>v1.5.1</small>
 <br>`import '@furo/ui5/src/subcomponents/furo-ui5-context-submenu.js';`<small>
 <br>exports *FuroUi5ContextSubmenu* js
 <br>exports `<furo-ui5-context-submenu>` custom-element-definition

diff --git a/hugo/content/docs/components/furo-ui5-date-picker-labeled.md b/hugo/content/docs/components/furo-ui5-date-picker-labeled.md
@@ -5,7 +5,7 @@ weight: 50
 ---
 
 # furo-ui5-date-picker-labeled
-**@furo/ui5** <small>v1.5.0</small>
+**@furo/ui5** <small>v1.5.1</small>
 <br>`import '@furo/ui5/src/furo-ui5-date-picker-labeled.js';`<small>
 <br>exports *FuroUi5DatePickerLabeled* js
 <br>exports `<furo-ui5-date-picker-labeled>` custom-element-definition

diff --git a/hugo/content/docs/components/furo-ui5-date-picker.md b/hugo/content/docs/components/furo-ui5-date-picker.md
@@ -5,7 +5,7 @@ weight: 50
 ---
 
 # furo-ui5-date-picker
-**@furo/ui5** <small>v1.5.0</small>
+**@furo/ui5** <small>v1.5.1</small>
 <br>`import '@furo/ui5/src/furo-ui5-date-picker.js';`<small>
 <br>exports *FuroUi5DatePicker* js
 <br>extends *src/furo-ui5-date-picker.js*

diff --git a/hugo/content/docs/components/furo-ui5-date-time-picker-labeled.md b/hugo/content/docs/components/furo-ui5-date-time-picker-labeled.md
@@ -5,7 +5,7 @@ weight: 50
 ---
 
 # furo-ui5-date-time-picker-labeled
-**@furo/ui5** <small>v1.5.0</small>
+**@furo/ui5** <small>v1.5.1</small>
 <br>`import '@furo/ui5/src/furo-ui5-date-time-picker-labeled.js';`<small>
 <br>exports *FuroUi5DateTimePickerLabeled* js
 <br>exports `<furo-ui5-date-time-picker-labeled>` custom-element-definition

diff --git a/hugo/content/docs/components/furo-ui5-date-time-picker.md b/hugo/content/docs/components/furo-ui5-date-time-picker.md
@@ -5,7 +5,7 @@ weight: 50
 ---
 
 # furo-ui5-date-time-picker
-**@furo/ui5** <small>v1.5.0</small>
+**@furo/ui5** <small>v1.5.1</small>
 <br>`import '@furo/ui5/src/furo-ui5-date-time-picker.js';`<small>
 <br>exports *FuroUi5DateTimePicker* js
 <br>extends *src/furo-ui5-date-time-picker.js*

diff --git a/hugo/content/docs/components/furo-ui5-dialog-display.md b/hugo/content/docs/components/furo-ui5-dialog-display.md
@@ -5,7 +5,7 @@ weight: 50
 ---
 
 # furo-ui5-dialog-display
-**@furo/ui5** <small>v1.5.0</small>
+**@furo/ui5** <small>v1.5.1</small>
 <br>`import '@furo/ui5/src/furo-ui5-dialog-display.js';`<small>
 <br>exports `<furo-ui5-dialog-display>` custom-element-definition
 <br>superclass *LitElement*</small>

diff --git a/hugo/content/docs/components/furo-ui5-dialog.md b/hugo/content/docs/components/furo-ui5-dialog.md
@@ -5,7 +5,7 @@ weight: 50
 ---
 
 # furo-ui5-dialog
-**@furo/ui5** <small>v1.5.0</small>
+**@furo/ui5** <small>v1.5.1</small>
 <br>`import '@furo/ui5/src/furo-ui5-dialog.js';`<small>
 <br>exports *FuroUi5Dialog* js
 <br>extends *src/furo-ui5-dialog.js*</small>

diff --git a/hugo/content/docs/components/furo-ui5-flexible-grid.md b/hugo/content/docs/components/furo-ui5-flexible-grid.md
@@ -5,7 +5,7 @@ weight: 50
 ---
 
 # furo-ui5-flexible-grid
-**@furo/ui5** <small>v1.5.0</small>
+**@furo/ui5** <small>v1.5.1</small>
 <br>`import '@furo/ui5/src/furo-ui5-flexible-grid.js';`<small>
 <br>exports `<furo-ui5-flexible-grid>` custom-element-definition
 <br>superclass *LitElement*

diff --git a/hugo/content/docs/components/furo-ui5-form-field-container.md b/hugo/content/docs/components/furo-ui5-form-field-container.md
@@ -5,7 +5,7 @@ weight: 50
 ---
 
 # furo-ui5-form-field-container
-**@furo/ui5** <small>v1.5.0</small>
+**@furo/ui5** <small>v1.5.1</small>
 <br>`import '@furo/ui5/src/furo-ui5-form-field-container.js';`<small>
 <br>exports *FuroUi5FormFieldContainer* js
 <br>exports `<furo-ui5-form-field-container>` custom-element-definition

diff --git a/hugo/content/docs/components/furo-ui5-header-panel.md b/hugo/content/docs/components/furo-ui5-header-panel.md
@@ -5,7 +5,7 @@ weight: 50
 ---
 
 # furo-ui5-header-panel
-**@furo/ui5** <small>v1.5.0</small>
+**@furo/ui5** <small>v1.5.1</small>
 <br>`import '@furo/ui5/src/furo-ui5-header-panel.js';`<small>
 <br>exports *FuroUi5HeaderPanel* js
 <br>exports `<furo-ui5-header-panel>` custom-element-definition

diff --git a/hugo/content/docs/components/furo-ui5-launchpad-navigation.md b/hugo/content/docs/components/furo-ui5-launchpad-navigation.md
@@ -5,7 +5,7 @@ weight: 50
 ---
 
 # furo-ui5-launchpad-navigation
-**@furo/ui5** <small>v1.5.0</small>
+**@furo/ui5** <small>v1.5.1</small>
 <br>`import '@furo/ui5/src/spaces/furo-ui5-launchpad-navigation.js';`<small>
 <br>exports `<furo-ui5-launchpad-navigation>` custom-element-definition
 <br>superclass *LitElement*
@@ -30,6 +30,7 @@ Is used to navigate between spaces and pages.
 
 
 
+
 ### **_currentTab**
 </small>
 
@@ -68,6 +69,17 @@ focus Focuses the first tab
 
 
 
+- <small>fn </small>
+<br><br>
+
+### **_update**
+<small>**_update**(*fn* `` ) ⟹ `void`</small>
+
+<small>`` </small> →
+<span  style="border-width:2px 2px 2px 10px; border-style: solid;border-color:  rgb(76, 175, 80);font-family:monospace; padding:2px 4px;">fn--update</span>
+
+
+
 - <small>fn </small>
 <br><br>
 

diff --git a/hugo/content/docs/components/furo-ui5-launchpad-page-renderer.md b/hugo/content/docs/components/furo-ui5-launchpad-page-renderer.md
@@ -5,7 +5,7 @@ weight: 50
 ---
 
 # furo-ui5-launchpad-page-renderer
-**@furo/ui5** <small>v1.5.0</small>
+**@furo/ui5** <small>v1.5.1</small>
 <br>`import '@furo/ui5/src/spaces/furo-ui5-launchpad-page-renderer.js';`<small>
 <br>exports `<furo-ui5-launchpad-page-renderer>` custom-element-definition
 <br>superclass *LitElement*

diff --git a/hugo/content/docs/components/furo-ui5-launchpad-section-renderer.md b/hugo/content/docs/components/furo-ui5-launchpad-section-renderer.md
@@ -5,7 +5,7 @@ weight: 50
 ---
 
 # furo-ui5-launchpad-section-renderer
-**@furo/ui5** <small>v1.5.0</small>
+**@furo/ui5** <small>v1.5.1</small>
 <br>`import '@furo/ui5/src/spaces/furo-ui5-launchpad-section-renderer.js';`<small>
 <br>exports `<furo-ui5-launchpad-section-renderer>` custom-element-definition
 <br>superclass *LitElement*

diff --git a/hugo/content/docs/components/furo-ui5-launchpad-tile-grid.md b/hugo/content/docs/components/furo-ui5-launchpad-tile-grid.md
@@ -5,7 +5,7 @@ weight: 50
 ---
 
 # furo-ui5-launchpad-tile-grid
-**@furo/ui5** <small>v1.5.0</small>
+**@furo/ui5** <small>v1.5.1</small>
 <br>`import '@furo/ui5/src/spaces/furo-ui5-launchpad-tile-grid.js';`<small>
 <br>exports `<furo-ui5-launchpad-tile-grid>` custom-element-definition
 <br>superclass *LitElement*

diff --git a/hugo/content/docs/components/furo-ui5-markdown.md b/hugo/content/docs/components/furo-ui5-markdown.md
@@ -5,7 +5,7 @@ weight: 50
 ---
 
 # furo-ui5-markdown
-**@furo/ui5** <small>v1.5.0</small>
+**@furo/ui5** <small>v1.5.1</small>
 <br>`import '@furo/ui5/src/furo-ui5-markdown.js';`<small>
 <br>exports `<furo-ui5-markdown>` custom-element-definition
 <br>superclass *LitElement*</small>

diff --git a/hugo/content/docs/components/furo-ui5-message-strip-display.md b/hugo/content/docs/components/furo-ui5-message-strip-display.md
@@ -5,7 +5,7 @@ weight: 50
 ---
 
 # furo-ui5-message-strip-display
-**@furo/ui5** <small>v1.5.0</small>
+**@furo/ui5** <small>v1.5.1</small>
 <br>`import '@furo/ui5/src/furo-ui5-message-strip-display.js';`<small>
 <br>exports *FuroUi5MessageStripDisplay* js
 <br>exports `<furo-ui5-message-strip-display>` custom-element-definition