Skip to content

Commit

Permalink
8.0.0
Browse files Browse the repository at this point in the history
  • Loading branch information
bmarkov committed Sep 15, 2020
1 parent bf33c27 commit 778deb8
Show file tree
Hide file tree
Showing 38 changed files with 4,738 additions and 2,666 deletions.
4 changes: 2 additions & 2 deletions bootstrap/source/smart.element.js

Large diffs are not rendered by default.

7 changes: 5 additions & 2 deletions framework/smart.element.js
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@

/* Smart UI v7.7.0 (2020-July)
/* Smart UI v8.0.0 (2020-Sep)
Copyright (c) 2011-2020 jQWidgets.
License: https://htmlelements.com/license/ */ //

(function () {


const Version = '7.7.0';
const Version = '7.7.1';
const templates = [];

let namespace = 'Smart';
Expand Down Expand Up @@ -2175,6 +2175,9 @@ License: https://htmlelements.com/license/ */ //
if (eventType === 'wheel') {
that.element.addEventListener('wheel', that.handlers[eventType], that.isPassiveSupported ? { passive: false } : false);
}
else if (eventType === 'touchmove' || eventType === 'touchstart' || eventType === 'touchend') {
that.element.addEventListener(eventType, that.handlers[eventType], that.isPassiveSupported ? { passive: false } : false);
}
else {
that.element.addEventListener(eventType, that.handlers[eventType], false);
}
Expand Down
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,2 +1,2 @@
{"name":"smart-webcomponents-community","version": "7.7.0",
{"name":"smart-webcomponents-community","version": "8.0.0",
"description":"Web Components & Custom Elements Community Version","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/HTMLElements/smart-elements.git"},"author":"https://htmlelements.com","bugs":{"url":"https://github.com/HTMLElements/smart-elements/issues"},"homepage":"https://github.com/HTMLElements/smart-elements#readme","keywords":["custom","element","bootstrap","chart","treegrid","gantt","gantt chart","query builder","colorpicker","colorpanel","chart web component","chart custom element","tables","table","docking layot","charting","datagridview","bootstrap grid","tabs","combobox","dropdownlist","listbox","input","password","ui components","user interface","components","bootstrap components","smart components","custom elements","grid web component","grid custom element","chart custom element","chart web component","javascript grid","javascript datagrid","javascript datatable","datatable","bootstrap datagrid","material datagrid","bootstrap datatable","bootstrap table","grid","grid web component","datagrid web component","data grid","datagrid bootstrap","bootstrap grid","carousel custom element","html carousel","material web components","webcomponents","material webcomponents","custom elements","material customelements"],"license":"ISC"}
8 changes: 8 additions & 0 deletions source/components/smart.ui.menu.js

Large diffs are not rendered by default.

8 changes: 8 additions & 0 deletions source/components/smart.ui.table.js

Large diffs are not rendered by default.

8 changes: 8 additions & 0 deletions source/components/smart.ui.tabs.js

Large diffs are not rendered by default.

8 changes: 8 additions & 0 deletions source/components/smart.ui.tree.js

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions source/modules/smart.menu.js

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions source/modules/smart.table.js

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions source/modules/smart.tabs.js

Large diffs are not rendered by default.

8 changes: 8 additions & 0 deletions source/modules/smart.tree.js

Large diffs are not rendered by default.

6 changes: 6 additions & 0 deletions source/styles/default/smart.breadcrumb.css
Original file line number Diff line number Diff line change
Expand Up @@ -45,6 +45,7 @@ smart-breadcrumb {
}
.smart-breadcrumb-feedback {
box-shadow: var(--smart-elevation-12);
white-space: nowrap;
}
smart-breadcrumb .smart-breadcrumb-item:not(:last-child):after {
position: absolute;
Expand Down Expand Up @@ -335,4 +336,9 @@ smart-breadcrumb[right-to-left] .smart-breadcrumb-items > .afterTarget:first-chi
background-color: var(--smart-success);
}

smart-breadcrumb[right-to-left] .smart-breadcrumb-item>.smart-close-button {
margin-left: 5px;
margin-right: 10px;
}

/* --- */
53 changes: 28 additions & 25 deletions source/styles/default/smart.button.css
Original file line number Diff line number Diff line change
Expand Up @@ -30,13 +30,13 @@ smart-button.primary, smart-toggle-button.primary, smart-repeat-button.primary {
--smart-border: var(--smart-primary);
--smart-background-color: var(--smart-primary-color);
--smart-ui-state-hover: var(--smart-primary);
--smart-ui-state-hover: var(--smart-primary);
--smart-ui-state-border-hover: var(--smart-primary);
--smart-ui-state-color-hover: var(--smart-primary-color);
--smart-ui-state-active: var(--smart-primary);
--smart-ui-state-active: var(--smart-primary);
--smart-ui-state-border-active: var(--smart-primary);
--smart-ui-state-color-active: var(--smart-primary-color);
--smart-ui-state-focus: var(--smart-primary);
--smart-ui-state-focus: var(--smart-primary);
--smart-ui-state-border-focus: var(--smart-primary);
--smart-ui-state-color-focus: var(--smart-primary-color);
--smart-button-flat-color: var(--smart-primary);
--smart-button-outlined-color: var(--smart-primary);
Expand All @@ -51,13 +51,13 @@ smart-button.secondary, smart-toggle-button.secondary, smart-repeat-button.secon
--smart-border: var(--smart-secondary);
--smart-background-color: var(--smart-secondary-color);
--smart-ui-state-hover: var(--smart-secondary);
--smart-ui-state-hover: var(--smart-secondary);
--smart-ui-state-border-hover: var(--smart-secondary);
--smart-ui-state-color-hover: var(--smart-secondary-color);
--smart-ui-state-active: var(--smart-secondary);
--smart-ui-state-active: var(--smart-secondary);
--smart-ui-state-border-active: var(--smart-secondary);
--smart-ui-state-color-active: var(--smart-secondary-color);
--smart-ui-state-focus: var(--smart-secondary);
--smart-ui-state-focus: var(--smart-secondary);
--smart-ui-state-border-focus: var(--smart-secondary);
--smart-ui-state-color-focus: var(--smart-secondary-color);
--smart-button-flat-color: var(--smart-secondary);
--smart-button-outlined-color: var(--smart-secondary);
Expand All @@ -72,13 +72,13 @@ smart-button.error, smart-toggle-button.error, smart-repeat-button.error {
--smart-border: var(--smart-error);
--smart-background-color: var(--smart-error-color);
--smart-ui-state-hover: var(--smart-error);
--smart-ui-state-hover: var(--smart-error);
--smart-ui-state-border-hover: var(--smart-error);
--smart-ui-state-color-hover: var(--smart-error-color);
--smart-ui-state-active: var(--smart-error);
--smart-ui-state-active: var(--smart-error);
--smart-ui-state-border-active: var(--smart-error);
--smart-ui-state-color-active: var(--smart-error-color);
--smart-ui-state-focus: var(--smart-error);
--smart-ui-state-focus: var(--smart-error);
--smart-ui-state-border-focus: var(--smart-error);
--smart-ui-state-color-focus: var(--smart-error-color);
--smart-button-flat-color: var(--smart-error);
--smart-button-outlined-color: var(--smart-error);
Expand All @@ -96,7 +96,7 @@ smart-button.success, smart-toggle-button.success, smart-repeat-button.success {
--smart-ui-state-border-hover: var(--smart-success);
--smart-ui-state-color-hover: var(--smart-success-color);
--smart-ui-state-active: var(--smart-success);
--smart-ui-state-active: var(--smart-success);
--smart-ui-state-border-active: var(--smart-success);
--smart-ui-state-color-active: var(--smart-success-color);
--smart-ui-state-focus: var(--smart-success);
--smart-ui-state-border-focus: var(--smart-success);
Expand All @@ -106,9 +106,8 @@ smart-button.success, smart-toggle-button.success, smart-repeat-button.success {
--smart-button-outlined-border: var(--smart-success);
}

button.smart-button .smart-ripple {
background-color: var(--smart-background-color);
opacity: 0.5;
.smart-button .smart-ripple {
background: var(--smart-background-color);
}

button.smart-button {
Expand All @@ -131,6 +130,10 @@ button.smart-button {
border-radius: inherit;
}

smart-button.outlined button.smart-button {
border-radius: initial;
}

.smart-scroll-button .smart-button {
padding: 0px;
}
Expand Down Expand Up @@ -160,33 +163,33 @@ smart-button.very-small button, smart-toggle-button.very-small button, smart-rep

smart-button[hover], smart-toggle-button[hover], smart-repeat-button[hover] {
color: var(--smart-ui-state-color-hover);
border-color: var(--smart-ui-state-hover);
border-color: var(--smart-ui-state-border-hover);
background-color: var(--smart-ui-state-hover);
transition: background-color 100ms linear, box-shadow 280ms ease-in-out;
opacity: var(--smart-button-opacity-hover);
}

smart-button[active], smart-toggle-button[active], smart-repeat-button[active] {
color: var(--smart-ui-state-color-active);
border-color: var(--smart-ui-state-active);
background-color: var(--smart-ui-state-active);
transition: background-color 100ms linear, box-shadow 280ms ease-in-out;
opacity: var(--smart-button-opacity-active);
}

smart-toggle-button[checked], [smart-toggle-button][checked] {
color: var(--smart-ui-state-color-selected);
border-color: var(--smart-ui-state-selected);
border-color: var(--smart-ui-state-border-selected);
background-color: var(--smart-ui-state-selected);
}

smart-button[focus], smart-toggle-button[focus], smart-repeat-button[focus] {
color: var(--smart-ui-state-color-focus);
border-color: var(--smart-ui-state-focus);
border-color: var(--smart-ui-state-border-focus);
background-color: var(--smart-ui-state-focus);
opacity: var(--smart-button-opacity-focus);
}

smart-button[active], smart-toggle-button[active], smart-repeat-button[active] {
color: var(--smart-ui-state-color-active);
border-color: var(--smart-ui-state-border-active);
background-color: var(--smart-ui-state-active);
transition: background-color 100ms linear, box-shadow 280ms ease-in-out;
opacity: var(--smart-button-opacity-active);
}

smart-button.flat .smart-ripple, smart-toggle-button.flat .smart-ripple, smart-repeat-button.flat .smart-ripple, :host(.smart-button.flat) .smart-ripple {
background-color: var(--smart-button-flat-color);
}
Expand Down Expand Up @@ -343,7 +346,7 @@ button.smart-button[type]:hover {
background-color: var(--smart-ui-state-hover);
}

button.smart-button[type]:active {
button.smart-button[type]:not([disabled]):active {
color: var(--smart-ui-state-color-active);
border-color: var(--smart-ui-state-border-active);
background-color: var(--smart-ui-state-active);
Expand Down
80 changes: 80 additions & 0 deletions source/styles/default/smart.buttongroup.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,80 @@
.smart-button-group {
display: inline-block;
width: var(--smart-button-group-default-width);
height: var(--smart-button-group-default-height);
cursor: pointer;
text-transform: var(--smart-button-text-transform);
font-weight: 500;
letter-spacing: .08929em;
overflow: hidden;
}

.smart-button-group .smart-button-group-items {
display: flex;
align-items: center;
height: 100%;
width: 100%;
}

.smart-button-group .smart-button-group-item {
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding: var(--smart-button-padding);
cursor: inherit;
font-weight: inherit;
-webkit-font-smoothing: antialiased;
opacity: var(--smart-button-opacity);
white-space: nowrap;
line-height: 1.2;
border-radius: inherit;
width: 100%;
height: 100%;
}

.smart-button-group .smart-button-group-item>div {
overflow: hidden;
text-overflow: ellipsis;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}

.smart-button-group .smart-button-group-item:hover {
color: var(--smart-ui-state-color-hover);
border-color: var(--smart-ui-state-border-hover);
background-color: var(--smart-ui-state-hover);
opacity: var(--smart-button-opacity-hover);
}

.smart-button-group .smart-button-group-item[active] {
color: var(--smart-ui-state-color-selected);
border-color: var(--smart-ui-state-border-selected);
background-color: var(--smart-ui-state-selected);
}

.smart-button-group:focus .smart-button-group-item[focus]:not(:active) {
color: var(--smart-ui-state-color-focus);
border-color: var(--smart-ui-state-border-focus);
background-color: var(--smart-ui-state-focus);
opacity: var(--smart-button-opacity-focus);
}

.smart-button-group .smart-button-group-item:active {
color: var(--smart-ui-state-color-active);
border-color: var(--smart-ui-state-border-active);
background-color: var(--smart-ui-state-active);
opacity: var(--smart-button-opacity-active);
}

.smart-button-group:not([animation="none"]) .smart-button-group-item {
transition: background-color 100ms linear, box-shadow 280ms ease-in-out;
}

/* RTL */

.smart-button-group[right-to-left] .smart-button-group-items {
direction: rtl;
}
Loading

0 comments on commit 778deb8

Please sign in to comment.