chore: Release 13.0.0-rc.7 (simpleangularcontrols#148)

.github/workflows/gh-pages.yml

@@ -43,6 +43,13 @@ jobs:
           path: ng13
           sparse-checkout: |
             docs
+      - name: Checkout ng10
+        uses: actions/checkout@v4
+        with:
+          ref: angular/10.1.x
+          path: ng10
+          sparse-checkout: |
+            docs
       - name: Build Documentation Structure
         run: |
           mkdir "docs"
@@ -51,6 +58,8 @@ jobs:
           cp -R ng16/docs/bootstrap* "docs/ng16/"
           mkdir "docs/ng13"
           cp -R ng13/docs/bootstrap* "docs/ng13/"
+          mkdir "docs/ng10"
+          cp -R ng10/docs/bootstrap* "docs/ng10/"
       - name: Setup Pages
         uses: actions/configure-pages@v4
       - name: Upload artifact

ch.jnetwork.sac-controls/projects/sac-bootstrap3/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simpleangularcontrols/sac-bootstrap3",
-  "version": "13.0.0-rc.6",
+  "version": "13.0.0-rc.7",
   "peerDependencies": {
     "@angular/common": "^13.2.0",
     "@angular/core": "^13.2.0",

ch.jnetwork.sac-controls/projects/sac-bootstrap4/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simpleangularcontrols/sac-bootstrap4",
-  "version": "13.0.0-rc.6",
+  "version": "13.0.0-rc.7",
   "peerDependencies": {
     "@angular/common": "^13.2.0",
     "@angular/core": "^13.2.0",

ch.jnetwork.sac-controls/projects/sac-bootstrap5/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simpleangularcontrols/sac-bootstrap5",
-  "version": "13.0.0-rc.6",
+  "version": "13.0.0-rc.7",
   "peerDependencies": {
     "@angular/common": "^13.2.0",
     "@angular/core": "^13.2.0",

ch.jnetwork.sac-controls/projects/sac-common/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simpleangularcontrols/sac-common",
-  "version": "13.0.0-rc.6",
+  "version": "13.0.0-rc.7",
   "homepage": "https://github.com/simpleangularcontrols/simpleangularcontrols",
   "peerDependencies": {
     "@angular/common": "^13.2.0",

docs/bootstrap3/components/SacButtonComponent.html

@@ -147,6 +147,10 @@ <h3>Metadata</h3>
         <tbody>
 
 
+            <tr>
+                <td class="col-md-3">encapsulation</td>
+                <td class="col-md-9"><code>ViewEncapsulation.None</code></td>
+            </tr>
 
 
 
@@ -165,6 +169,10 @@ <h3>Metadata</h3>
 
 
 
+            <tr>
+                <td class="col-md-3">styles</td>
+                <td class="col-md-9"><code>sac-button+sac-button {margin-left: 5px},.spin { animation: spin 1.5s infinite; } @keyframes spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } }</code></td>
+            </tr>
 
 
             <tr>
@@ -696,16 +704,16 @@ <h2>Default Button</h2>
     </div>
 
     <div class="tab-pane fade  tab-source-code" id="source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Component } from &#x27;@angular/core&#x27;;
+        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Component, ViewEncapsulation } from &#x27;@angular/core&#x27;;
 import { SacButtonCommon } from &#x27;@simpleangularcontrols/sac-common&#x27;;
 
 @Component({
   selector: &#x27;sac-button&#x27;,
-  templateUrl: &#x27;./button.html&#x27;
+  templateUrl: &#x27;./button.html&#x27;,
+  styles: [&#x27;sac-button+sac-button {margin-left: 5px}&#x27;, &#x27;.spin { animation: spin 1.5s infinite; } @keyframes spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } }&#x27;], // Workaround: Abstand zwischen 2 Buttons setzen, da Boostrap3 nicht mit Host Items umgehen kann
+  encapsulation: ViewEncapsulation.None, // Workaround: Abstand zwischen 2 Buttons setzen, da Boostrap3 nicht mit Host Items umgehen kann
 })
-export class SacButtonComponent extends SacButtonCommon {
-
-}
+export class SacButtonComponent extends SacButtonCommon {}
 </code></pre>
     </div>
 
@@ -725,7 +733,15 @@ <h2>Default Button</h2>
   (click)&#x3D;&quot;buttonClick()&quot;
 &gt;
   &lt;i
-    *ngIf&#x3D;&quot;icon !&#x3D;&#x3D; &#x27;&#x27;&quot;
+    *ngIf&#x3D;&quot;isloading&quot;
+    class&#x3D;&quot;&quot;
+    role&#x3D;&quot;status&quot;
+    aria-hidden&#x3D;&quot;true&quot;
+    class&#x3D;&quot;glyphicon glyphicon-repeat spin&quot;
+    [ngStyle]&#x3D;&quot;{ &#x27;margin-right&#x27;: text ? &#x27;0.5rem&#x27;: null}&quot;
+  &gt;&lt;/i&gt;
+  &lt;i
+    *ngIf&#x3D;&quot;!isloading &amp;&amp; icon !&#x3D;&#x3D; &#x27;&#x27;&quot;
     [ngClass]&#x3D;&quot;icon&quot;
     [ngStyle]&#x3D;&quot;{ &#x27;margin-right&#x27;: text ? &#x27;0.5rem&#x27;: null}&quot;
   &gt;&lt;/i&gt;
@@ -760,7 +776,7 @@ <h2>Default Button</h2>
 <script src="../js/libs/htmlparser.js"></script>
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
-        var COMPONENT_TEMPLATE = '<div><a  [id]="name"  class="btn"  [class.btn-primary]="role === \'primary\'"  [class.btn-secondary]="role === \'secondary\'"  [class.btn-success]="role === \'success\'"  [class.btn-danger]="role === \'danger\'"  [class.btn-warning]="role === \'warning\'"  [class.btn-info]="role === \'info\'"  [class.btn-default]="role === \'default\'"  [class.btn-link]="role === \'link\'"  [attr.disabled]="_isdisabled ? \'disabled\' : null"  (click)="buttonClick()">  <i    *ngIf="icon !== \'\'"    [ngClass]="icon"    [ngStyle]="{ \'margin-right\': text ? \'0.5rem\': null}"  ></i>  {{text}}</a></div>'
+        var COMPONENT_TEMPLATE = '<div><a  [id]="name"  class="btn"  [class.btn-primary]="role === \'primary\'"  [class.btn-secondary]="role === \'secondary\'"  [class.btn-success]="role === \'success\'"  [class.btn-danger]="role === \'danger\'"  [class.btn-warning]="role === \'warning\'"  [class.btn-info]="role === \'info\'"  [class.btn-default]="role === \'default\'"  [class.btn-link]="role === \'link\'"  [attr.disabled]="_isdisabled ? \'disabled\' : null"  (click)="buttonClick()">  <i    *ngIf="isloading"    class=""    role="status"    aria-hidden="true"    class="glyphicon glyphicon-repeat spin"    [ngStyle]="{ \'margin-right\': text ? \'0.5rem\': null}"  ></i>  <i    *ngIf="!isloading && icon !== \'\'"    [ngClass]="icon"    [ngStyle]="{ \'margin-right\': text ? \'0.5rem\': null}"  ></i>  {{text}}</a></div>'
     var COMPONENTS = [{'name': 'SacButtonComponent', 'selector': 'sac-button'},{'name': 'SacCheckboxComponent', 'selector': 'sac-checkbox'},{'name': 'SacConfirmComponent', 'selector': 'sac-confirm'},{'name': 'SacDateComponent', 'selector': 'sac-date'},{'name': 'SacDateSelectorComponent', 'selector': 'sac-dateselector'},{'name': 'SacDateTimeComponent', 'selector': 'sac-datetime'},{'name': 'SacDialogComponent', 'selector': 'sac-dialog'},{'name': 'SacDropdownComponent', 'selector': 'sac-dropdown'},{'name': 'SacGridButtonComponent', 'selector': 'sac-gridbutton'},{'name': 'SacGridColumnActionComponent', 'selector': 'sac-gridcolumnaction'},{'name': 'SacGridColumnComponent', 'selector': 'sac-gridcolumn'},{'name': 'SacGridComponent', 'selector': 'sac-grid'},{'name': 'SacGridImageComponent', 'selector': 'sac-gridimage'},{'name': 'SacInputAreaComponent', 'selector': 'sac-inputarea'},{'name': 'SacInputComponent', 'selector': 'sac-input'},{'name': 'SacInputCurrencyComponent', 'selector': 'sac-inputcurrency'},{'name': 'SacInputDecimalComponent', 'selector': 'sac-inputdecimal'},{'name': 'SacInputEmailComponent', 'selector': 'sac-inputemail'},{'name': 'SacInputIntegerComponent', 'selector': 'sac-inputinteger'},{'name': 'SacInputPasswordComponent', 'selector': 'sac-inputpassword'},{'name': 'SacInputSearchComponent', 'selector': 'sac-inputsearch'},{'name': 'SacListboxComponent', 'selector': 'sac-listbox'},{'name': 'SacPagingComponent', 'selector': 'sac-paging'},{'name': 'SacRadiobuttonComponent', 'selector': 'sac-radiobutton'},{'name': 'SacRadiobuttonsComponent', 'selector': 'sac-radiobuttons'},{'name': 'SacStaticFormContainerComponent', 'selector': 'sac-staticformcontainer'},{'name': 'SacStaticLabelComponent', 'selector': 'sac-staticlabel'},{'name': 'SacTabComponent', 'selector': 'sac-tab'},{'name': 'SacTabItemComponent', 'selector': 'sac-tabitem'},{'name': 'SacTimeComponent', 'selector': 'sac-time'},{'name': 'SacTinyMceComponent', 'selector': 'sac-tinymce'},{'name': 'SacTooltipComponent', 'selector': 'sac-tooltip'},{'name': 'SacTreeItemActionComponent', 'selector': 'sac-treeitemaction'},{'name': 'SacTreeViewChildComponent', 'selector': 'sac-treeviewchild'},{'name': 'SacTreeViewComponent', 'selector': 'sac-treeview'},{'name': 'SacUploadComponent', 'selector': 'sac-upload'},{'name': 'SacUploadMultipleComponent', 'selector': 'sac-uploadmultiple'},{'name': 'SacValidationSummaryComponent', 'selector': 'sac-validationsummary'},{'name': 'SacWizardComponent', 'selector': 'sac-wizard'},{'name': 'SacWizardItemComponent', 'selector': 'sac-wizarditem'}];
     var DIRECTIVES = [{'name': 'SacBaseDateTimeControl', 'selector': ''},{'name': 'SacBaseListControl', 'selector': ''},{'name': 'SacBaseModelControl', 'selector': ''},{'name': 'SacBaseSelectControl', 'selector': ''},{'name': 'SacButtonCommon', 'selector': ''},{'name': 'SacCheckboxCommon', 'selector': ''},{'name': 'SacConfirmCommon', 'selector': ''},{'name': 'SacContextmenuAnchorCommon', 'selector': ''},{'name': 'SacContextmenuCommon', 'selector': ''},{'name': 'SacContextMenuContrainerCommon', 'selector': ''},{'name': 'SacContextmenuItemButtonCommon', 'selector': ''},{'name': 'SacContextmenuItemCommon', 'selector': ''},{'name': 'SacDateCommon', 'selector': ''},{'name': 'SacDateSelectorCommon', 'selector': ''},{'name': 'SacDateTimeCommon', 'selector': ''},{'name': 'SacDialogCommon', 'selector': ''},{'name': 'SacDropdownCommon', 'selector': ''},{'name': 'SacDropdownOptionCommon', 'selector': ''},{'name': 'SacDropdownOptionDirective', 'selector': 'option,[sacOption]'},{'name': 'SacDropzoneMultipleCommon', 'selector': ''},{'name': 'SacDropzoneSingleCommon', 'selector': ''},{'name': 'SacFileBrowserCommon', 'selector': ''},{'name': 'SacFormCommon', 'selector': ''},{'name': 'SacFormDirective', 'selector': 'form:not([ngNoForm]):not([formGroup]),[ngForm]'},{'name': 'SacFormLayoutCommon', 'selector': ''},{'name': 'SacFormLayoutDirective', 'selector': '[sacFormLayout]'},{'name': 'SacGridButtonCommon', 'selector': ''},{'name': 'SacGridColumnActionCommon', 'selector': ''},{'name': 'SacGridColumnBaseCommon', 'selector': ''},{'name': 'SacGridColumnCommon', 'selector': ''},{'name': 'SacGridCommon', 'selector': ''},{'name': 'SacGridImageCommon', 'selector': ''},{'name': 'SacInheritFormDirective', 'selector': '[sacInheritForm]'},{'name': 'SacInputAreaCommon', 'selector': ''},{'name': 'SacInputBase', 'selector': ''},{'name': 'SacInputCommon', 'selector': ''},{'name': 'SacInputCurrencyCommon', 'selector': ''},{'name': 'SacInputDecimalCommon', 'selector': ''},{'name': 'SacInputEmailCommon', 'selector': ''},{'name': 'SacInputIntegerCommon', 'selector': ''},{'name': 'SacInputPasswordCommon', 'selector': ''},{'name': 'SacInputSearchCommon', 'selector': ''},{'name': 'SacListboxCommon', 'selector': ''},{'name': 'SacListboxOptionCommon', 'selector': ''},{'name': 'SacMultilanguageInputAreaCommon', 'selector': ''},{'name': 'SacMultilanguageInputCommon', 'selector': ''},{'name': 'SacPagingCommon', 'selector': ''},{'name': 'SacRadiobuttonCommon', 'selector': ''},{'name': 'SacRadiobuttonsCommon', 'selector': ''},{'name': 'SacStaticFormContainerCommon', 'selector': ''},{'name': 'SacStaticLabelCommon', 'selector': ''},{'name': 'SacTabCommon', 'selector': ''},{'name': 'SacTabItemCommon', 'selector': ''},{'name': 'SacTimeCommon', 'selector': ''},{'name': 'SacTinyMceCommon', 'selector': ''},{'name': 'SacTooltipCommon', 'selector': ''},{'name': 'SacTreeItemActionCommon', 'selector': ''},{'name': 'SacTreeViewChildCommon', 'selector': ''},{'name': 'SacTreeViewCommon', 'selector': ''},{'name': 'SacUploadBase', 'selector': ''},{'name': 'SacUploadMultipleCommon', 'selector': ''},{'name': 'SacUploadSingleCommon', 'selector': ''},{'name': 'SacValidationSummaryCommon', 'selector': ''},{'name': 'SacWizardCommon', 'selector': ''},{'name': 'SacWizardItemCommon', 'selector': ''}];
     var ACTUAL_COMPONENT = {'name': 'SacButtonComponent'};