├── source └── styles │ ├── images │ ├── error.png │ ├── info.png │ ├── mail.png │ ├── time.png │ ├── success.png │ ├── warning.png │ ├── magnifier.png │ ├── grid-icons.svg │ ├── icons-sprite.svg │ └── icons-stack.svg │ ├── font │ ├── smart.icons.eot │ ├── smart.icons.ttf │ ├── smart.icons.woff │ ├── smart.icons.woff2 │ ├── smart.grid-icons.eot │ ├── smart.grid-icons.ttf │ ├── smart.grid-icons.woff │ └── smart.grid-icons.woff2 │ ├── default │ ├── smart.card.css │ ├── smart.badge.css │ ├── smart.scrollviewer.css │ ├── smart.array.css │ ├── smart.chip.css │ ├── smart.customcurrencies.css │ ├── smart.powerbutton.css │ ├── smart.customdatetimeformatter.css │ ├── smart.chart.css │ ├── smart.led.css │ ├── smart.scrollbar.css │ ├── smart.validator.css │ ├── smart.tooltip.css │ ├── smart.maskedtextbox.css │ ├── smart.timepicker.css │ ├── smart.radiobutton.css │ ├── smart.sortable.css │ ├── smart.checkbox.css │ ├── smart.gauge.css │ ├── smart.filterpanel.css │ ├── smart.editors.css │ ├── smart.inputgroup.css │ ├── smart.toast.css │ ├── smart.filterbuilder.css │ ├── smart.multilinetextbox.css │ ├── smart.table.css │ ├── smart.gridpanel.css │ ├── smart.pager.css │ ├── smart.passwordtextbox.css │ ├── smart.breadcrumb.css │ ├── smart.loader.css │ ├── smart.cardview.css │ ├── smart.fileupload.css │ ├── smart.switchbutton.css │ ├── smart.progressbar.css │ ├── smart.accordion.css │ ├── smart.textbox.css │ ├── smart.splitter.css │ ├── smart.layouts.css │ └── smart.tank.css │ └── smart.base.css └── README.md /source/styles/images/error.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HTMLElements/smart-gantt-chart/HEAD/source/styles/images/error.png -------------------------------------------------------------------------------- /source/styles/images/info.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HTMLElements/smart-gantt-chart/HEAD/source/styles/images/info.png -------------------------------------------------------------------------------- /source/styles/images/mail.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HTMLElements/smart-gantt-chart/HEAD/source/styles/images/mail.png -------------------------------------------------------------------------------- /source/styles/images/time.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HTMLElements/smart-gantt-chart/HEAD/source/styles/images/time.png -------------------------------------------------------------------------------- /source/styles/images/success.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HTMLElements/smart-gantt-chart/HEAD/source/styles/images/success.png -------------------------------------------------------------------------------- /source/styles/images/warning.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HTMLElements/smart-gantt-chart/HEAD/source/styles/images/warning.png -------------------------------------------------------------------------------- /source/styles/font/smart.icons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HTMLElements/smart-gantt-chart/HEAD/source/styles/font/smart.icons.eot -------------------------------------------------------------------------------- /source/styles/font/smart.icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HTMLElements/smart-gantt-chart/HEAD/source/styles/font/smart.icons.ttf -------------------------------------------------------------------------------- /source/styles/font/smart.icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HTMLElements/smart-gantt-chart/HEAD/source/styles/font/smart.icons.woff -------------------------------------------------------------------------------- /source/styles/font/smart.icons.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HTMLElements/smart-gantt-chart/HEAD/source/styles/font/smart.icons.woff2 -------------------------------------------------------------------------------- /source/styles/images/magnifier.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HTMLElements/smart-gantt-chart/HEAD/source/styles/images/magnifier.png -------------------------------------------------------------------------------- /source/styles/font/smart.grid-icons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HTMLElements/smart-gantt-chart/HEAD/source/styles/font/smart.grid-icons.eot -------------------------------------------------------------------------------- /source/styles/font/smart.grid-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HTMLElements/smart-gantt-chart/HEAD/source/styles/font/smart.grid-icons.ttf -------------------------------------------------------------------------------- /source/styles/font/smart.grid-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HTMLElements/smart-gantt-chart/HEAD/source/styles/font/smart.grid-icons.woff -------------------------------------------------------------------------------- /source/styles/font/smart.grid-icons.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HTMLElements/smart-gantt-chart/HEAD/source/styles/font/smart.grid-icons.woff2 -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Gantt Chart Web Component 2 | 3 | 4 | 5 | 6 | Download and Installation 7 | ------------------------- 8 | 9 | [Download Smart HTML Elements](https://www.htmlelements.com/download/) 10 | 11 | * ### The SDK files are located in the /source directory 12 | 13 | In general you need to use files from this directory only. 14 | 15 | 16 | -------------------------------------------------------------------------------- /source/styles/default/smart.card.css: -------------------------------------------------------------------------------- 1 | smart-cards{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-evenly;width:100%;max-width:1500px;margin-left:auto;margin-right:auto;background-color:#E9E9E9}smart-card{display:inline-block;width:30.5%;min-height:20px;margin:1%;box-shadow:var(--smart-elevation-2);border-radius:2px;box-sizing:border-box;font-family:Arial;font-size:14px}smart-card:hover{box-shadow:0 2px 5px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.19)}@media only screen and (max-width :1024px){smart-card{display:inline-block;width:47%}}@media only screen and (max-width :768px){smart-card{display:block;width:100%;margin:0;max-height:100vh;overflow-y:auto}smart-cards smart-card{margin:0 10px 10px}} -------------------------------------------------------------------------------- /source/styles/default/smart.badge.css: -------------------------------------------------------------------------------- 1 | .smart-badge{display:inline-block;padding:.25em .4em;border-radius:var(--smart-border-radius);font-family:var(--smart-font-family);font-size:var(--smart-font-size);font-weight:700;line-height:1;color:var(--smart-background-color);background-color:var(--smart-background)}.smart-badge.smart-badge-dark{color:#fff;background-color:#333}.smart-badge.smart-badge-primary{color:var(--smart-primary-color);background-color:var(--smart-primary)}.smart-badge.smart-badge-info{color:var(--smart-secondary-color);background-color:var(--smart-secondary)}.smart-badge.smart-badge-success{color:var(--smart-success-color);background-color:var(--smart-success)}.smart-badge.smart-badge-danger{color:var(--smart-error-color);background-color:var(--smart-error)}.smart-badge.smart-badge-warning{color:#fff;background-color:#C75200}.smart-badge.smart-badge-pill{border-radius:10rem} -------------------------------------------------------------------------------- /source/styles/default/smart.scrollviewer.css: -------------------------------------------------------------------------------- 1 | jqx-scroll-viewer{display:block;width:var(--jqx-list-box-default-width);height:var(--jqx-list-box-default-height);border-width:var(--jqx-border-width);border-style:solid;border-color:var(--jqx-border);touch-action:none;padding:3px}jqx-scroll-viewer>.jqx-container{height:100%;width:100%;border-style:solid;border-width:0;border-color:gray;position:relative;overflow:hidden}jqx-scroll-viewer jqx-scroll-bar{overflow:visible;position:absolute;bottom:0;height:calc(var(--jqx-scroll-bar-size));width:100%}jqx-scroll-viewer jqx-scroll-bar.bottom-corner{width:calc(100% - var(--jqx-scroll-bar-size))}jqx-scroll-viewer jqx-scroll-bar::before{position:absolute;content:'';width:100%;height:var(--jqx-scroll-bar-size);background-color:#EFEFEF;left:100%}jqx-scroll-viewer jqx-scroll-bar[orientation=vertical]{right:0;top:0;height:100%;width:calc(var(--jqx-scroll-bar-size))}jqx-scroll-viewer jqx-scroll-bar[orientation=vertical].bottom-corner{height:calc(100% - var(--jqx-scroll-bar-size))}jqx-scroll-viewer .jqx-scroll-viewer-container{width:100%;height:100%;overflow:hidden;position:relative;background-color:transparent}jqx-scroll-viewer .jqx-scroll-viewer-content-container{width:auto;height:auto;display:inline-block;padding:5px;position:relative;background-color:transparent}jqx-scroll-viewer .jqx-scroll-viewer-container.hscroll{height:calc(100% - var(--jqx-scroll-bar-size))}jqx-scroll-viewer .jqx-scroll-viewer-container.vscroll{width:calc(100% - var(--jqx-scroll-bar-size))} -------------------------------------------------------------------------------- /source/styles/default/smart.array.css: -------------------------------------------------------------------------------- 1 | smart-array{width:var(--smart-array-default-width);height:var(--smart-array-default-height);display:block;overflow:visible}smart-array .smart-big-container,smart-array>.smart-container{display:flex}smart-array .smart-array-indexer{display:block;margin-bottom:2px;width:100%}smart-array .smart-big-container{background-color:var(--smart-background)}smart-array[show-index-display] .smart-big-container{margin-left:2px}smart-array .smart-main-container,smart-array .smart-scrollbar-container-horizontal{width:100%}smart-array .smart-array-element-gap{border-spacing:0}smart-array .smart-array-table-data{border:2px solid transparent;padding:0;min-width:0;background-color:transparent;white-space:nowrap}smart-array .smart-array-table-data-gap{border-width:var(--smart-array-element-gap);padding:var(--smart-array-element-gap)}smart-array .smart-scrollbar-container-horizontal{height:20px}smart-array .smart-scrollbar-container-vertical{width:20px}smart-array .smart-scrollbar-container-horizontal>smart-scroll-bar,smart-array .smart-scrollbar-container-vertical>smart-scroll-bar{width:100%;height:100%}smart-array .smart-array-element{position:relative}smart-array .smart-array-element-selected{border-color:#00f}smart-array .smart-array-element-empty{border-color:#999;color:#999;opacity:.7}smart-array .smart-array-element>smart-check-box,smart-array .smart-array-element>smart-led,smart-array .smart-array-element>smart-numeric-text-box,smart-array .smart-array-element>smart-power-button,smart-array .smart-array-element>smart-radio-button,smart-array .smart-array-element>smart-switch-button,smart-array .smart-array-element>smart-toggle-button,smart-array smart-switch-button.smart-array-element,smart-array smart-text-box.smart-array-element{display:block}smart-array .smart-array-element>smart-check-box{padding:0} -------------------------------------------------------------------------------- /source/styles/default/smart.chip.css: -------------------------------------------------------------------------------- 1 | smart-chip .smart-avatar,smart-chip .smart-value{overflow:hidden;text-overflow:ellipsis;vertical-align:middle}smart-chip .smart-avatar,smart-chip .smart-close-button:after{line-height:var(--smart-chip-default-height);text-align:center}smart-chip{font-size:var(--smart-font-size);font-family:var(--smart-font-family);min-height:var(--smart-chip-default-height);min-width:var(--smart-chip-default-height);border-radius:calc(var(--smart-chip-default-height)/ 2);box-sizing:border-box;display:inline-block;background-color:var(--smart-primary);color:var(--smart-primary-color);position:relative;margin:2px}smart-chip:focus,smart-chip:hover{box-shadow:var(--smart-elevation-2);outline:0}smart-chip[disabled]:hover{box-shadow:none}smart-chip .smart-container{white-space:nowrap}smart-chip .smart-avatar{width:var(--smart-chip-default-height);height:var(--smart-chip-default-height);background-color:var(--smart-chip-avatar-background);color:var(--smart-chip-avatar-color);border-radius:50%;display:none;font-size:20px;box-sizing:border-box}smart-chip[avatar] .smart-avatar img{width:100%;height:100%;border-radius:50%}smart-chip .smart-value{line-height:var(--smart-chip-default-height);display:none;padding:0 15px;white-space:nowrap;margin:0;cursor:default}smart-chip[avatar] .smart-value{padding-left:5px}smart-chip[close-button] .smart-value{padding-right:5px}smart-chip[avatar] .smart-value,smart-chip[close-button] .smart-value{width:calc(100% - var(--smart-chip-default-height))}smart-chip[avatar][close-button] .smart-value{width:calc(100% - 2 * var(--smart-chip-default-height))}smart-chip .smart-close-button{width:var(--smart-chip-default-height);height:var(--smart-chip-default-height);display:none;position:relative;vertical-align:middle}smart-chip .smart-close-button:after{font-family:'Material Icons';content:'\e5C9';font-size:21px;color:var(--smart-primary-color);display:inline-block;width:100%}smart-chip .smart-close-button:hover:after{color:var(--smart-primary-color);cursor:pointer}smart-chip[avatar] .smart-avatar,smart-chip[close-button] .smart-close-button,smart-chip[value] .smart-value{display:inline-block} -------------------------------------------------------------------------------- /source/styles/default/smart.customcurrencies.css: -------------------------------------------------------------------------------- 1 | .selected-currency-holder-and-apply-holder{display:grid;grid-template-columns:var(--custom-currencies-selected-currency-holder) var(--custom-currencies-apply-button-holder);grid-template-rows:auto;grid-column-gap:var(--custom-currencies-selected-currency-holder-and-apply-holder-grid-column-gap)}.selected-currency-holder{border:var(--custom-currencies-default-border-size) solid var(--custom-currencies-default-border-color);border-radius:var(--custom-currencies-default-border-radius);display:grid;grid-template-columns:var(--selected-currency-holder-left-container) var(--selected-currency-holder-right-container);grid-template-rows:auto;align-items:baseline;justify-content:center;padding-left:var(--custom-currencies-selected-currency-holder-padding-left);padding-top:var(--custom-currencies-selected-currency-holder-padding-top);padding-bottom:var(--custom-currencies-selected-currency-holder-padding-bottom)}.input-currency-formats{width:var(--custom-currencies-input-currency-formats-width)}.selected-currency-holder .currency-sign-input-holder{width:auto}.selected-currency-holder .currency-sign-input-holder smart-text-box{width:var(--custom-currencies-currency-sign-input)}.selected-currency-holder .currency-sign-input-holder smart-text-box input{border:none}.currency-item,.currency-list{border:var(--custom-currencies-default-border-size) solid var(--custom-currencies-default-border-color)}.selected-currency-holder .currency-smart-input-holder{justify-self:end;width:var(--custom-currencies-currency-smart-input-holder-width)}.currency-list{padding:0;margin:0;margin-top:var(--custom-currencies-currency-list-margin-top);max-height:var(--custom-currencies-date-currency-list-max-height);overflow-y:auto}.currency-item{cursor:pointer;border-left:0;border-bottom:none;padding:var(--custom-currencies-each-currency-item-padding);padding-left:var(--custom-currencies-currency-item-left-padding);list-style-type:none}.currency-item:last-child{border-bottom:0}.currency-item:first-child{border-top:0!important}.currency-item:hover{background:var(--custom-currencies-currency-item-hover-background)}.currency-item-default-format{float:right;color:var(--custom-currencies-currency-item-right-default-format-color)} -------------------------------------------------------------------------------- /source/styles/default/smart.powerbutton.css: -------------------------------------------------------------------------------- 1 | jqx-power-button{padding:0;display:inline-block;width:var(--jqx-power-button-default-width);height:var(--jqx-power-button-default-width)}jqx-power-button .jqx-input,jqx-power-button:focus,jqx-power-button:focus .jqx-input{outline:0}jqx-power-button .jqx-container{cursor:pointer;height:100%;position:relative;display:flex}jqx-power-button[disabled] .jqx-container{cursor:initial}jqx-power-button .jqx-input{border-radius:100%;width:100%;height:100%;min-width:var(--jqx-power-button-default-width);min-height:var(--jqx-power-button-default-width);border-style:solid;box-sizing:border-box;border-width:var(--jqx-border-width);border-color:var(--jqx-border);display:block;position:relative;overflow:hidden}jqx-power-button:focus .jqx-input{border:var(--jqx-border-width) solid var(--jqx-button-border);background:var(--jqx-button-background);color:var(--jqx-button-color)}jqx-power-button:hover .jqx-input{border:var(--jqx-border-width) solid var(--jqx-button-border-hover);background:var(--jqx-button-background-hover);color:var(--jqx-button-color-hover);transition:background-color .1s linear}jqx-power-button.active .jqx-input,jqx-power-button:active .jqx-input{border:var(--jqx-border-width) solid var(--jqx-button-border-active);background:var(--jqx-button-background-active);color:var(--jqx-button-color-active);transition:background-color .1s linear}jqx-power-button .jqx-input{background-color:var(--jqx-background)}jqx-power-button[checked] .jqx-input{background-color:var(--jqx-primary);color:var(--jqx-primary)}jqx-power-button.raised{box-shadow:var(--jqx-elevation-2)}jqx-power-button .jqx-input:after{content:'\e805';width:100%;height:100%;font-family:jqx-icons;font-style:normal;font-weight:400;font-size:20px;text-decoration:inherit;font-variant:normal;text-transform:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}jqx-power-button[checked] .jqx-input:after{color:#fff}jqx-power-button .jqx-animation{pointer-events:none}jqx-power-button[readonly].active .jqx-input,jqx-power-button[readonly]:active .jqx-input,jqx-power-button[readonly]:hover .jqx-input{color:initial;border:var(--jqx-border-width) solid var(--jqx-button-border);background:var(--jqx-button-background);transition:none} -------------------------------------------------------------------------------- /source/styles/default/smart.customdatetimeformatter.css: -------------------------------------------------------------------------------- 1 | .smart-input-buttons-elements-holder{display:grid;grid-template-columns:var(--smart-inputs-percent-grid-width) var(--jxq-apply-percent-grid-width);grid-template-rows:auto;grid-column-gap:var(--smart-input-buttons-elements-holder-grid-column-gap)}.smart-input-and-add-formats-holder{border:var(--default-border-size) solid var(--default-border-color);border-radius:var(--default-border-radius);display:grid;grid-template-columns:var(--smart-inputs-percentage-child-grid-width) var(--add-format-holder-percentagegrid-width);grid-template-rows:auto;align-items:baseline;justify-content:center}.smart-input-list-holder{padding:var(--smart-inputs-list-holder-padding)}.smart-input-list-holder:empty{border:none}.smart-input-list-holder smart-input{display:inline-flex;height:var(--smart-input-height);margin:var(--each-smart-input-maring)}.smart-input-list-holder .format-smart-input-list{width:var(--smart-input-format-width)}.smart-input-list-holder .sign-smart-input{width:var(--smart-input-sign-width)}.all-format-holders{width:var(--all-format-holders-width)}.format-holder{width:var(--each-add-format-holder);text-align:center;float:left}.add-format-holder{margin-left:var(--add-new-format-dropdown-margin);margin-right:var(--add-new-format-dropdown-margin);margin-top:var(--add-new-format-dropdown-margin);margin-bottom:var(--add-new-format-dropdown-margin);align-self:normal;justify-self:end}.add-format-holder span.smart-drop-down-button{--smart-drop-down-button-border:transparent}.add-format-holder smart-button{font-size:var(--smart-font-size);width:auto;min-width:var(--add-format-holder-button)}.use-format-button{margin:0 auto;margin-top:var(--margin-from-the-top)}.use-format-button[disabled]{display:none}li[value=' '] a{height:calc(var(--smart-font-size) + 2 * 8px)}.date-time-format-list{padding:0;margin:0;margin-top:var(--date-time-format-list-margin-top);max-height:var(--date-time-format-list-max-height);overflow-y:auto}.date-time-format:last-child{border-bottom:var(--default-border-size) solid var(--default-border-color)}.date-time-format{cursor:pointer;border:var(--default-border-size) solid var(--default-border-color);border-bottom:none;text-align:center;padding:var(--each-date-time-format-padding);list-style-type:none;padding-left:0}.date-time-format:hover{background:#f1f1f1}.text-tramsform-none{text-transform:none}.cboth{clear:both}.bold{font-weight:700} -------------------------------------------------------------------------------- /source/styles/default/smart.chart.css: -------------------------------------------------------------------------------- 1 | smart-chart{display:block;width:var(--smart-chart-default-width);height:var(--smart-chart-default-height);touch-action:none}.smart-chart-tooltip-text,smart-chart .smart-chart-annotation-text,smart-chart .smart-chart-axis-text,smart-chart .smart-chart-label-text,smart-chart .smart-chart-legend-text{box-sizing:content-box;fill:#333;color:#333;font-family:var(--smart-font-family);font-size:calc(var(--smart-font-size) - 1px)}smart-chart .smart-chart-axis-description{fill:#555;color:#555;font-family:var(--smart-font-family);font-size:calc(var(--smart-font-size) - 1px)}smart-chart .smart-chart-title-description,smart-chart .smart-chart-title-text{fill:#111;color:#111;font-family:var(--smart-font-family)}smart-chart .smart-chart-title-text{font-weight:700;font-size:calc(var(--smart-font-size) + 2px)}smart-chart .smart-chart-title-description{font-size:var(--smart-font-size)}.smart-chart-tooltip{position:absolute;cursor:default;z-index:10000000;transition:.3s ease-in,transform .3s ease-in;opacity:1;transform:scale(1)}.smart-chart-tooltip[animation=none]{transition:none}.smart-chart-tooltip.smart-visibility-hidden{transform:scale(0)}.smart-chart-tooltip-arrow-inner,.smart-chart-tooltip-arrow-outer{box-sizing:content-box;width:0;height:0;position:absolute;z-index:10000001}.smart-chart-tooltip-arrow-inner{z-index:10000002}.smart-chart-tooltip-content{position:absolute;box-sizing:content-box;outline:0;border:1px solid transparent;padding:3px;text-align:center;vertical-align:middle;margin:0;cursor:default;left:0;top:0;border-top-left-radius:var(--smart-border-radius);border-top-right-radius:var(--smart-border-radius);border-bottom-left-radius:var(--smart-border-radius);border-bottom-right-radius:var(--smart-border-radius)}[theme=dark] .smart-chart-tooltip .smart-chart-tooltip-text,[theme=dark] smart-chart .smart-chart-annotation-text,[theme=dark] smart-chart .smart-chart-axis-text,[theme=dark] smart-chart .smart-chart-label-text,[theme=dark] smart-chart .smart-chart-legend-text,smart-chart[theme=dark] .smart-chart-annotation-text,smart-chart[theme=dark] .smart-chart-axis-text,smart-chart[theme=dark] .smart-chart-label-text,smart-chart[theme=dark] .smart-chart-legend-text{fill:#CCC;color:#CCC}[theme=dark] smart-chart .smart-chart-axis-description,smart-chart[theme=dark] .smart-chart-axis-description{fill:#AAA;color:#AAA}[theme=dark] smart-chart .smart-chart-title-description,[theme=dark] smart-chart .smart-chart-title-text,smart-chart[theme=dark] .smart-chart-title-description,smart-chart[theme=dark] .smart-chart-title-text{fill:#EEE;color:#EEE}.smart-chart-range-selector>smart-chart{width:100%;height:100%}.smart-chart-range-selector .slider{box-sizing:content-box;pointer-events:none} -------------------------------------------------------------------------------- /source/styles/default/smart.led.css: -------------------------------------------------------------------------------- 1 | smart-led{padding:0;width:var(--smart-led-default-width);height:var(--smart-led-default-height);display:inline-block;border-radius:50%}smart-led .smart-ripple{background:var(--smart-primary)}smart-led[shape=square]{border-radius:0}smart-led:focus{outline:0}smart-led .smart-container{cursor:pointer;height:100%;position:relative;display:flex;overflow:hidden}smart-led[disabled] .smart-container{cursor:initial}smart-led .smart-input{width:100%;height:100%;border-radius:100%;text-align:center;display:flex;align-items:center;justify-content:center;min-width:20px;min-height:20px;padding:4%;background-clip:content-box;border-style:solid;box-sizing:border-box;border-width:var(--smart-border-width);border-color:var(--smart-border);font-family:inherit;font-size:inherit;outline:0}smart-led[shape=square] .smart-input{border-radius:0}smart-led:focus .smart-input{border:var(--smart-border-width) solid var(--smart-button-border-focus);background:var(--smart-button-background-focus);color:var(--smart-button-color-focus)}smart-led[disabled]:focus .smart-input{border-color:var(--smart-border-disabled-color)}smart-led:hover .smart-input{border:var(--smart-border-width) solid var(--smart-button-border-hover);background:var(--smart-button-background-hover);color:var(--smart-button-color-hover);transition:background-color .1s linear}smart-led.active .smart-input{border:var(--smart-border-width) solid var(--smart-button-border-active);background:var(--smart-button-background-active);color:var(--smart-button-color-active)}smart-led .smart-false-content-container,smart-led .smart-indeterminate-content-container,smart-led .smart-true-content-container{border-radius:50%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;background-color:transparent}smart-led .smart-true-content-container{background-color:var(--smart-primary)}smart-led .smart-indeterminate-content-container{background-color:#d3d3d3}smart-led .smart-indeterminate-content-container,smart-led .smart-true-content-container,smart-led[checked] .smart-false-content-container{display:none}smart-led .smart-false-content-container,smart-led[checked=null] .smart-indeterminate-content-container,smart-led[checked] .smart-true-content-container{display:flex}smart-led[checked=null] .smart-true-content-container{display:none}smart-led[shape=square] .smart-false-content-container,smart-led[shape=square] .smart-indeterminate-content-container,smart-led[shape=square] .smart-true-content-container{border-radius:0}smart-led .smart-false-content,smart-led[checked=null] .smart-indeterminate-content,smart-led[checked] .smart-true-content{display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;width:100%;height:100%} -------------------------------------------------------------------------------- /source/styles/default/smart.scrollbar.css: -------------------------------------------------------------------------------- 1 | jqx-scroll-bar{display:block;touch-action:none;width:var(--jqx-scroll-bar-default-width);height:var(--jqx-scroll-bar-default-height)}jqx-scroll-bar[orientation=vertical]{height:var(--jqx-scroll-bar-default-width);width:var(--jqx-scroll-bar-default-height)}jqx-scroll-bar .jqx-thumb{position:absolute;width:40px;height:calc(100% - 2px);top:1px;cursor:default;box-sizing:border-box;border-width:1px;border-style:solid;border-color:var(--jqx-scroll-bar-thumb-border);background-color:var(--jqx-scroll-bar-thumb-background);border-top-left-radius:var(--jqx-scroll-bar-thumb-border-top-left-radius);border-top-right-radius:var(--jqx-scroll-bar-thumb-border-top-right-radius);border-bottom-left-radius:var(--jqx-scroll-bar-thumb-border-bottom-left-radius);border-bottom-right-radius:var(--jqx-scroll-bar-thumb-border-bottom-right-radius)}jqx-scroll-bar .jqx-thumb:hover{border-color:var(--jqx-scroll-bar-thumb-border-hover);background-color:var(--jqx-scroll-bar-thumb-background-hover)}jqx-scroll-bar .jqx-thumb:active{border-color:var(--jqx-scroll-bar-thumb-border-active);background-color:var(--jqx-scroll-bar-thumb-background-active)}jqx-scroll-bar[orientation=vertical] .jqx-thumb{width:calc(100% - 2px);height:40px;left:1px;top:0}jqx-scroll-bar .jqx-track{position:relative;float:left;height:100%;background-color:var(--jqx-scroll-bar-background);width:100%}jqx-scroll-bar[show-buttons] .jqx-track{width:calc(calc(100% - var(--jqx-scroll-button-size) * 2))}jqx-scroll-bar[orientation=vertical] .jqx-track{float:none;width:100%;height:100%}jqx-scroll-bar[orientation=vertical][show-buttons] .jqx-track{height:calc(calc(100% - var(--jqx-scroll-button-size) * 2))}jqx-scroll-bar .jqx-scroll-button,jqx-scroll-bar[spinner][show-buttons] .jqx-track{display:none}jqx-scroll-bar[show-buttons] .jqx-scroll-button{display:block;float:left;width:var(--jqx-scroll-button-size);height:100%;cursor:default;background-color:var(--jqx-scroll-bar-button-background);color:var(--jqx-scroll-bar-button-color);border:1px solid var(--jqx-scroll-bar-button-border);min-height:0;padding:0;border-radius:0}jqx-scroll-bar .jqx-scroll-button:hover{background-color:var(--jqx-scroll-bar-button-background-hover);color:var(--jqx-scroll-bar-button-color-hover);border-color:var(--jqx-scroll-bar-button-border-hover)}jqx-scroll-bar .jqx-scroll-button:active{background-color:var(--jqx-scroll-bar-button-background-active);color:var(--jqx-scroll-bar-button-color-active);border-color:var(--jqx-scroll-bar-button-border-active)}jqx-scroll-bar[spinner][show-buttons] .jqx-scroll-button{width:50%}jqx-scroll-bar[orientation=vertical] .jqx-scroll-button{float:none;height:var(--jqx-scroll-button-size);width:100%}jqx-scroll-bar[spinner][orientation=vertical] .jqx-scroll-button{height:50%;width:100%;float:none} -------------------------------------------------------------------------------- /source/styles/default/smart.validator.css: -------------------------------------------------------------------------------- 1 | :root{--border-error-color:rgba(217, 83, 79, 0.4);--background-error-color:#d9534f;--border-success-color:forestgreen;--background-success-color:forestgreen;--white-color:#fff;--border-size-input-error-success:2px;--margin-left-input-error-success-label:15px;--width-input-error-success-label:18px;--height-input-error-success-label:18px;--font-size-error-success-label:13px;--font-size-input-error-holder:14px;--padding-input-error-holder:7px;--margin-top-input-error-holder:8px;--z-index-input-error-holder:99999}.jqx-validation-error,.jqx-validation-error input,.jqx-validation-error span{border-color:var(--border-error-color)!important;outline:0}input[type=checkbox].jqx-validation-error,input[type=radio].jqx-validation-error{outline:auto;outline-color:var(--border-error-color)}.jqx-error-label-like-after-element::after,.jqx-success-label-like-after-element::after,.jqx-validation-error:not(jqx-check-box)>div.jqx-container::after,.jqx-validation-success:not(jqx-check-box)>div.jqx-container::after{pointer-events:none;font-weight:700;font-size:var(--font-size-error-success-label);color:var(--white-color);width:var(--width-input-error-success-label);height:var(--height-input-error-success-label);border-radius:50%;text-align:center;justify-content:center;align-items:center}.jqx-error-label-like-after-element::after,.jqx-success-label-like-after-element::after{display:flex;top:50%;position:absolute;left:calc(50% + var(--margin-left-input-error-success-label));transform:translate(-50%,-50%);justify-content:center;align-items:center}.jqx-error-label-like-after-element::after,.jqx-validation-error:not(jqx-check-box)>div.jqx-container::after{background-color:var(--background-error-color);content:'!'}.jqx-error-label-like-after-element{position:relative}.jqx-validation-error:not(jqx-check-box)>div.jqx-container::after,.jqx-validation-success:not(jqx-check-box)>div.jqx-container::after{position:absolute;top:50%;left:calc(100% + var(--margin-left-input-error-success-label));transform:translate(-50%,-50%)}input.jqx-validation-error,input.jqx-validation-success{border:var(--border-size-input-error-success) solid}.jqx-validation-success,.jqx-validation-success input,.jqx-validation-success span{border-color:var(--border-success-color)!important;outline:0}.jqx-success-label-like-after-element::after,.jqx-validation-success:not(jqx-check-box)>div.jqx-container::after{background-color:var(--background-success-color);content:'✓'}.jqx-success-label-like-after-element{position:relative}.jqx-error-holder{position:absolute;font-size:var(--font-size-input-error-holder);background-color:var(--background-error-color);color:var(--white-color);padding:var(--padding-input-error-holder);pointer-events:none;z-index:var(--z-index-input-error-holder);margin-top:var(--margin-top-input-error-holder)} -------------------------------------------------------------------------------- /source/styles/default/smart.tooltip.css: -------------------------------------------------------------------------------- 1 | jqx-tooltip{position:absolute;text-align:center;z-index:var(--jqx-editor-drop-down-z-index);font-family:var(--jqx-tooltip-font-family);font-size:var(--jqx-tooltip-font-size);visibility:hidden;pointer-events:none}jqx-tooltip[visible]{visibility:visible;pointer-events:auto}jqx-tooltip .jqx-tooltip-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:var(--jqx-tooltip-background);padding:var(--jqx-tooltip-padding);border-top-left-radius:var(--jqx-tooltip-border-top-left-radius);border-bottom-left-radius:var(--jqx-tooltip-border-bottom-left-radius);border-top-right-radius:var(--jqx-tooltip-border-top-right-radius);border-bottom-right-radius:var(--jqx-tooltip-border-bottom-right-radius);color:var(--jqx-tooltip-color);border:var(--jqx-tooltip-border-width) solid var(--jqx-tooltip-border);width:100%;height:100%}jqx-tooltip[arrow],jqx-tooltip[arrow][arrow-direction=bottom]{padding-bottom:var(--jqx-tooltip-arrow-width)}jqx-tooltip[arrow][arrow-direction=top]{padding-bottom:initial;padding-top:var(--jqx-tooltip-arrow-width)}jqx-tooltip[arrow][arrow-direction=left]{padding-bottom:initial;padding-left:var(--jqx-tooltip-arrow-width)}jqx-tooltip[arrow][arrow-direction=right]{padding-bottom:initial;padding-right:var(--jqx-tooltip-arrow-width)}jqx-tooltip[arrow] .jqx-tooltip-content:after,jqx-tooltip[arrow][arrow-direction=bottom] .jqx-tooltip-content:after{content:"";width:0;height:0;border-left:var(--jqx-tooltip-arrow-width) solid transparent;border-right:var(--jqx-tooltip-arrow-width) solid transparent;border-top:var(--jqx-tooltip-arrow-width) solid var(--jqx-tooltip-border);position:absolute;top:calc(100% - var(--jqx-tooltip-arrow-width));left:calc(100% / 2 - var(--jqx-tooltip-arrow-width))}jqx-tooltip[arrow][arrow-direction=top] .jqx-tooltip-content:after{border-left:var(--jqx-tooltip-arrow-width) solid transparent;border-right:var(--jqx-tooltip-arrow-width) solid transparent;border-bottom:var(--jqx-tooltip-arrow-width) solid var(--jqx-tooltip-border);border-top:initial;top:0;bottom:calc(100% + var(--jqx-tooltip-arrow-width))}jqx-tooltip[arrow][arrow-direction=right] .jqx-tooltip-content:after{border-bottom:var(--jqx-tooltip-arrow-width) solid transparent;border-top:var(--jqx-tooltip-arrow-width) solid transparent;border-left:var(--jqx-tooltip-arrow-width) solid var(--jqx-tooltip-border);border-right:initial;left:calc(100% - var(--jqx-tooltip-arrow-width));top:calc(50% - var(--jqx-tooltip-arrow-width))}jqx-tooltip[arrow][arrow-direction=left] .jqx-tooltip-content:after{border-bottom:var(--jqx-tooltip-arrow-width) solid transparent;border-top:var(--jqx-tooltip-arrow-width) solid transparent;border-right:var(--jqx-tooltip-arrow-width) solid var(--jqx-tooltip-border);border-left:initial;left:0;top:calc(50% - var(--jqx-tooltip-arrow-width))}jqx-tooltip:not([animation=none]){visibility:visible;opacity:0;transition-property:opacity;transition-duration:.5s;transition-timing-function:ease-in-out}jqx-tooltip:not([animation=none])[visible]{opacity:1} -------------------------------------------------------------------------------- /source/styles/default/smart.maskedtextbox.css: -------------------------------------------------------------------------------- 1 | smart-masked-text-box{display:block;overflow:visible;border:none;width:var(--smart-text-box-default-width);height:var(--smart-text-box-default-height);color:var(--smart-masked-text-box-color);background-color:var(--smart-masked-text-box-background);border-top-left-radius:var(--smart-masked-text-box-border-top-left-radius);border-top-right-radius:var(--smart-masked-text-box-border-top-right-radius);border-bottom-left-radius:var(--smart-masked-text-box-border-bottom-left-radius);border-bottom-right-radius:var(--smart-masked-text-box-border-bottom-right-radius);font-family:var(--smart-masked-text-box-font-family);font-size:var(--smart-masked-text-box-font-size)}smart-masked-text-box .smart-container{width:100%;height:100%;color:inherit;font-family:inherit;position:relative}smart-masked-text-box input{width:100%;height:100%;outline:0;border-width:var(--smart-masked-text-box-border-width);border-style:solid;border-color:var(--smart-masked-text-box-border);padding:var(--smart-editor-label-padding);border-top-left-radius:var(--smart-masked-text-box-border-top-left-radius);border-top-right-radius:var(--smart-masked-text-box-border-top-right-radius);border-bottom-left-radius:var(--smart-masked-text-box-border-bottom-left-radius);border-bottom-right-radius:var(--smart-masked-text-box-border-bottom-right-radius);color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;background-color:inherit;font-style:inherit;position:absolute;left:0;top:0}smart-masked-text-box[hover] input{border-color:var(--smart-masked-text-box-border-hover)}smart-masked-text-box input:focus,smart-masked-text-box:focus input{border-color:var(--smart-outline)}smart-masked-text-box[error] input{border-color:var(--smart-masked-text-box-border-error);color:var(--smart-masked-text-box-color-error)}smart-masked-text-box input::selection{background:var(--smart-masked-text-box-selection);color:var(--smart-masked-text-box-selection-color)}smart-masked-text-box input::-ms-clear,smart-masked-text-box input[type=password]::-ms-clear,smart-masked-text-box input[type=password]::-ms-reveal{display:none}smart-masked-text-box .smart-hint,smart-masked-text-box .smart-label{display:none}smart-masked-text-box[hint] .smart-hint,smart-masked-text-box[label] .smart-label{position:absolute;left:0;bottom:100%;font-size:12px;width:100%;display:block;padding:var(--smart-editor-label-padding);pointer-events:none;user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;text-align:initial;line-height:initial;vertical-align:initial}smart-masked-text-box[hint] .smart-hint{opacity:0;top:100%;bottom:initial}smart-masked-text-box:not([animation=none])[hint] .smart-hint{transition:opacity .2s cubic-bezier(.4,0,.6,1)}smart-masked-text-box:not([animation=none])[hint][focus] .smart-hint{transition:opacity .2s cubic-bezier(.4,0,.2,1)}smart-masked-text-box[hint][focus] .smart-hint{opacity:1}smart-masked-text-box.outlined,smart-masked-text-box.underlined{background-color:transparent}smart-masked-text-box.underlined input{border-top:none;border-left:none;border-right:none;border-radius:initial} -------------------------------------------------------------------------------- /source/styles/default/smart.timepicker.css: -------------------------------------------------------------------------------- 1 | jqx-time-picker{display:block;border:var(--jqx-time-picker-border-width) solid var(--jqx-time-picker-border);width:var(--jqx-time-picker-default-width);height:var(--jqx-time-picker-default-height);border-radius:var(--jqx-border-radius);font-family:var(--jqx-font-family);font-size:var(--jqx-font-size);line-height:initial;touch-action:none;min-width:250px}jqx-time-picker[view=landscape]{width:var(--jqx-time-picker-default-height);height:var(--jqx-time-picker-default-width);min-width:400px}jqx-time-picker>.jqx-container{width:100%;height:100%}jqx-time-picker .jqx-header,jqx-time-picker .jqx-hour-minute-container,jqx-time-picker .jqx-svg-container,jqx-time-picker[view=landscape]>.jqx-container{display:flex}jqx-time-picker .jqx-header{width:100%;height:var(--jqx-calendar-title-height);background-color:var(--jqx-time-picker-header-background);color:var(--jqx-time-picker-header-color);justify-content:center;align-items:center}jqx-time-picker[view=landscape] .jqx-header{flex-direction:column;width:33%;height:100%}jqx-time-picker .jqx-main-container{width:100%;height:calc(100% - var(--jqx-calendar-title-height));padding:2%;background-color:var(--jqx-time-picker-background)}jqx-time-picker[view=landscape] .jqx-main-container{width:67%;height:100%}jqx-time-picker .jqx-svg-container{justify-content:center;align-items:center;width:100%;height:100%}jqx-time-picker[footer] .jqx-svg-container{height:calc(100% - 30px)}jqx-time-picker .jqx-footer{display:none}jqx-time-picker[footer] .jqx-footer{display:block;width:100%;height:30px}jqx-time-picker .jqx-hour-minute-container{font-size:50px}jqx-time-picker .jqx-am-pm-container{margin-left:10px}jqx-time-picker[view=landscape] .jqx-am-pm-container{margin-left:0}jqx-time-picker .jqx-am-container,jqx-time-picker .jqx-hour-container,jqx-time-picker .jqx-minute-container,jqx-time-picker .jqx-pm-container{opacity:.5;cursor:pointer}jqx-time-picker[disabled] .jqx-am-container,jqx-time-picker[disabled] .jqx-hour-container,jqx-time-picker[disabled] .jqx-minute-container,jqx-time-picker[disabled] .jqx-pm-container,jqx-time-picker[readonly] .jqx-am-container,jqx-time-picker[readonly] .jqx-hour-container,jqx-time-picker[readonly] .jqx-minute-container,jqx-time-picker[readonly] .jqx-pm-container{cursor:default}jqx-time-picker .jqx-selected{opacity:1}jqx-time-picker .jqx-hour-minute-container div:nth-child(2){opacity:.5}jqx-time-picker .jqx-svg-picker{border-radius:50%;background-color:var(--jqx-time-picker-background);position:relative;box-sizing:content-box}jqx-time-picker .jqx-svg-picker.animate{animation:jqx-time-picker-animation .5s linear}jqx-time-picker .jqx-needle,jqx-time-picker .jqx-needle-central-circle{fill:var(--jqx-time-picker-needle-background)}jqx-time-picker .jqx-label{fill:var(--jqx-time-picker-color)}jqx-time-picker .jqx-label.jqx-selected{fill:var(--jqx-time-picker-needle-color);stroke:var(--jqx-time-picker-needle-color);stroke-width:0}jqx-time-picker .jqx-header :focus{outline:var(--jqx-time-picker-background) solid 1px}jqx-time-picker .jqx-svg-picker:focus{border:1px solid var(--jqx-outline);outline:0}@keyframes jqx-time-picker-animation{0%,100%{opacity:1}25%,75%{opacity:.5}50%{opacity:0}} -------------------------------------------------------------------------------- /source/styles/default/smart.radiobutton.css: -------------------------------------------------------------------------------- 1 | jqx-radio-button[check-mode=input] .jqx-input,jqx-radio-button[check-mode=label] .jqx-label{cursor:pointer}jqx-radio-button .jqx-overlay,jqx-radio-button .jqx-ripple{background:var(--jqx-radio-button-background-active)}jqx-radio-button{display:inline-block;height:var(--jqx-editor-height);outline:0;font-family:var(--jqx-radio-button-font-family);font-size:var(--jqx-radio-button-font-size);cursor:pointer}jqx-radio-button[check-mode=input],jqx-radio-button[check-mode=label]{cursor:default}jqx-radio-button .jqx-container{position:relative;display:flex;align-items:center}jqx-radio-button .jqx-overlay{height:100%;width:var(--jqx-editor-height);position:absolute;left:2px;border-radius:100%;padding:0;opacity:0;box-sizing:content-box;transition:opacity 280ms ease-in-out}jqx-radio-button[active]:focus .jqx-overlay,jqx-radio-button[active][focus] .jqx-overlay{opacity:.4}jqx-radio-button:focus .jqx-overlay,jqx-radio-button[active][focus] .jqx-overlay{opacity:.3}jqx-radio-button[right-to-left] .jqx-container{justify-content:flex-end}jqx-radio-button[right-to-left] .jqx-label{order:2}jqx-radio-button[right-to-left] .jqx-input{order:3}jqx-radio-button .jqx-label{color:var(--jqx-on-background);font-size:var(--jqx-font-size);font-family:var(--jqx-font-family);margin:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto}jqx-radio-button .jqx-input{width:var(--jqx-radio-button-default-size);min-width:var(--jqx-radio-button-default-size);height:var(--jqx-radio-button-default-size);min-height:var(--jqx-radio-button-default-size);background-color:var(--jqx-radio-button-background);box-sizing:initial;border-style:solid;border-width:var(--jqx-radio-button-border-width);border-color:var(--jqx-radio-button-border);display:inline-block;border-top-left-radius:var(--jqx-radio-button-border-top-left-radius);border-top-right-radius:var(--jqx-radio-button-border-top-right-radius);border-bottom-left-radius:var(--jqx-radio-button-border-bottom-left-radius);border-bottom-right-radius:var(--jqx-radio-button-border-bottom-right-radius);color:red;margin:0 0 0 8px;position:relative}jqx-radio-button[readonly],jqx-radio-button[readonly] .jqx-input,jqx-radio-button[readonly] .jqx-label{cursor:initial}jqx-radio-button .jqx-input:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:50%;font-style:normal;text-decoration:inherit;font-variant:normal;text-transform:none;color:inherit;border-radius:50%;line-height:100%}jqx-radio-button[hover] .jqx-input{border-color:var(--jqx-radio-button-border-hover);background-color:var(--jqx-radio-button-background-hover);color:var(--jqx-radio-button-color-hover)}jqx-radio-button[checked] .jqx-input:after{font-size:15px;font-weight:100;background:var(--jqx-radio-button-color-active)}jqx-radio-button[active] .jqx-input,jqx-radio-button[checked] .jqx-input{border-color:var(--jqx-radio-button-border-active);background-color:var(--jqx-radio-button-background-active);color:var(--jqx-radio-button-color-active)}jqx-radio-button:focus .jqx-input,jqx-radio-button[focus] .jqx-input{border-color:var(--jqx-radio-button-border-focus);outline:0;overflow:visible;background-color:var(--jqx-radio-button-background-focus);color:var(--jqx-radio-button-color-focus)} -------------------------------------------------------------------------------- /source/styles/default/smart.sortable.css: -------------------------------------------------------------------------------- 1 | jqx-sortable{display:block}jqx-sortable:not([disabled]){touch-action:none}jqx-sortable .jqx-sortable-items-parent,jqx-sortable:not([items])>.jqx-container{display:flex;flex-direction:column}jqx-sortable:not([items])[mode=horizontal]>.jqx-container,jqx-sortable[mode=horizontal] .jqx-sortable-items-parent{flex-direction:row}jqx-sortable .jqx-sortable-item{transform:translate(0,0);position:relative}jqx-sortable:not([drag-mode=handle]):not([disabled]) .jqx-sortable-item{cursor:grab}jqx-sortable:not([animation=none]) .jqx-sortable-item{transition:transform .15s ease-in}jqx-sortable:not([animation=none]) .jqx-sortable-item.returning{transition:left .15s ease-in,top .15s ease-in}jqx-sortable .jqx-sortable-item.dragged{position:absolute;box-shadow:var(--jqx-elevation-4);z-index:9999999}jqx-sortable[drag-mode=handle] .jqx-sortable-item:after,jqx-sortable[drag-mode=handle] .jqx-sortable-item:before{content:'\e828';position:absolute;left:100%;top:calc(50% - var(--jqx-sortable-handle-size)/ 2);width:var(--jqx-sortable-handle-size);height:var(--jqx-sortable-handle-size);display:flex;align-items:flex-end;justify-content:center;font-family:jqx-icons;font-size:var(--jqx-font-size);line-height:calc(var(--jqx-sortable-handle-size) - var(--jqx-font-size)/ 2);cursor:grab;visibility:hidden;opacity:0;transition:visibility .2s ease-in,opacity .2s ease-in;color:#000}jqx-sortable[handle-position=left] .jqx-sortable-item:after,jqx-sortable[handle-position=left] .jqx-sortable-item:before{left:calc(-1 * var(--jqx-sortable-handle-size))}jqx-sortable[drag-mode=handle]:not([disabled]) .jqx-sortable-item:hover:after,jqx-sortable[drag-mode=handle]:not([disabled]) .jqx-sortable-item:hover:before{z-index:9999999}jqx-sortable[drag-mode=handle] .jqx-sortable-item.dragged:after,jqx-sortable[drag-mode=handle] .jqx-sortable-item.dragged:before,jqx-sortable[drag-mode=handle]:not([disabled]) .jqx-sortable-item:hover:after,jqx-sortable[drag-mode=handle]:not([disabled]) .jqx-sortable-item:hover:before,jqx-sortable[drag-mode=handle][handle-visibility=visible]:not([disabled]) .jqx-sortable-item:after,jqx-sortable[drag-mode=handle][handle-visibility=visible]:not([disabled]) .jqx-sortable-item:before{visibility:visible;opacity:.5}jqx-sortable .jqx-sortable-item.placeholder:after,jqx-sortable .jqx-sortable-item.placeholder:before{content:none}jqx-sortable[drag-mode=handle] .jqx-sortable-item:before{transform:rotate(-90deg)}jqx-sortable[drag-mode=handle] .jqx-sortable-item:after{transform:rotate(90deg)}jqx-sortable[drag-mode=handle][handle-position=bottom] .jqx-sortable-item:after,jqx-sortable[drag-mode=handle][handle-position=bottom] .jqx-sortable-item:before,jqx-sortable[drag-mode=handle][handle-position=top] .jqx-sortable-item:after,jqx-sortable[drag-mode=handle][handle-position=top] .jqx-sortable-item:before{left:calc(50% - var(--jqx-sortable-handle-size)/ 2);top:100%;align-items:center;transform:none}jqx-sortable[drag-mode=handle][handle-position=bottom] .jqx-sortable-item:after{align-items:flex-start}jqx-sortable[drag-mode=handle][handle-position=top] .jqx-sortable-item:after,jqx-sortable[drag-mode=handle][handle-position=top] .jqx-sortable-item:before{top:calc(-1 * var(--jqx-sortable-handle-size))}jqx-sortable[drag-mode=handle][handle-position=top] .jqx-sortable-item:after{align-items:flex-end} -------------------------------------------------------------------------------- /source/styles/smart.base.css: -------------------------------------------------------------------------------- 1 | @import url("./default/smart.variables.css"); 2 | @import url("./default/smart.accordion.css"); 3 | @import url("./default/smart.array.css"); 4 | @import url("./default/smart.badge.css"); 5 | @import url("./default/smart.breadcrumb.css"); 6 | @import url("./default/smart.button.css"); 7 | @import url("./default/smart.calendar.css"); 8 | @import url("./default/smart.card.css"); 9 | @import url("./default/smart.cardview.css"); 10 | @import url("./default/smart.carousel.css"); 11 | @import url("./default/smart.chart.css" ); 12 | @import url("./default/smart.checkbox.css"); 13 | @import url("./default/smart.chart.css"); 14 | @import url("./default/smart.chip.css"); 15 | @import url("./default/smart.combobox.css"); 16 | @import url("./default/smart.colorpanel.css"); 17 | @import url("./default/smart.colorpicker.css"); 18 | @import url("./default/smart.datetimepicker.css"); 19 | @import url("./default/smart.dockinglayout.css"); 20 | @import url("./default/smart.dropdownlist.css"); 21 | @import url("./default/smart.dropdownbutton.css"); 22 | @import url("./default/smart.dropdown.css"); 23 | @import url("./default/smart.editors.css"); 24 | @import url("./default/smart.fileupload.css"); 25 | @import url("./default/smart.filterbuilder.css"); 26 | @import url("./default/smart.filterpanel.css"); 27 | @import url("./default/smart.ganttchart.css"); 28 | @import url("./default/smart.gauge.css"); 29 | @import url("./default/smart.grid.css"); 30 | @import url("./default/smart.gridpanel.css"); 31 | @import url("./default/smart.inputgroup.css"); 32 | @import url("./default/smart.led.css"); 33 | @import url("./default/smart.listbox.css"); 34 | @import url("./default/smart.listmenu.css"); 35 | @import url("./default/smart.maskedtextbox.css"); 36 | @import url("./default/smart.menu.css"); 37 | @import url("./default/smart.multisplitbutton.css"); 38 | @import url("./default/smart.multilinetextbox.css"); 39 | @import url("./default/smart.numerictextbox.css"); 40 | @import url("./default/smart.pager.css"); 41 | @import url("./default/smart.passwordtextbox.css"); 42 | @import url("./default/smart.powerbutton.css"); 43 | @import url("./default/smart.progressbar.css"); 44 | @import url("./default/smart.querybuilder.css"); 45 | @import url("./default/smart.radiobutton.css"); 46 | @import url("./default/smart.scrollbar.css"); 47 | @import url("./default/smart.scrollviewer.css"); 48 | @import url("./default/smart.slider.css"); 49 | @import url("./default/smart.sortable.css"); 50 | @import url("./default/smart.splitter.css"); 51 | @import url("./default/smart.switchbutton.css"); 52 | @import url("./default/smart.table.css"); 53 | @import url("./default/smart.tabs.css"); 54 | @import url("./default/smart.tank.css"); 55 | @import url("./default/smart.textbox.css"); 56 | @import url("./default/smart.timepicker.css"); 57 | @import url("./default/smart.toast.css"); 58 | @import url("./default/smart.tooltip.css"); 59 | @import url("./default/smart.tree.css"); 60 | @import url("./default/smart.window.css"); 61 | @import url("./default/smart.common.css"); 62 | @import url("./default/smart.layouts.css"); 63 | @import url("./default/smart.validator.css"); 64 | @import url("./default/smart.customdatetimeformatter.css"); 65 | @import url("./default/smart.customcurrencies.css"); 66 | -------------------------------------------------------------------------------- /source/styles/default/smart.checkbox.css: -------------------------------------------------------------------------------- 1 | smart-check-box[check-mode=input] .smart-input,smart-check-box[check-mode=label] .smart-label{cursor:pointer}smart-check-box .smart-overlay,smart-check-box .smart-ripple{background:var(--smart-check-box-background-active)}smart-check-box,smart-check-box .smart-label{font-size:var(--smart-check-box-font-size);font-family:var(--smart-check-box-font-family)}smart-check-box{display:inline-block;outline:0;height:var(--smart-editor-height);cursor:pointer}smart-check-box[check-mode=input],smart-check-box[check-mode=label]{cursor:default}smart-check-box .smart-container{position:relative;display:flex;align-items:center}smart-check-box .smart-overlay{top:0;height:100%;width:var(--smart-editor-height);position:absolute;left:2px;border-radius:100%;padding:0;opacity:0;box-sizing:content-box;transition:opacity 280ms ease-in-out}smart-check-box[active]:focus .smart-overlay,smart-check-box[active][focus] .smart-overlay{opacity:.4}smart-check-box:focus .smart-overlay,smart-check-box[focus] .smart-overlay{opacity:.3}smart-check-box[right-to-left] .smart-container{justify-content:flex-end}smart-check-box[right-to-left] .smart-label{order:2}smart-check-box[right-to-left] .smart-input{order:3}smart-check-box .smart-label{color:var(--smart-check-box-color);margin:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto}smart-check-box .smart-input{width:var(--smart-check-box-default-size);min-width:var(--smart-check-box-default-size);height:var(--smart-check-box-default-size);min-height:var(--smart-check-box-default-size);background-color:var(--smart-check-box-background);box-sizing:initial;border-style:solid;border-width:var(--smart-check-box-border-width);border-color:var(--smart-check-box-border);display:inline-block;color:var(--smart-check-box-color);border-top-left-radius:var(--smart-check-box-border-top-left-radius);border-top-right-radius:var(--smart-check-box-border-top-right-radius);border-bottom-left-radius:var(--smart-check-box-border-bottom-left-radius);border-bottom-right-radius:var(--smart-check-box-border-bottom-right-radius);margin:0 0 0 8px;transition:background linear .2s;position:relative}smart-check-box[readonly],smart-check-box[readonly] .smart-input,smart-check-box[readonly] .smart-label{cursor:initial}smart-check-box[active] .smart-input,smart-check-box[checked] .smart-input{border-color:var(--smart-check-box-border-active);background-color:var(--smart-check-box-background-active);color:var(--smart-check-box-color-active)}smart-check-box[hover] .smart-input{border-color:var(--smart-check-box-border-hover);background-color:var(--smart-check-box-background-hover);color:var(--smart-check-box-color-hover)}smart-check-box:focus .smart-input,smart-check-box[focus] .smart-input{outline:0;overflow:visible;border-color:var(--smart-check-box-border-focus);background-color:var(--smart-check-box-background-focus);color:var(--smart-check-box-color-focus)}smart-check-box .smart-input:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;font-style:normal;font-variant:normal;font-family:'Material icons';font-size:15px;font-weight:100;text-decoration:inherit;text-transform:none;color:inherit;line-height:100%}smart-check-box[checked] .smart-input:after{content:'\e876';font-family:'Material icons';font-size:15px;font-weight:100}smart-check-box[checked=null] .smart-input:after{content:'-'} -------------------------------------------------------------------------------- /source/styles/default/smart.gauge.css: -------------------------------------------------------------------------------- 1 | smart-gauge{display:block;width:var(--smart-gauge-default-width);height:var(--smart-gauge-default-height);min-width:125px;min-height:125px;fill:var(--smart-tick-label-color)}smart-gauge .smart-needle,smart-gauge .smart-needle-central-circle{fill:var(--smart-gauge-needle-background)}smart-gauge[disabled]{user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none}smart-gauge[size-mode=auto]{min-height:initial}smart-gauge:focus{outline:0}smart-gauge[dragged],smart-gauge[dragged] .smart-label{cursor:pointer}smart-gauge .smart-container{position:relative}smart-gauge>.smart-container{border-radius:50%}smart-gauge .smart-svg-container{width:100%;height:100%;touch-action:none}smart-gauge .smart-tick{stroke:var(--smart-tick-color);stroke-width:1px;width:15px;pointer-events:none}smart-gauge[analog-display-type=fill][ticks-position=track] .smart-tick,smart-gauge[analog-display-type=line][ticks-position=track] .smart-tick{stroke:#F2F2F2}smart-gauge .smart-tick-minor{width:5px}smart-gauge[labels-visibility=endPoints] .smart-label-middle,smart-gauge[ticks-visibility=major] .smart-tick-minor{visibility:hidden}smart-gauge .smart-needle{width:20px;height:110px}smart-gauge .smart-track{width:15px;stroke:var(--smart-gauge-track-border);stroke-width:2px;fill:var(--smart-gauge-track-background)}smart-gauge[show-ranges][ranges] .smart-track{opacity:0}smart-gauge .smart-value{stroke:var(--smart-gauge-border-active);stroke-width:2px;fill:var(--smart-gauge-background-active)}smart-gauge .smart-line{stroke:var(--smart-gauge-line-color);stroke-width:5px}.smart-range{width:75px;fill:#D8D8D8}smart-gauge .smart-digital-display-container{width:100%;height:100%;position:absolute;left:0;top:0;pointer-events:none}smart-gauge .smart-digital-display{position:absolute;display:none;width:80px;height:auto;top:75%;left:50%;transform:translate(-50%,-50%);color:#000;font-size:inherit;pointer-events:initial}smart-gauge .smart-digital-display input,smart-gauge[show-unit] .smart-digital-display .smart-numeric-text-box-unit-display{border-top-left-radius:var(--smart-text-box-border-top-left-radius);border-top-right-radius:var(--smart-text-box-border-top-right-radius);border-bottom-left-radius:var(--smart-text-box-border-bottom-left-radius);border-bottom-right-radius:var(--smart-text-box-border-bottom-right-radius);font-family:var(--smart-text-box-font-family);font-size:var(--smart-text-box-font-size)}smart-gauge[digital-display] .smart-digital-display{display:inline-block}smart-gauge[digital-display-position=top] .smart-digital-display{top:25%;transform:translate(-50%,-50%)}smart-gauge[digital-display-position=right] .smart-digital-display{top:50%;left:70%;transform:translate(-50%,-50%)}smart-gauge[digital-display-position=left] .smart-digital-display{top:50%;left:30%;transform:translate(-50%,-50%)}smart-gauge[digital-display-position=center] .smart-digital-display{top:50%;transform:translate(-50%,-50%)}smart-gauge .smart-digital-display input{text-align:center;border-color:var(--smart-text-box-border);background:0 0}smart-gauge .smart-digital-display input::selection{background:var(--smart-text-box-selection);color:var(--smart-text-box-selection-color)}smart-gauge[show-unit] .smart-digital-display input{border-right:none;text-align:right}smart-gauge[show-unit] .smart-digital-display .smart-numeric-text-box-unit-display{background:0 0;border-color:var(--smart-text-box-border);border-left:none} -------------------------------------------------------------------------------- /source/styles/default/smart.filterpanel.css: -------------------------------------------------------------------------------- 1 | smart-filter-panel{display:block;width:var(--smart-filter-panel-default-width);height:var(--smart-filter-panel-default-height);border:var(--smart-filter-panel-border-width) solid var(--smart-filter-panel-border);padding:var(--smart-filter-panel-padding);background:var(--smart-filter-panel-background);color:var(--smart-filter-panel-color);border-top-right-radius:var(--smart-filter-panel-border-top-right-radius);border-top-left-radius:var(--smart-filter-panel-border-top-left-radius);border-bottom-left-radius:var(--smart-filter-panel-border-bottom-left-radius);border-bottom-right-radius:var(--smart-filter-panel-border-bottom-right-radius)}smart-filter-panel .smart-filter-panel-input,smart-filter-panel .smart-filter-panel-label,smart-filter-panel .smart-filter-panel-list,smart-filter-panel .smart-filter-panel-operator-list,smart-filter-panel smart-filter-builder,smart-filter-panel smart-tree{margin-bottom:var(--smart-filter-panel-vertical-offset)}smart-filter-panel .smart-filter-panel-list{width:100%}smart-filter-panel .smart-filter-panel-operator-list{width:80px}smart-filter-panel .smart-filter-panel-button-container{width:100%;min-height:33px;height:var(--smart-editor-height);display:flex;justify-content:space-around}smart-filter-panel .smart-filter-panel-button-container>smart-button{width:80px}smart-filter-panel .smart-filter-panel-button-container>smart-button button{padding:8px}smart-filter-panel .smart-filter-panel-input{height:var(--smart-editor-height);width:100%;display:block}smart-filter-panel smart-numeric-text-box.smart-filter-panel-input input{text-align:right}smart-filter-panel smart-filter-builder,smart-filter-panel smart-tree{width:100%;height:var(--smart-filter-panel-main-element-height)}smart-filter-panel smart-tree.date-excel smart-tree-items-group[level="1"]>.smart-tree-item-label-container>.smart-tree-items-group-arrow,smart-filter-panel smart-tree.standard-excel .smart-tree-items-group-arrow{visibility:hidden}smart-filter-panel smart-tree.standard-excel smart-tree-item:not([level="1"])>.smart-tree-item-label-container{margin-left:-30px}smart-filter-panel smart-filter-builder{--smart-filter-builder-item-width:150px;display:block}smart-filter-panel[filter-type=string] smart-filter-builder{height:calc(var(--smart-filter-panel-main-element-height) - var(--smart-editor-height));margin-bottom:0}smart-filter-panel[filter-type=string] .case-sensitive{display:block;margin-top:5px;margin-bottom:calc(var(--smart-filter-panel-vertical-offset) - 5px)}smart-filter-panel smart-filter-builder .smart-filter-field-name,smart-filter-panel smart-menu-item[value=notand],smart-filter-panel smart-menu-item[value=notor]{display:none}smart-filter-panel[filter-type=boolean] smart-filter-builder{--smart-filter-builder-item-width:34px}smart-filter-panel[filter-type=boolean] smart-filter-builder .smart-editors-container,smart-filter-panel[filter-type=boolean] smart-filter-builder .smart-filter-value{min-width:initial}smart-filter-panel[filter-type=boolean] smart-filter-builder .smart-value-container{width:100px}smart-filter-panel[filter-type=boolean] smart-filter-builder .smart-editors-container[open] .smart-check-box-editor{width:100%}smart-filter-panel smart-filter-builder .smart-scroll-viewer-content-container{padding:0}smart-filter-panel smart-filter-builder .smart-content-container>.smart-filter-group>.smart-filter-group-operator{margin-left:15px}smart-filter-panel smart-filter-builder .smart-filter-group-condition-container{padding-left:15px} -------------------------------------------------------------------------------- /source/styles/images/grid-icons.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /source/styles/default/smart.editors.css: -------------------------------------------------------------------------------- 1 | smart-multiline-text-box .smart-container,smart-multiline-text-box .smart-inner-container,smart-multiline-text-box textarea{height:100%;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;overflow:hidden;width:100%}smart-multiline-text-box .smart-initialization-value,smart-multiline-text-box smart-scroll-bar{display:none}smart-multiline-text-box{display:inline-block;width:var(--smart-multiline-text-box-default-width);height:var(--smart-multiline-text-box-default-height);border:1px solid #A9A9A9;color:#A9A9A9;overflow:auto}smart-multiline-text-box[cols],smart-multiline-text-box[rows]{width:auto;height:auto}smart-multiline-text-box .smart-container,smart-multiline-text-box .smart-inner-container{position:relative}smart-multiline-text-box textarea{outline:0;border:none;padding:2px;background-color:inherit;resize:none;float:left}smart-multiline-text-box textarea.smart-text-box-hidden{visibility:hidden;width:100%;height:0;position:absolute;left:0;top:0}smart-multiline-text-box[auto-capitalize=words] textarea{text-transform:capitalize}smart-multiline-text-box[auto-capitalize=characters] textarea{text-transform:uppercase}smart-multiline-text-box[cols] textarea,smart-multiline-text-box[rows] textarea{width:inherit;height:inherit}smart-multiline-text-box textarea::selection{background:#FB0}smart-multiline-text-box.hovered,smart-multiline-text-box:focus.hovered{border-color:#FB0}smart-multiline-text-box[disabled],smart-multiline-text-box[disabled] textarea.hovered,smart-multiline-text-box[disabled].hovered{border-color:#A9A9A9;outline:0}smart-multiline-text-box smart-scroll-bar[disabled]{pointer-events:none}smart-multiline-text-box:focus{border-color:#555}smart-multiline-text-box .smart-container textarea{height:100%}smart-multiline-text-box .smart-container.hscroll textarea{height:calc(100% - var(--smart-scroll-bar-size))}smart-multiline-text-box .smart-container.vscroll textarea{width:calc(100% - var(--smart-scroll-bar-size))}smart-multiline-text-box .smart-container.hscroll smart-scroll-bar{width:100%;height:calc(var(--smart-scroll-bar-size));display:block}smart-multiline-text-box .smart-container.hscroll smart-scroll-bar[orientation=vertical]{display:none}smart-multiline-text-box .smart-container.vscroll smart-scroll-bar[orientation=vertical]{float:right;width:calc(var(--smart-scroll-bar-size));height:100%;display:block}smart-multiline-text-box[resizable] .smart-container.hscroll smart-scroll-bar smart-multiline-text-box .smart-container.vscroll.hscroll smart-scroll-bar{height:calc(var(--smart-scroll-bar-size));width:calc(100% - var(--smart-scroll-bar-size))}smart-multiline-text-box .smart-container.vscroll.hscroll smart-scroll-bar[orientation=vertical],smart-multiline-text-box[resizable] .smart-container.vscroll smart-scroll-bar[orientation=vertical]{height:calc(100% - var(--smart-scroll-bar-size));width:calc(var(--smart-scroll-bar-size))}smart-multiline-text-box[resizable] .smart-container.hscroll smart-scroll-bar{width:calc(100% - var(--smart-scroll-bar-size))}smart-multiline-text-box[display-mode=escaped] textarea{white-space:nowrap}smart-multiline-text-box .smart-resize-element{box-sizing:border-box;height:calc(var(--smart-scroll-bar-size));width:calc(var(--smart-scroll-bar-size));position:absolute;bottom:0;right:0;background-color:#d3d3d3;background-clip:content-box;border:1px solid #ddd;display:none;padding:2px 0 0 2px;cursor:nw-resize}smart-multiline-text-box[resizable] .smart-resize-element{display:block}smart-multiline-text-box[resizable] .smart-resize,smart-multiline-text-box[resizable] .smart-resize textarea{user-select:none}smart-multiline-text-box .smart-hint,smart-multiline-text-box .smart-label,smart-multiline-text-box .smart-required-message{display:none} -------------------------------------------------------------------------------- /source/styles/default/smart.inputgroup.css: -------------------------------------------------------------------------------- 1 | .input-group,.input-group-append,.input-group-prepend{display:-webkit-box;display:-ms-flexbox;box-sizing:border-box}.input-group-append,.input-group-append .input-group-text+.input-group-text,.input-group-append .input-group-text+smart-button,.input-group-append smart-button+.input-group-text,.input-group-append smart-button+smart-button,.input-group-prepend .input-group-text+.input-group-text,.input-group-prepend .input-group-text+smart-button,.input-group-prepend smart-button+.input-group-text,.input-group-prepend smart-button+smart-button,.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control{margin-left:-1px}.input-group{position:relative;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;font-family:var(--smart-font-family)}.input-group-append,.input-group-prepend{display:flex}.input-group-prepend{margin-right:-1px}.input-group>.input-group-append>.input-group-text,.input-group>.input-group-append>smart-button,.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:first-child>smart-button:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.input-group-text,.input-group>.input-group-prepend:not(:first-child)>smart-button{border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:last-child>smart-button:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-append:not(:last-child)>smart-button,.input-group>.input-group-prepend>.input-group-text,.input-group>.input-group-prepend>smart-button{border-top-right-radius:0;border-bottom-right-radius:0}.form-control,.input-group-text{border-radius:var(--smart-border-radius);padding:.375rem .75rem;font-size:1rem;line-height:1.5;border:1px solid #ced4da;color:#495057}.form-control,.input-group-append,.input-group-prepend{height:auto}.input-group-append>smart-button,.input-group-prepend>smart-button{height:100%}.input-group-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;background-color:#e9ecef}.form-control{display:block;width:100%;background-color:#fff;background-clip:padding-box;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.form-control:focus,.form-control[focus]{color:#495057;background-color:#fff;border-color:var(--smart-primary);outline:0;box-shadow:0 0 0 .2rem rgba(39,162,252,.25)}.input-group smart-button[focus]{color:#495057;background-color:#fff;border-color:#6c757d;outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.25);opacity:1}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.input-group smart-button[focus],.input-group>.custom-file:focus,.input-group>.custom-select:focus,.input-group>.form-control:focus,.input-group>.form-control[focus]{z-index:3}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0} -------------------------------------------------------------------------------- /source/styles/default/smart.toast.css: -------------------------------------------------------------------------------- 1 | .jqx-toast-container-bottom-left:empty,.jqx-toast-container-bottom-right:empty,.jqx-toast-container-custom:empty,.jqx-toast-container-modal:empty,.jqx-toast-container-top-left:empty,.jqx-toast-container-top-right:empty,jqx-toast,jqx-toast .jqx-toast-container-bottom-left,jqx-toast .jqx-toast-container-bottom-right,jqx-toast .jqx-toast-container-custom,jqx-toast .jqx-toast-container-modal,jqx-toast .jqx-toast-container-top-left,jqx-toast .jqx-toast-container-top-right{font-family:jqx-icons;display:none}.jqx-toast-container-bottom-left,.jqx-toast-container-bottom-right,.jqx-toast-container-top-left,.jqx-toast-container-top-right{width:var(--jqx-toast-container-default-width);padding:5px;position:absolute;overflow-y:hidden;box-sizing:border-box;z-index:var(--jqx-drop-down-z-index)}.jqx-toast-container-top-left{top:0;left:0}.jqx-toast-container-top-right{top:0;right:0}.jqx-toast-container-bottom-left{bottom:0;left:0}.jqx-toast-container-bottom-right{bottom:0;right:0}.jqx-toast-container-custom,.jqx-toast-container-modal{width:100%;height:100%}.jqx-toast-container-modal{background-color:rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;left:0;top:0;z-index:var(--jqx-drop-down-z-index)}.jqx-toast-container-custom:empty,.jqx-toast-container-modal:empty{display:none}.jqx-toast-item{width:100%;font-size:var(--jqx-toast-font-size);font-family:var(--jqx-toast-font-family);box-sizing:border-box;background-color:var(--jqx-toast-background);margin-bottom:2px;border-top-left-radius:var(--jqx-toast-border-top-left-radius);border-top-right-radius:var(--jqx-toast-border-top-right-radius);border-bottom-left-radius:var(--jqx-toast-border-bottom-left-radius);border-bottom-right-radius:var(--jqx-toast-border-bottom-right-radius);border:var(--jqx-toast-border-width) solid var(--jqx-toast-border);color:var(--jqx-toast-color);opacity:.8}.jqx-toast-item:hover{opacity:1}.jqx-toast-container-modal .jqx-toast-item{width:200px}.jqx-toast-item.jqx-error,.jqx-toast-item.jqx-info,.jqx-toast-item.jqx-mail,.jqx-toast-item.jqx-success,.jqx-toast-item.jqx-time,.jqx-toast-item.jqx-warning{color:#fff}.jqx-toast-item.jqx-info{background-color:#5bc0de;border-color:#5bc0de}.jqx-toast-item.jqx-warning{background-color:#f0ad4e;border-color:#f0ad4e}.jqx-toast-item.jqx-success{background-color:#5cb85c;border-color:#5cb85c}.jqx-toast-item.jqx-error{background-color:#d9534f;border-color:#d9534f}.jqx-toast-item.jqx-mail{background-color:#337ab7;border-color:#337ab7}.jqx-toast-item.jqx-time{background-color:#363636;border-color:#363636}.jqx-toast-item .jqx-toast-item-header{display:flex;justify-content:flex-end;height:16px}.jqx-toast-item .jqx-toast-item-close-button{font-family:jqx-icons;font-size:8px;padding:2px;user-select:none;position:relative;cursor:pointer;margin:5px;opacity:1;display:none;width:10px;height:10px;color:inherit}.jqx-toast-item[show-close-button] .jqx-toast-item-close-button:after{font-family:jqx-icons;content:'\e81F';font-size:inherit;padding:2px;user-select:none;cursor:pointer;color:inherit;position:absolute;left:0;top:0;display:block}.jqx-toast-item.jqx-error .jqx-toast-item-close-button,.jqx-toast-item.jqx-info .jqx-toast-item-close-button,.jqx-toast-item.jqx-mail .jqx-toast-item-close-button,.jqx-toast-item.jqx-success .jqx-toast-item-close-button,.jqx-toast-item.jqx-time .jqx-toast-item-close-button,.jqx-toast-item.jqx-warning .jqx-toast-item-close-button{color:#fff}.jqx-toast-item[show-close-button] .jqx-toast-item-close-button{display:block}.jqx-toast-item .jqx-toast-item-container{padding:0 0 10px;display:flex;align-items:center;position:relative;top:-4px}.jqx-toast-item .jqx-toast-item-icon{width:25px;height:25px;margin:0 15px;display:inline-block;background-repeat:no-repeat}.jqx-toast-item.jqx-info .jqx-toast-item-icon{background-image:url(../images/info.png)}.jqx-toast-item.jqx-warning .jqx-toast-item-icon{background-image:url(../images/warning.png)}.jqx-toast-item.jqx-success .jqx-toast-item-icon{background-image:url(../images/success.png)}.jqx-toast-item.jqx-error .jqx-toast-item-icon{background-image:url(../images/error.png)}.jqx-toast-item.jqx-mail .jqx-toast-item-icon{background-image:url(../images/mail.png)}.jqx-toast-item.jqx-time .jqx-toast-item-icon{background-image:url(../images/time.png)}.jqx-toast-item .jqx-toast-item-content{text-align:center;opacity:1;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;text-overflow:ellipsis;overflow:hidden;display:inline-block;width:calc(100% - 110px);margin:0 15px}.jqx-toast-item.animation{margin-left:0;margin-top:0;opacity:0;transition:opacity .3s ease-in!important}.jqx-toast-item.animation[opened]{opacity:.8}.jqx-toast-item.animation[opened]:hover{opacity:1}.jqx-toast-item.blink{animation:blink normal 1s infinite ease-in}@keyframes blink{50%{opacity:.5}} -------------------------------------------------------------------------------- /source/styles/default/smart.filterbuilder.css: -------------------------------------------------------------------------------- 1 | smart-filter-builder,smart-filter-builder>.smart-container{overflow:visible;position:relative}smart-filter-builder{display:inline-block;width:var(--smart-filter-builder-default-width);height:var(--smart-filter-builder-default-height);font-size:var(--smart-filter-builder-font-size);font-family:var(--smart-filter-builder-font-family);box-sizing:border-box;background-color:transparent}smart-filter-builder>.smart-container>.smart-inner-container{overflow:hidden;width:100%;height:100%;position:relative}smart-filter-builder[disabled]{opacity:.55;cursor:default;pointer-events:none;user-select:none}smart-filter-builder .smart-filter-group-condition{margin-bottom:5px}smart-filter-builder .filter-builder-item{min-height:var(--smart-filter-builder-row-height);vertical-align:middle;margin-right:5px;border:none;border-radius:3px;background-color:#add8e6;display:inline-flex;align-content:center;justify-content:center;align-items:center;padding:5px;cursor:pointer}smart-filter-builder .smart-filter-add-btn,smart-filter-builder .smart-filter-delete-btn{min-width:var(--smart-filter-builder-row-height);min-height:var(--smart-filter-builder-row-height);box-sizing:border-box;vertical-align:middle;display:inline-block;padding:5px 0;opacity:.3;font-size:16px}smart-filter-builder .smart-filter-add-btn:hover,smart-filter-builder .smart-filter-delete-btn:hover{opacity:.6}smart-filter-builder .smart-filter-add-btn:active,smart-filter-builder .smart-filter-delete-btn:active{opacity:1}smart-filter-builder .smart-filter-add-btn::after,smart-filter-builder .smart-filter-delete-btn::after{content:"+";font-family:smart-icons;display:inline-block;text-align:center;width:100%;vertical-align:middle;cursor:pointer;font-size:25px}smart-filter-builder .smart-filter-add-btn::after{font-weight:700}smart-filter-builder .smart-filter-delete-btn::after{content:"\e81F";font-size:10px}smart-filter-builder .smart-filter-add-btn{color:#000}smart-filter-builder .smart-filter-value{padding:0}smart-filter-builder .smart-filter-value[edited]{padding:0;background-color:transparent}smart-filter-builder .smart-filter-value .smart-value-container{color:gray;width:100%;height:100%;display:inline-flex;align-content:center;justify-content:center;padding:5px;margin:0}smart-filter-builder .smart-filter-value[edited] .smart-value-container{display:none}smart-filter-builder .smart-filter-group,smart-filter-builder .smart-filter-group-condition,smart-filter-builder .smart-filter-group-condition-container,smart-filter-builder .smart-filter-group-operator{display:block;width:100%;box-sizing:border-box;white-space:nowrap}smart-filter-builder .smart-filter-group-condition-container{padding-left:30px}smart-filter-builder .smart-content-container>.smart-filter-group>.smart-filter-group-operator{margin-left:30px}smart-filter-builder .smart-content-container>.smart-filter-group>.smart-filter-group-operator .smart-filter-delete-btn{display:none}smart-filter-builder smart-menu[mode=dropDown]{width:auto;height:auto}smart-filter-builder .smart-editors-container{position:relative;pointer-events:none;height:20px}smart-filter-builder .smart-editors-container[open]{min-width:100px;width:var(--smart-filter-builder-item-width);min-height:var(--smart-filter-builder-row-height)}smart-filter-builder .smart-editors-container .smart-check-box-editor,smart-filter-builder .smart-editors-container .smart-combo-box-editor,smart-filter-builder .smart-editors-container .smart-custom-editor>*,smart-filter-builder .smart-editors-container .smart-date-time-picker-editor,smart-filter-builder .smart-editors-container .smart-drop-down-list-editor,smart-filter-builder .smart-editors-container .smart-numeric-text-box-editor,smart-filter-builder .smart-editors-container .smart-text-box-editor{pointer-events:all;width:100%}smart-filter-builder .smart-editors-container[open] .smart-check-box-editor{margin-left:auto;margin-right:auto;display:flex;align-self:center;justify-self:center;width:30px;height:30px}smart-filter-builder .smart-editors-container[open] .smart-check-box-editor.smart-hidden{display:none}smart-filter-builder .smart-filter-field-name,smart-filter-builder .smart-filter-operation,smart-filter-builder .smart-filter-value{min-width:100px}smart-filter-builder .smart-filter-group-operation{min-width:50px}smart-filter-builder .smart-selected-menu-item{background-color:#d3d3d3}smart-filter-builder .smart-filter-builder-icon{width:40px;height:100%;display:inline-block;font-weight:700;border-right:1px solid gray;margin-right:5px;padding:0 2px;text-align:center}smart-filter-builder .smart-filter-builder-menu-item{height:100%;display:inline-block}smart-filter-builder .smart-hidden{display:none}smart-filter-builder smart-scroll-viewer{width:100%;height:100%;position:relative}smart-filter-builder .smart-scrollable-outer-container{width:100%;height:100%}smart-filter-builder .smart-filter-value:hover>*{color:initial;border-color:initial;background-color:initial} -------------------------------------------------------------------------------- /source/styles/images/icons-sprite.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | -------------------------------------------------------------------------------- /source/styles/default/smart.multilinetextbox.css: -------------------------------------------------------------------------------- 1 | smart-multiline-text-box .smart-initialization-value,smart-multiline-text-box smart-scroll-bar{display:none}smart-multiline-text-box{display:block;border:none;width:var(--smart-multiline-text-box-default-width);height:var(--smart-multiline-text-box-default-height);color:var(--smart-multiline-text-box-color);border-top-left-radius:var(--smart-multiline-text-box-border-top-left-radius);border-top-right-radius:var(--smart-multiline-text-box-border-top-right-radius);border-bottom-left-radius:var(--smart-multiline-text-box-border-bottom-left-radius);border-bottom-right-radius:var(--smart-multiline-text-box-border-bottom-right-radius);overflow:auto}smart-multiline-text-box[cols],smart-multiline-text-box[rows]{width:auto;height:auto}smart-multiline-text-box .smart-container{overflow:visible}smart-multiline-text-box .smart-inner-container,smart-multiline-text-box textarea{height:100%;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;overflow:hidden;width:100%}smart-multiline-text-box .smart-inner-container{position:relative}smart-multiline-text-box textarea{outline:0;border:none;padding:var(--smart-editor-label-padding);border:var(--smart-multiline-text-box-border-width) solid var(--smart-multiline-text-box-border);border-top-left-radius:var(--smart-multiline-text-box-border-top-left-radius);border-top-right-radius:var(--smart-multiline-text-box-border-top-right-radius);border-bottom-left-radius:var(--smart-multiline-text-box-border-bottom-left-radius);border-bottom-right-radius:var(--smart-multiline-text-box-border-bottom-right-radius);background-color:inherit;resize:none;float:left}smart-multiline-text-box textarea::selection{background:var(--smart-multiline-text-box-selection);color:var(--smart-multiline-text-box-selection-color)}smart-multiline-text-box textarea.smart-text-box-hidden{visibility:hidden;width:100%;height:0;position:absolute;left:0;top:0}smart-multiline-text-box[auto-capitalize=words] textarea{text-transform:capitalize}smart-multiline-text-box[auto-capitalize=characters] textarea{text-transform:uppercase}smart-multiline-text-box[cols] textarea,smart-multiline-text-box[rows] textarea{width:inherit;height:inherit}smart-multiline-text-box[hover]{border-color:var(--smart-multiline-text-box-border-hover)}smart-multiline-text-box[focus] textarea{border-color:var(--smart-outline)}smart-multiline-text-box .smart-container textarea{height:100%}smart-multiline-text-box .smart-container.hscroll textarea{height:calc(100% - var(--smart-scroll-bar-size))}smart-multiline-text-box .smart-container.vscroll textarea{width:calc(100% - var(--smart-scroll-bar-size))}smart-multiline-text-box .smart-container.hscroll smart-scroll-bar{width:100%;height:calc(var(--smart-scroll-bar-size));display:block}smart-multiline-text-box .smart-container.hscroll smart-scroll-bar[orientation=vertical]{display:none}smart-multiline-text-box .smart-container.vscroll smart-scroll-bar[orientation=vertical]{float:right;width:calc(var(--smart-scroll-bar-size));height:100%;display:block}smart-multiline-text-box[resizable] .smart-container.hscroll smart-scroll-bar smart-multiline-text-box .smart-container.vscroll.hscroll smart-scroll-bar{height:calc(var(--smart-scroll-bar-size));width:calc(100% - var(--smart-scroll-bar-size))}smart-multiline-text-box .smart-container.vscroll.hscroll smart-scroll-bar[orientation=vertical],smart-multiline-text-box[resizable] .smart-container.vscroll smart-scroll-bar[orientation=vertical]{height:calc(100% - var(--smart-scroll-bar-size));width:calc(var(--smart-scroll-bar-size))}smart-multiline-text-box .smart-container.hscroll.vscroll smart-scroll-bar,smart-multiline-text-box[resizable] .smart-container.hscroll smart-scroll-bar{width:calc(100% - var(--smart-scroll-bar-size))}smart-multiline-text-box[display-mode=escaped] textarea{white-space:nowrap}smart-multiline-text-box .smart-resize-element{box-sizing:border-box;height:calc(var(--smart-scroll-bar-size));width:calc(var(--smart-scroll-bar-size));position:absolute;bottom:0;right:0;background-color:#d3d3d3;background-clip:content-box;border:var(--smart-multiline-text-box-border) solid var(--smart-multiline-text-box-border-width);display:none;padding:2px 0 0 2px;cursor:nw-resize}smart-multiline-text-box[resizable] .smart-resize-element{display:block}smart-multiline-text-box[resizable] .smart-resize,smart-multiline-text-box[resizable] .smart-resize textarea{user-select:none}smart-multiline-text-box .smart-required-message{display:none}smart-multiline-text-box .smart-hint,smart-multiline-text-box .smart-label{display:none;position:absolute}smart-multiline-text-box[hint] .smart-hint,smart-multiline-text-box[label] .smart-label{position:absolute;left:0;bottom:100%;font-size:12px;width:100%;display:block;padding:var(--smart-editor-label-padding);pointer-events:none;user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;text-align:initial;line-height:initial;vertical-align:initial}smart-multiline-text-box[hint] .smart-hint{opacity:0;top:100%;bottom:initial}smart-multiline-text-box[hint][focus] .smart-hint{opacity:1}smart-multiline-text-box:not([animation=none])[hint] .smart-hint{transition:opacity .2s cubic-bezier(.4,0,.6,1)}smart-multiline-text-box:not([animation=none])[hint][focus] .smart-hint{transition:opacity .2s cubic-bezier(.4,0,.2,1)}smart-multiline-text-box{background-color:var(--smart-multiline-text-box-background)}smart-multiline-text-box.outlined,smart-multiline-text-box.underlined{background-color:transparent}smart-multiline-text-box.underlined textarea{border-top:none;border-left:none;border-right:none;border-radius:initial} -------------------------------------------------------------------------------- /source/styles/default/smart.table.css: -------------------------------------------------------------------------------- 1 | jqx-table{width:100%;max-width:100%;margin-bottom:1rem;background-color:transparent;font-family:var(--jqx-font-family);font-size:var(--jqx-font-size)}.jqx-table-container{width:100%;height:100%}jqx-table td,jqx-table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}jqx-table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}jqx-table thead th .sort-by{padding-right:18px;position:relative;user-select:none}jqx-table thead th .sort-by.asc:before,jqx-table thead th .sort-by.desc:after{border:4px solid transparent;content:"";display:block;height:0;right:5px;top:50%;position:absolute;width:0}jqx-table thead th .sort-by.asc:before{border-bottom-color:#666;margin-top:-5px}jqx-table.table-dark thead th .sort-by.asc:before,jqx-table.thead-dark th .sort-by.asc:before{border-bottom-color:#fff}jqx-table thead th .sort-by.desc:after{border-top-color:#666;margin-top:1px}jqx-table.table-dark thead th .sort-by.desc:after,jqx-table.thead-dark thead th .sort-by.desc:after{border-top-color:#fff}jqx-table tbody+tbody{border-top:2px solid #dee2e6}jqx-table jqx-table{background-color:#fff}jqx-table-sm td,jqx-table-sm th{padding:.3rem}jqx-table.table-bordered table,jqx-table.table-bordered table td,jqx-table.table-bordered table th{border:1px solid #dee2e6}jqx-table.table-bordered table thead td,jqx-table.table-bordered table thead th{border-bottom-width:2px}jqx-table.table-striped table tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}jqx-table.table-hover table tbody tr:hover{background-color:rgba(0,0,0,.075)}jqx-table-primary,jqx-table-primary>td,jqx-table-primary>th{background-color:#b8daff}jqx-table.table-hover table jqx-table-primary:hover,jqx-table.table-hover table jqx-table-primary:hover>td,jqx-table.table-hover table jqx-table-primary:hover>th{background-color:#9fcdff}jqx-table-secondary,jqx-table-secondary>td,jqx-table-secondary>th{background-color:#d6d8db}jqx-table.table-hover table jqx-table-secondary:hover,jqx-table.table-hover table jqx-table-secondary:hover>td,jqx-table.table-hover table jqx-table-secondary:hover>th{background-color:#c8cbcf}jqx-table-success,jqx-table-success>td,jqx-table-success>th{background-color:#c3e6cb}jqx-table.table-hover table jqx-table-success:hover,jqx-table.table-hover table jqx-table-success:hover>td,jqx-table.table-hover table jqx-table-success:hover>th{background-color:#b1dfbb}jqx-table-info,jqx-table-info>td,jqx-table-info>th{background-color:#bee5eb}jqx-table.table-hover table jqx-table-info:hover,jqx-table.table-hover table jqx-table-info:hover>td,jqx-table.table-hover table jqx-table-info:hover>th{background-color:#abdde5}jqx-table-warning,jqx-table-warning>td,jqx-table-warning>th{background-color:#ffeeba}jqx-table.table-hover table jqx-table-warning:hover,jqx-table.table-hover table jqx-table-warning:hover>td,jqx-table.table-hover table jqx-table-warning:hover>th{background-color:#ffe8a1}jqx-table-danger,jqx-table-danger>td,jqx-table-danger>th{background-color:#f5c6cb}jqx-table.table-hover table jqx-table-danger:hover,jqx-table.table-hover table jqx-table-danger:hover>td,jqx-table.table-hover table jqx-table-danger:hover>th{background-color:#f1b0b7}jqx-table.table-light table,jqx-table.table-light table>td,jqx-table.table-light table>th{background-color:#fdfdfe}jqx-table.table-hover table jqx-table.table-light table:hover,jqx-table.table-hover table jqx-table.table-light table:hover>td,jqx-table.table-hover table jqx-table.table-light table:hover>th{background-color:#ececf6}jqx-table.table-dark table,jqx-table.table-dark table>td,jqx-table.table-dark table>th{background-color:#c6c8ca}jqx-table.table-hover table jqx-table.table-dark table:hover,jqx-table.table-hover table jqx-table.table-dark table:hover>td,jqx-table.table-hover table jqx-table.table-dark table:hover>th{background-color:#b9bbbe}jqx-table-active,jqx-table-active>td,jqx-table-active>th,jqx-table.table-hover table jqx-table-active:hover,jqx-table.table-hover table jqx-table-active:hover>td,jqx-table.table-hover table jqx-table-active:hover>th{background-color:rgba(0,0,0,.075)}jqx-table.thead-dark table th{color:#fff;background-color:#212529;border-color:#32383e}jqx-table.thead-primary table th{color:var(--jqx-primary-color);background-color:var(--jqx-primary);border-color:var(--jqx-primary)}jqx-table.thead-secondary table th{color:var(--jqx-secondary-color);background-color:var(--jqx-secondary);border-color:var(--jqx-secondary)}jqx-table.thead-surface table th{color:var(--jqx-surface-color);background-color:var(--jqx-surface);border-color:var(--jqx-surface)}jqx-table.thead-light table th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}jqx-table.table-dark table{color:#fff;background-color:#212529}jqx-table.table-dark table td,jqx-table.table-dark table th,jqx-table.table-dark table thead th{border-color:#32383e}jqx-table.table-dark.table-bordered table,jqx-table.table-responsive>jqx-table.table-bordered table{border:0}jqx-table.table-dark.table-striped table tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}jqx-table.table-dark.table-hover table tbody tr:hover{background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){jqx-table.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}jqx-table.table-responsive-sm>jqx-table.table-bordered table{border:0}}@media (max-width:767.98px){jqx-table.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}jqx-table.table-responsive-md>jqx-table.table-bordered table{border:0}}@media (max-width:991.98px){jqx-table.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}jqx-table.table-responsive-lg>jqx-table.table-bordered table{border:0}}@media (max-width:1199.98px){jqx-table.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}jqx-table.table-responsive-xl>jqx-table.table-bordered table{border:0}}jqx-table.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar} -------------------------------------------------------------------------------- /source/styles/default/smart.gridpanel.css: -------------------------------------------------------------------------------- 1 | smart-group-panel .smart-grid-panel-buttons-container span:focus,smart-group-panel .smart-grid-panel-item-close-button:focus,smart-sort-panel .smart-grid-panel-buttons-container span:focus,smart-sort-panel .smart-grid-panel-item-close-button:focus{outline:0}smart-group-panel,smart-sort-panel{display:block;min-width:375px;width:var(--smart-grid-panel-default-width);height:var(--smart-grid-panel-default-height);border:var(--smart-grid-panel-border-width) solid var(--smart-grid-panel-border);padding:var(--smart-grid-panel-padding);overflow:auto;background:var(--smart-grid-panel-background);color:var(--smart-grid-panel-color);border-top-right-radius:var(--smart-grid-panel-border-top-right-radius);border-top-left-radius:var(--smart-grid-panel-border-top-left-radius);border-bottom-left-radius:var(--smart-grid-panel-border-bottom-left-radius);border-bottom-right-radius:var(--smart-grid-panel-border-bottom-right-radius);font-family:var(--smart-font-family);font-size:var(--smart-font-size)}smart-group-panel .smart-sortable-container,smart-sort-panel .smart-sortable-container{margin-bottom:var(--smart-grid-panel-padding)}smart-group-panel .smart-sortable-container:empty:after,smart-sort-panel .smart-sortable-container:empty:after{margin-top:calc(var(--smart-grid-panel-vertical-offset)/ 2);margin-bottom:calc(var(--smart-grid-panel-vertical-offset)/ 2);opacity:.7}smart-sort-panel .smart-sortable-container:empty:after{content:'No sorting applied'}smart-group-panel .smart-sortable-container:empty:after{content:'No grouping applied'}smart-group-panel .smart-grid-panel-container-footer,smart-sort-panel .smart-grid-panel-container-footer{display:flex;flex-direction:row;justify-content:space-between}smart-group-panel .smart-grid-panel-container-footer>smart-input,smart-sort-panel .smart-grid-panel-container-footer>smart-input{min-width:215px;width:40%}smart-group-panel .smart-grid-panel-buttons-container,smart-sort-panel .smart-grid-panel-buttons-container{width:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between}smart-group-panel .smart-grid-panel-buttons-container span:hover,smart-sort-panel .smart-grid-panel-buttons-container span:hover{color:#000;cursor:pointer}smart-group-panel .smart-grid-panel-buttons-container span:active,smart-group-panel .smart-grid-panel-buttons-container span:focus,smart-sort-panel .smart-grid-panel-buttons-container span:active,smart-sort-panel .smart-grid-panel-buttons-container span:focus{color:var(--smart-primary)}smart-group-panel .smart-grid-panel-buttons-container .smart-grid-panel-apply-button,smart-sort-panel .smart-grid-panel-buttons-container .smart-grid-panel-apply-button{margin-left:15px;font-weight:700}smart-group-panel .smart-grid-panel-item,smart-sort-panel .smart-grid-panel-item{display:flex;align-items:center;margin-top:calc(var(--smart-grid-panel-vertical-offset)/ 2);margin-bottom:calc(var(--smart-grid-panel-vertical-offset)/ 2);width:calc(100% - var(--smart-sortable-handle-size));height:var(--smart-grid-panel-item-height);background-color:var(--smart-grid-panel-background)}smart-group-panel .smart-grid-panel-item.dragged,smart-sort-panel .smart-grid-panel-item.dragged{opacity:.7}smart-group-panel .smart-grid-panel-item-close-button,smart-sort-panel .smart-grid-panel-item-close-button{display:flex;justify-content:center;width:20px}smart-group-panel .smart-grid-panel-item-close-button:hover,smart-sort-panel .smart-grid-panel-item-close-button:hover{color:#000;cursor:pointer}smart-group-panel .smart-grid-panel-item-close-button:active,smart-group-panel .smart-grid-panel-item-close-button:focus,smart-sort-panel .smart-grid-panel-item-close-button:active,smart-sort-panel .smart-grid-panel-item-close-button:focus{color:var(--smart-primary)}smart-group-panel .smart-grid-panel-item-close-button:after,smart-sort-panel .smart-grid-panel-item-close-button:after{content:'\e81f';font-family:smart-icons;font-size:8px}smart-group-panel [close-button-position=right] .smart-grid-panel-item-close-button,smart-sort-panel[close-button-position=right] .smart-grid-panel-item-close-button{order:1}smart-group-panel [close-button-position=right] .smart-sortable-container,smart-sort-panel[close-button-position=right] .smart-sortable-container{align-items:flex-end}smart-group-panel .smart-grid-panel-label-by,smart-sort-panel .smart-grid-panel-label-by{padding:5px;width:60px;flex-grow:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}smart-group-panel .smart-grid-panel-field-container,smart-sort-panel .smart-grid-panel-field-container{height:100%;width:100px;flex-grow:3}smart-group-panel .smart-grid-panel-field-selection,smart-sort-panel .smart-grid-panel-field-selection{height:100%;width:100%}smart-group-panel .smart-grid-panel-from,smart-sort-panel .smart-grid-panel-from{display:flex;justify-content:center;padding:5px;width:40px;flex-grow:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}smart-group-panel .smart-grid-panel-direction,smart-sort-panel .smart-grid-panel-direction{display:flex;width:115px;flex-grow:2;height:100%;background-color:var(--smart-surface)}smart-group-panel .smart-grid-panel-direction:focus,smart-sort-panel .smart-grid-panel-direction:focus{outline:0;box-shadow:0 0 0 1px var(--smart-primary)}smart-group-panel .smart-grid-panel-direction,smart-group-panel .smart-grid-panel-direction>div,smart-sort-panel .smart-grid-panel-direction,smart-sort-panel .smart-grid-panel-direction>div{border-top-right-radius:var(--smart-grid-panel-border-top-right-radius);border-top-left-radius:var(--smart-grid-panel-border-top-left-radius);border-bottom-left-radius:var(--smart-grid-panel-border-bottom-left-radius);border-bottom-right-radius:var(--smart-grid-panel-border-bottom-right-radius)}smart-group-panel .smart-grid-panel-direction>div,smart-sort-panel .smart-grid-panel-direction>div{display:flex;align-items:center;justify-content:center;margin:3px;width:calc(50% - 6px);height:calc(100% - 6px)}smart-group-panel .smart-grid-panel-direction>div.selected,smart-sort-panel .smart-grid-panel-direction>div.selected{background-color:var(--smart-primary);color:var(--smart-primary-color)}smart-group-panel .smart-grid-panel-expand-collapse{justify-content:flex-end}smart-group-panel .smart-group-panel-expand-button{margin-left:15px} -------------------------------------------------------------------------------- /source/styles/default/smart.pager.css: -------------------------------------------------------------------------------- 1 | .smart-pager-button,.smart-pager-page-index-selector{font-size:inherit;font-family:inherit;position:relative}smart-pager{min-width:300px;display:block;border:var(--smart-pager-border-width) solid var(--smart-pager-border);background:var(--smart-pager-background);border-radius:0;height:var(--smart-pager-default-height);justify-content:center;padding:var(--smart-pager-padding);border-top-left-radius:var(--smart-pager-border-top-left-radius);border-top-right-radius:var(--smart-pager-border-top-right-radius);border-bottom-left-radius:var(--smart-pager-border-bottom-left-radius);border-bottom-right-radius:var(--smart-pager-border-bottom-right-radius)}smart-pager.smart-element{overflow:visible}smart-pager>.smart-container{flex-direction:row;display:flex;align-items:center}.smart-pager-near-buttons-container{order:0;height:100%}.smart-pager-middle-buttons-container{order:1;height:100%}.smart-pager-far-buttons-container{order:2;height:100%}.smart-pager-input-and-label-container{order:3}.smart-pager-input-and-label-container.near{order:-2}.smart-pager-size-selector-and-label-container{order:4}.smart-pager-size-selector-and-label-container.near{order:-1}.smart-pager-summary-container.near{order:-2}.smart-pager-summary-container{order:5}.smart-pager-far-buttons-container.near,.smart-pager-near-buttons-container.near{order:0}.smart-pager-far-buttons-container.far,.smart-pager-near-buttons-container.far{order:2}.smart-pager-far-buttons-container,.smart-pager-input-and-label-container,.smart-pager-middle-buttons-container,.smart-pager-near-buttons-container,.smart-pager-size-selector-and-label-container,.smart-pager-summary-container{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:0 4px}.smart-pager-page-index-selectors-container{display:flex;color:var(--smart-pager-color);width:auto;height:100%;outline:0;align-items:center}.smart-pager-label{display:flex;border:none;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;height:100%;margin:0 8px}.smart-pager-label span{padding:2px}.smart-pager-button{display:flex;align-items:center;justify-content:center;border-top-left-radius:var(--smart-pager-button-border-top-left-radius);border-top-right-radius:var(--smart-pager-button-border-top-right-radius);border-bottom-left-radius:var(--smart-pager-button-border-bottom-left-radius);border-bottom-right-radius:var(--smart-pager-button-border-bottom-right-radius);background:var(--smart-pager-button-background);border-color:var(--smart-pager-button-border);color:var(--smart-pager-button-color);width:var(--smart-pager-button-width);height:var(--smart-pager-button-height);overflow:hidden}.smart-pager-page-index-selector,smart-pager:not([show-navigation-button-labels]) .smart-pager-button{width:var(--smart-pager-page-index-selector-width);border-top-left-radius:var(--smart-pager-page-index-selector-border-top-left-radius);border-top-right-radius:var(--smart-pager-page-index-selector-border-top-right-radius);border-bottom-left-radius:var(--smart-pager-page-index-selector-border-bottom-left-radius);border-bottom-right-radius:var(--smart-pager-page-index-selector-border-bottom-right-radius)}.smart-pager-button:hover{background:var(--smart-pager-button-background-hover);border-color:var(--smart-pager-button-border-hover);color:var(--smart-pager-button-color-hover)}.smart-pager-button:active{background:var(--smart-pager-button-background-active);border-color:var(--smart-pager-button-border-active);color:var(--smart-pager-button-color-active)}.smart-pager-button[disabled]{background:var(--smart-pager-button-background);border-color:var(--smart-pager-button-border);color:var(--smart-pager-button-color)}.smart-pager-page-index-selector{display:flex;flex-grow:1;align-items:center;justify-content:center;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;border-left:var(--smart-pager-border-width) solid var(--smart-pager-page-index-selector-border);background-color:var(--smart-pager-page-index-selector-background);color:var(--smart-pager-page-index-selector-color);height:var(--smart-pager-page-index-selector-height);margin-left:var(--smart-pager-page-index-selector-horizontal-offset)}.smart-next-ellipsis-button,.smart-previous-ellipsis-button{width:var(--smart-pager-page-index-ellipsis-selector-width);height:var(--smart-pager-page-index-ellipsis-selector-height)}.smart-pager-page-index-selector:first-child{margin-left:-1px}smart-pager[disabled] .smart-pager-page-index-selector{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;cursor:default}smart-pager .smart-pager-page-index-selector:hover{background-color:var(--smart-pager-page-index-selector-background-hover);color:var(--smart-pager-page-index-selector-color-hover);border-color:var(--smart-pager-page-index-selector-border-hover)}.smart-pager-button .smart-ripple,.smart-pager-page-index-selector .smart-ripple,smart-pager .smart-pager-page-index-selector[selected]{background-color:var(--smart-pager-page-index-selector-background-active)}smart-pager .smart-pager-page-index-selector[selected]{color:var(--smart-pager-page-index-selector-color-active);border-color:var(--smart-pager-page-index-selector-border-active);box-shadow:var(--smart-elevation-2)}.smart-pager-button:active .smart-ripple,.smart-pager-page-index-selector[selected] .smart-ripple{background-color:var(--smart-pager-page-index-selector-color-active)}.smart-page-size-selector{width:var(--smart-pager-page-size-selector-width)}.smart-pager-input{width:var(--smart-pager-input-width);box-sizing:border-box;padding:0 var(--smart-editor-label-padding);margin:0 5px;background:var(--smart-pager-input-background);color:var(--smart-pager-input-color);border-top-left-radius:var(--smart-pager-input-border-top-left-radius);border-top-right-radius:var(--smart-pager-input-border-top-right-radius);border-bottom-left-radius:var(--smart-pager-input-border-bottom-left-radius);border-bottom-right-radius:var(--smart-pager-input-border-bottom-right-radius);border-color:var(--smart-pager-input-border);border-style:solid;border-width:var(--smart-pager-border-width);height:var(--smart-text-box-default-height)}.smart-pager-input::selection{background:var(--smart-pager-input-selection);color:var(--smart-pager-input-selection-color)}.smart-pager-input:focus{outline:0} -------------------------------------------------------------------------------- /source/styles/default/smart.passwordtextbox.css: -------------------------------------------------------------------------------- 1 | jqx-password-text-box .jqx-container,jqx-password-text-box .jqx-inner-container,jqx-password-text-box input{width:100%;color:inherit;font-family:inherit;height:100%}jqx-password-text-box{display:block;overflow:visible;font-family:var(--jqx-password-text-box-font-family);font-size:var(--jqx-password-text-box-font-size);width:var(--jqx-text-box-default-width);height:var(--jqx-text-box-default-height);color:var(--jqx-password-text-box-color);background:var(--jqx-password-text-box-background);border-top-left-radius:var(--jqx-password-text-box-border-top-left-radius);border-top-right-radius:var(--jqx-password-text-box-border-top-right-radius);border-bottom-left-radius:var(--jqx-password-text-box-border-bottom-left-radius);border-bottom-right-radius:var(--jqx-password-text-box-border-bottom-right-radius)}jqx-password-text-box .jqx-container{position:relative}jqx-password-text-box .jqx-inner-container{position:relative;overflow:hidden}jqx-password-text-box input{outline:0;border:none;padding:var(--jqx-editor-label-padding);border:var(--jqx-password-text-box-border-width) solid var(--jqx-password-text-box-border);border-top-left-radius:var(--jqx-password-text-box-border-top-left-radius);border-top-right-radius:var(--jqx-password-text-box-border-top-right-radius);border-bottom-left-radius:var(--jqx-password-text-box-border-bottom-left-radius);border-bottom-right-radius:var(--jqx-password-text-box-border-bottom-right-radius);font-size:inherit;font-weight:inherit;background-color:inherit;font-style:inherit;position:absolute;left:0;top:0}jqx-password-text-box .jqx-container:focus,jqx-password-text-box .jqx-inner-container:focus,jqx-password-text-box input:focus,jqx-password-text-box:focus{outline:0}jqx-password-text-box[disabled] input,jqx-password-text-box[readonly] input{user-select:none}jqx-password-text-box input::selection{background:var(--jqx-password-text-box-selection);color:var(--jqx-password-text-box-selection-color)}jqx-password-text-box input[hover],jqx-password-text-box:focus input[hover],jqx-password-text-box:focus[hover] input,jqx-password-text-box[hover] input{border-color:var(--jqx-password-text-box-border-hover)}jqx-password-text-box input:focus,jqx-password-text-box[focus]{border-color:var(--jqx-outline)}jqx-password-text-box .jqx-password-icon{position:absolute;right:0;top:0;height:100%;width:30px;display:flex;justify-content:center;font-size:inherit;align-items:center;cursor:pointer;user-select:none;color:#666;font-family:jqx-icons}jqx-password-text-box .jqx-password-icon.jqx-hidden{display:none}jqx-password-text-box[show-password-strength] .jqx-password-short input:focus,jqx-password-text-box[show-password-strength]:focus .jqx-password-short input{border-color:var(--jqx-error)}jqx-password-text-box[show-password-strength] .jqx-password-weak input:focus,jqx-password-text-box[show-password-strength]:focus .jqx-password-weak input{border-color:orange}jqx-password-text-box[show-password-strength] .jqx-password-far input:focus,jqx-password-text-box[show-password-strength]:focus .jqx-password-far input{border-color:#ff0}jqx-password-text-box[show-password-strength] .jqx-password-good input:focus,jqx-password-text-box[show-password-strength]:focus .jqx-password-good input{border-color:#00bfff}jqx-password-text-box[show-password-strength] .jqx-password-strong input:focus,jqx-password-text-box[show-password-strength]:focus .jqx-password-strong input{border-color:var(--jqx-success)}jqx-password-text-box[disabled] .jqx-password-far input:focus,jqx-password-text-box[disabled] .jqx-password-far input[hover],jqx-password-text-box[disabled] .jqx-password-good input:focus,jqx-password-text-box[disabled] .jqx-password-good input[hover],jqx-password-text-box[disabled] .jqx-password-short input:focus,jqx-password-text-box[disabled] .jqx-password-short input[hover],jqx-password-text-box[disabled] .jqx-password-strong input:focus,jqx-password-text-box[disabled] .jqx-password-strong input[hover],jqx-password-text-box[disabled] .jqx-password-weak input:focus,jqx-password-text-box[disabled] .jqx-password-weak input[hover],jqx-password-text-box[disabled]:focus .jqx-password-far input,jqx-password-text-box[disabled]:focus .jqx-password-good input,jqx-password-text-box[disabled]:focus .jqx-password-short input,jqx-password-text-box[disabled]:focus .jqx-password-strong input,jqx-password-text-box[disabled]:focus .jqx-password-weak input,jqx-password-text-box[disabled][hover] .jqx-password-far input,jqx-password-text-box[disabled][hover] .jqx-password-good input,jqx-password-text-box[disabled][hover] .jqx-password-short input,jqx-password-text-box[disabled][hover] .jqx-password-strong input,jqx-password-text-box[disabled][hover] .jqx-password-weak input,jqx-password-text-box[disabled][hover] input{border-color:var(--jqx-password-text-box-border)}jqx-password-text-box jqx-tooltip[arrow] .jqx-tooltip-content:after,jqx-password-text-box jqx-tooltip[arrow][arrow-direction=bottom] .jqx-tooltip-content:after{top:100%}jqx-password-text-box jqx-tooltip[arrow][arrow-direction=left] .jqx-tooltip-content:after{left:calc(-1 * var(--jqx-tooltip-arrow-width))}jqx-password-text-box jqx-tooltip[arrow][arrow-direction=top] .jqx-tooltip-content:after{top:calc(-1 * var(--jqx-tooltip-arrow-width))}jqx-password-text-box jqx-tooltip[arrow][arrow-direction=right] .jqx-tooltip-content:after{left:100%}jqx-password-text-box jqx-tooltip{font-size:inherit;font-family:inherit;font-weight:inherit}jqx-password-text-box .jqx-hint,jqx-password-text-box .jqx-label{display:none;position:absolute}jqx-password-text-box[hint] .jqx-hint,jqx-password-text-box[label] .jqx-label{position:absolute;left:0;bottom:100%;font-size:12px;width:100%;display:block;padding:var(--jqx-editor-label-padding);pointer-events:none;user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;text-align:initial;line-height:initial;vertical-align:initial}jqx-password-text-box[hint] .jqx-hint{opacity:0;top:100%;bottom:initial}jqx-password-text-box[hint][focus] .jqx-hint{opacity:1}jqx-password-text-box:not([animation=none])[hint] .jqx-hint{transition:opacity .2s cubic-bezier(.4,0,.6,1)}jqx-password-text-box:not([animation=none])[hint][focus] .jqx-hint{transition:opacity .2s cubic-bezier(.4,0,.2,1)}jqx-password-text-box.outlined,jqx-password-text-box.underlined{background-color:transparent}jqx-password-text-box.underlined input.jqx-input{border-top:none;border-left:none;border-right:none;border-radius:initial} -------------------------------------------------------------------------------- /source/styles/default/smart.breadcrumb.css: -------------------------------------------------------------------------------- 1 | .smart-breadcrumb-feedback *,smart-breadcrumb{box-sizing:border-box}smart-breadcrumb{display:block;width:var(--smart-breadcrumb-default-width);min-width:calc(2 * var(--smart-breadcrumb-padding) + 2 * var(--smart-breadcrumb-border-width) + 40px);height:var(--smart-breadcrumb-default-height);border:var(--smart-breadcrumb-border-width) solid var(--smart-breadcrumb-border);padding:var(--smart-breadcrumb-padding);padding-top:0;border-top-right-radius:var(--smart-breadcrumb-border-top-right-radius);border-top-left-radius:var(--smart-breadcrumb-border-top-left-radius);border-bottom-left-radius:var(--smart-breadcrumb-border-bottom-left-radius);border-bottom-right-radius:var(--smart-breadcrumb-border-bottom-right-radius);touch-action:none}smart-breadcrumb .smart-template-container{height:auto}smart-breadcrumb .smart-breadcrumb-items{width:100%;height:auto;display:flex;flex-direction:row;flex-wrap:wrap}.smart-breadcrumb-feedback,smart-breadcrumb .smart-breadcrumb-item{display:flex;flex-direction:row;align-items:center;position:relative;border:var(--smart-breadcrumb-border-width) solid var(--smart-breadcrumb-border);margin-right:var(--smart-breadcrumb-horizontal-offset);margin-top:var(--smart-breadcrumb-padding);width:auto;height:var(--smart-breadcrumb-item-height);padding:5px;background-color:var(--smart-primary);color:var(--smart-primary-color)}smart-breadcrumb .smart-breadcrumb-item:not(:last-child):after{position:absolute;width:var(--smart-breadcrumb-horizontal-offset);height:2px;background-color:var(--smart-breadcrumb-border);left:calc(100% + var(--smart-breadcrumb-border-width));top:50%;content:''}smart-breadcrumb .smart-breadcrumb-items>.afterTarget:last-child:after,smart-breadcrumb .smart-breadcrumb-items>.target:before{position:absolute;width:2px;height:100%;background-color:var(--smart-success);left:calc(-1 * var(--smart-breadcrumb-horizontal-offset)/ 2 - 2px);content:''}smart-breadcrumb .smart-breadcrumb-items>.afterTarget:last-child:after{left:calc(100% + var(--smart-breadcrumb-horizontal-offset)/ 2)}smart-breadcrumb[allow-drag] .smart-breadcrumb-item{cursor:pointer}smart-breadcrumb .smart-breadcrumb-item-label,smart-breadcrumb[add-new-item] .smart-breadcrumb-items>smart-button>button{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}smart-breadcrumb .smart-breadcrumb-item>.smart-close-button{display:none;margin-left:10px;margin-right:5px;width:1em;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;cursor:pointer;font-family:smart-icons;font-size:8px}smart-breadcrumb[close-buttons] .smart-breadcrumb-item>.smart-close-button{display:block}smart-breadcrumb[add-new-item] .smart-breadcrumb-items>smart-button{--smart-button-padding:0;position:relative;margin-right:var(--smart-breadcrumb-horizontal-offset);margin-top:var(--smart-breadcrumb-padding);border:var(--smart-breadcrumb-border-width) solid var(--smart-breadcrumb-border);border-radius:initial;width:var(--smart-breadcrumb-item-height);height:var(--smart-breadcrumb-item-height);text-align:center;font-size:25px;overflow:visible}smart-breadcrumb[add-new-item] .smart-breadcrumb-items>smart-button>button{overflow:hidden}.smart-breadcrumb-feedback{opacity:.8;position:absolute;box-sizing:border-box;display:inline-flex;font-family:var(--smart-font-family);font-size:var(--smart-font-size);z-index:999}.smart-breadcrumb-feedback:after{margin-left:10px;content:'\e807';font-family:smart-icons;font-size:14px;width:1.5em;border-radius:100%;height:1.5em;background-color:var(--smart-success);color:var(--smart-success-color);display:flex;align-items:center;justify-content:center}.smart-breadcrumb-feedback.error:after{background-color:var(--smart-error);color:var(--smart-error-color);content:'\e81f'}smart-breadcrumb[minimized]{padding:0;overflow:visible}smart-breadcrumb[minimized] .smart-container{display:flex;align-items:center;position:relative;padding:var(--smart-breadcrumb-padding)}smart-breadcrumb[minimized] .smart-template-container{position:absolute;left:calc(-1 * var(--smart-breadcrumb-border-width));top:calc(100% + 2px + var(--smart-breadcrumb-border-width));margin:calc(var(--smart-drop-down-vertical-offset) + var(--smart-drop-down-element-padding-size)) 0;border-width:var(--smart-border-width);border-style:solid;border-color:var(--smart-border);padding:var(--smart-drop-down-element-padding-size);width:var(--smart-breadcrumb-drop-down-width);background-color:var(--smart-background);box-shadow:var(--smart-elevation-8);z-index:1}smart-breadcrumb[minimized][animation=none] .smart-template-container.smart-visibility-hidden{display:none}smart-breadcrumb[minimized]:not([animation=none]) .smart-template-container.smart-visibility-hidden{opacity:.2;transform:scaleY(0)}smart-breadcrumb[minimized]:not([animation=none]) .smart-template-container{opacity:1;transform:scaleY(1);-webkit-transform-origin:top;transform-origin:top;transition:opacity .2s ease-in,visibility .2s ease-in,transform .2s ease-in}smart-breadcrumb[minimized] .smart-breadcrumb-item{width:100%;margin:0;justify-content:space-between}smart-breadcrumb[minimized] .smart-breadcrumb-item:not(:last-child):after{content:none}smart-breadcrumb[minimized] .smart-breadcrumb-items>smart-button{width:100%;margin:0}smart-breadcrumb[minimized] .smart-breadcrumb-items>smart-button>button{padding:0;justify-content:center}smart-breadcrumb[minimized] .smart-breadcrumb-items>.afterTarget:last-child:after,smart-breadcrumb[minimized] .smart-breadcrumb-items>.target:before{width:100%;height:4px;left:0;top:calc(-3px)}smart-breadcrumb[minimized] .smart-breadcrumb-items>.afterTarget:last-child:after{top:100%}smart-breadcrumb[minimized] .smart-hamburger-icon{width:40px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;float:none;cursor:pointer}smart-breadcrumb .smart-hamburger-icon-line{margin-bottom:5px;border-radius:10px;width:30px;height:5px;background-color:var(--smart-primary);transform-origin:left}smart-breadcrumb:not([animation=none]) .smart-hamburger-icon-line{transition:visibility 20ms ease-in,transform .2s ease-in,width .2s ease-in}smart-breadcrumb .smart-hamburger-icon-line-bottom{margin-bottom:0}smart-breadcrumb .smart-hamburger-icon.smart-close-button>.smart-hamburger-icon-line-top{width:29px;transform:translateX(4px) rotate(45deg)}smart-breadcrumb .smart-hamburger-icon.smart-close-button>.smart-hamburger-icon-line-center{visibility:hidden}smart-breadcrumb .smart-hamburger-icon.smart-close-button>.smart-hamburger-icon-line-bottom{width:29px;transform:translateX(4px) rotate(-45deg)}smart-breadcrumb[minimized]:not([animation=none]) .smart-template-container.smart-visibility-hidden.not-in-view{left:-9999px;top:-9999px;transition:none} -------------------------------------------------------------------------------- /source/styles/default/smart.loader.css: -------------------------------------------------------------------------------- 1 | .smart-list-menu-view.smart-drop-down-repositioned .smart-loader.smart-hidden,smart-grid .smart-loader.smart-hidden,smart-list-box .smart-loader.smart-hidden,smart-list-menu .smart-loader.smart-hidden,smart-tree .smart-loader.smart-hidden{display:none}.smart-list-menu-view.smart-drop-down-repositioned .smart-loader,smart-grid .smart-loader,smart-list-box .smart-loader,smart-list-menu .smart-loader,smart-tree .smart-loader{margin:inherit;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.85;text-align:left;border:6px solid var(--smart-theme-border);box-sizing:border-box;background-clip:padding-box;border-radius:50%;z-index:10}.smart-list-menu-view.smart-drop-down-repositioned .smart-loader,.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=center] .smart-loader,smart-grid .smart-loader,smart-grid[loading-indicator-position=center] .smart-loader,smart-list-box .smart-loader,smart-list-box[loading-indicator-position=center] .smart-loader,smart-list-menu .smart-loader,smart-list-menu[loading-indicator-position=center] .smart-loader,smart-tree .smart-loader,smart-tree[loading-indicator-position=center] .smart-loader{width:calc(var(--smart-loader-size) + 10px);height:calc(var(--smart-loader-size) + 10px)}.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=top] .smart-loader,.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=bottom] .smart-loader,smart-grid[loading-indicator-position=top] .smart-loader,smart-grid[loading-indicator-position=bottom] .smart-loader,smart-list-box[loading-indicator-position=top] .smart-loader,smart-list-box[loading-indicator-position=bottom] .smart-loader,smart-list-menu[loading-indicator-position=top] .smart-loader,smart-list-menu[loading-indicator-position=bottom] .smart-loader,smart-tree[loading-indicator-position=top] .smart-loader,smart-tree[loading-indicator-position=bottom] .smart-loader{width:var(--smart-loader-size);height:var(--smart-loader-size);left:20%}.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=top] .smart-loader-container.smart-hidden,.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=bottom] .smart-loader-container.smart-hidden,smart-grid[loading-indicator-position=top] .smart-loader-container.smart-hidden,smart-grid[loading-indicator-position=bottom] .smart-loader-container.smart-hidden,smart-list-box[loading-indicator-position=top] .smart-loader-container.smart-hidden,smart-list-box[loading-indicator-position=bottom] .smart-loader-container.smart-hidden,smart-list-menu[loading-indicator-position=top] .smart-loader-container.smart-hidden,smart-list-menu[loading-indicator-position=bottom] .smart-loader-container.smart-hidden,smart-tree[loading-indicator-position=top] .smart-loader-container.smart-hidden,smart-tree[loading-indicator-position=bottom] .smart-loader-container.smart-hidden{display:none}.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=top] .smart-loader-container,.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=bottom] .smart-loader-container,smart-grid[loading-indicator-position=top] .smart-loader-container,smart-grid[loading-indicator-position=bottom] .smart-loader-container,smart-list-box[loading-indicator-position=top] .smart-loader-container,smart-list-box[loading-indicator-position=bottom] .smart-loader-container,smart-list-menu[loading-indicator-position=top] .smart-loader-container,smart-list-menu[loading-indicator-position=bottom] .smart-loader-container,smart-tree[loading-indicator-position=top] .smart-loader-container,smart-tree[loading-indicator-position=bottom] .smart-loader-container{display:block;position:relative;width:100%;height:10%;background-color:var(--smart-theme);color:var(--smart-on-theme);overflow:hidden;animation:smart-loader-container-pop-up-down .3s linear}.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=bottom] .smart-loader-container,smart-grid[loading-indicator-position=bottom] .smart-loader-container,smart-list-box[loading-indicator-position=bottom] .smart-loader-container,smart-list-menu[loading-indicator-position=bottom] .smart-loader-container,smart-tree[loading-indicator-position=bottom] .smart-loader-container{top:-10%}.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=top] .smart-loader-container,smart-grid[loading-indicator-position=top] .smart-loader-container,smart-list-box[loading-indicator-position=top] .smart-loader-container,smart-list-menu[loading-indicator-position=top] .smart-loader-container,smart-tree[loading-indicator-position=top] .smart-loader-container{top:0;position:absolute;animation:smart-loader-container-pop-up-top .3s linear}.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=top] .smart-loader-label,.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=bottom] .smart-loader-label,smart-grid[loading-indicator-position=top] .smart-loader-label,smart-grid[loading-indicator-position=bottom] .smart-loader-label,smart-list-box[loading-indicator-position=top] .smart-loader-label,smart-list-box[loading-indicator-position=bottom] .smart-loader-label,smart-list-menu[loading-indicator-position=top] .smart-loader-label,smart-list-menu[loading-indicator-position=bottom] .smart-loader-label,smart-tree[loading-indicator-position=top] .smart-loader-label,smart-tree[loading-indicator-position=bottom] .smart-loader-label{position:absolute;display:block;top:50%;transform:translate(-50%,-50%);left:60%;font-family:inherit;font-size:inherit;vertical-align:middle;white-space:nowrap}.smart-list-menu-view.smart-drop-down-repositioned .smart-loader::after,.smart-list-menu-view.smart-drop-down-repositioned .smart-loader::before,smart-grid .smart-loader::after,smart-grid .smart-loader::before,smart-list-box .smart-loader::after,smart-list-box .smart-loader::before,smart-list-menu .smart-loader::after,smart-list-menu .smart-loader::before,smart-tree .smart-loader::after,smart-tree .smart-loader::before{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit inherit transparent;border-width:6px;animation:smart-loader-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,smart-loader-spin-fade 1.1s linear infinite}smart-grid[disabled] .smart-loader::after,smart-grid[disabled] .smart-loader::before,smart-list-box[disabled] .smart-loader::after,smart-list-box[disabled] .smart-loader::before,smart-list-menu[disabled] .smart-loader::after,smart-list-menu[disabled] .smart-loader::before,smart-tree[disabled] .smart-loader::after,smart-tree[disabled] .smart-loader::before{animation:none}@keyframes smart-loader-container-pop-up-down{0%{top:0}20%{top:-2%}35%{top:-6%}60%{top:-8%}100%{top:-10%}}@keyframes smart-loader-container-pop-up-top{0%{top:-10%}20%{top:-8%}35%{top:-6%}60%{top:-2%}100%{top:0}}@keyframes smart-loader-spin{100%{transform:rotate(360deg)}}@keyframes smart-loader-spin-fade{0%,100%,20%,60%{border-top-color:var(--smart-theme-border)}35%{border-top-color:transparent}} -------------------------------------------------------------------------------- /source/styles/default/smart.cardview.css: -------------------------------------------------------------------------------- 1 | smart-card-view{display:block;box-sizing:border-box;border:var(--smart-card-view-border-width) solid var(--smart-card-view-border);border-top-right-radius:var(--smart-card-view-border-top-right-radius);border-top-left-radius:var(--smart-card-view-border-top-left-radius);border-bottom-left-radius:var(--smart-card-view-border-bottom-left-radius);border-bottom-right-radius:var(--smart-card-view-border-bottom-right-radius);width:var(--smart-card-view-default-width);min-width:var(--smart-card-view-column-min-width);height:var(--smart-card-view-default-height);min-height:100px;background-color:var(--smart-background);font-family:var(--smart-font-family);font-size:var(--smart-font-size);overflow:hidden}smart-card-view>.smart-container{position:relative}smart-card-view .smart-card-container,smart-card-view smart-scroll-viewer{border:none;width:100%;height:100%}smart-card-view smart-scroll-viewer .smart-scroll-viewer-content-container{display:flex;padding:0}smart-card-view .smart-card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--smart-card-view-column-min-width),1fr));grid-column-gap:var(--smart-card-view-gap);grid-row-gap:var(--smart-card-view-gap)}smart-card-view .smart-scroll-viewer-container.vscroll .smart-card-container{padding-right:3px}smart-card-view[empty] .smart-card-container,smart-card-view[empty] .smart-scroll-viewer-content-container{height:100%}smart-card-view[empty] .smart-card-container:after{content:'No data to display';display:flex;align-items:center;justify-content:center;font-style:italic}smart-card-view smart-card{display:flex;margin:0;border:var(--smart-card-view-border-width) solid var(--smart-card-view-border);width:unset;padding:var(--smart-card-view-padding);overflow:auto;font-family:inherit;font-size:inherit;background-color:var(--smart-background);color:var(--smart-background-color)}smart-card-view[loading] smart-card.smart-hidden{display:flex!important}smart-card-view[loading] smart-card>.smart-container{visibility:hidden}smart-card-view .smart-card-view-label,smart-card-view .smart-card-view-title,smart-card-view .smart-card-view-value{overflow:hidden;text-overflow:ellipsis}smart-card-view .smart-card-view-title{position:relative;font-size:calc(var(--smart-font-size) + 3px);font-weight:700}smart-card-view:not([collapsible]) .smart-card-view-title.empty{display:none}smart-card-view:not([collapsible]) .smart-card-view-title.empty:first-child+.smart-card-view-content{margin-top:0}smart-card-view .smart-card-view-title .smart-arrow-up{display:none;position:absolute;top:50%;right:0;border-radius:50%;width:16px;height:16px;transform:translateY(-50%);background-color:var(--smart-background-color);opacity:.7;cursor:pointer}smart-card-view .smart-card-view-title .smart-arrow-up:hover{opacity:1}smart-card-view .smart-card-view-title .smart-arrow-up:after{color:var(--smart-background)}smart-card-view:not([animation=none]) .smart-card-view-title .smart-arrow-up{transition:transform .2s ease-in}smart-card-view[collapsible] .smart-card-view-title .smart-arrow-up{display:block}smart-card-view smart-card.collapsed{height:auto!important;align-self:start}smart-card-view smart-card .smart-arrow-up.collapsed{transform:translateY(-50%) rotate(-180deg)}smart-card-view .smart-card-view-content{margin-top:var(--smart-card-view-vertical-offset);transform:scaleY(1);transform-origin:top;opacity:1}smart-card-view smart-card .smart-card-view-content.smart-visibility-hidden{margin-top:0;height:0;transform:scaleY(0);opacity:0}smart-card-view:not([animation=none]) .smart-card-view-content{transition-property:margin-top,height,transform,visibility,opacity;transition-duration:.2s;transition-timing-function:ease-in}smart-card-view[loading] .smart-card-view-content{transition:none}smart-card-view .smart-card-view-cell{margin-bottom:var(--smart-card-view-vertical-offset)}smart-card-view .smart-card-view-cell:last-child{margin-bottom:0}smart-card-view .smart-card-view-label{margin-bottom:calc(var(--smart-card-view-vertical-offset)/ 3);text-transform:uppercase;font-size:calc(var(--smart-font-size) - 2px);opacity:.7}smart-card-view .smart-card-view-label.icon{position:relative;padding-left:30px}smart-card-view .smart-card-view-label.icon:after{content:'';position:absolute;left:0;top:0;width:30px;height:100%;background-repeat:no-repeat;background-position:center}smart-card-view .smart-card-view-value{word-break:break-word}smart-card-view[cell-orientation=horizontal] .smart-card-view-cell{display:flex;align-items:center;justify-content:space-between}smart-card-view[cell-orientation=horizontal] .smart-card-view-label{margin-bottom:0}smart-card-view[cell-orientation=horizontal] .smart-card-view-value{text-align:right}smart-card-view smart-carousel{margin-bottom:var(--smart-card-view-vertical-offset);width:100%;height:var(--smart-card-view-cover-height)}smart-card-view .smart-carousel-item{border-bottom:1px solid var(--smart-border);background-size:cover}smart-card-view[cover-mode=fit] .smart-carousel-item{background-size:contain}smart-card-view smart-carousel .smart-indicator:only-child{display:none}smart-card-view[editable]{cursor:pointer}smart-card-view .smart-window{--smart-numeric-text-box-text-align:left;--smart-window-default-height:90%;cursor:initial;z-index:999}smart-card-view .smart-window .smart-header{font-size:calc(var(--smart-font-size) * 1.5)}smart-card-view .smart-window>.smart-container>.smart-content{display:block;padding:20px}smart-card-view .smart-window .smart-next-button:after,smart-card-view .smart-window .smart-prev-button:after{font-size:calc(100% - 2px)}smart-card-view .smart-window .smart-prev-button:after{content:'\e801'}smart-card-view .smart-window .smart-next-button:after{content:'\e804'}smart-card-view .smart-window .smart-card-view-label:not(:first-child){margin-top:var(--smart-card-view-vertical-offset)}smart-card-view .smart-window .smart-footer{display:flex;justify-content:space-evenly;align-items:center}smart-card-view .smart-card-view-editor{width:100%}smart-card-view textarea.smart-card-view-editor{min-height:150px;resize:vertical;border-color:var(--smart-text-box-border);border-top-right-radius:var(--smart-card-view-border-top-right-radius);border-top-left-radius:var(--smart-card-view-border-top-left-radius);border-bottom-left-radius:var(--smart-card-view-border-bottom-left-radius);border-bottom-right-radius:var(--smart-card-view-border-bottom-right-radius);font-family:inherit;font-size:inherit}smart-card-view textarea.smart-card-view-editor:hover{border-color:var(--smart-text-box-border-hover)}smart-card-view textarea.smart-card-view-editor:focus{outline:0;border-color:var(--smart-primary)}smart-card-view .smart-card-view-editor.image .thumbnail{position:relative;display:inline-block;margin-right:5px;border:var(--smart-card-view-border-width) solid var(--smart-card-view-border);width:75px;height:75px;background-position:center;background-repeat:no-repeat;background-size:cover;cursor:pointer}smart-card-view .smart-card-view-editor.image .thumbnail:hover:after{content:'\e81f';position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:100%;left:0;top:0;background-color:grey;color:#000;font-family:smart-icons;font-size:50px;opacity:.4}smart-card-view .smart-card-view-editor.image .label{margin-top:3px;font-size:calc(var(--smart-font-size) - 3px);text-transform:uppercase;opacity:.7}smart-card-view .smart-card-view-editor.image .container{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;margin-top:5px;height:30px}smart-card-view .smart-card-view-editor.image smart-input{width:calc(100% - 40px);height:100%}smart-card-view .smart-card-view-editor.image smart-button{--smart-button-padding:0;width:30px;height:100%;font-size:20px} -------------------------------------------------------------------------------- /source/styles/default/smart.fileupload.css: -------------------------------------------------------------------------------- 1 | smart-file-upload{display:inline-block;width:var(--smart-file-upload-default-width);font-size:var(--smart-file-upload-font-size);font-family:var(--smart-file-upload-font-family);color:var(--smart-file-upload-color);overflow:hidden;box-sizing:border-box;border:var(--smart-file-upload-border-width) dashed var(--smart-file-upload-border);background-color:transparent;min-width:calc(3*var(--smart-file-upload-footer-button-width) + 20px);min-height:calc(var(--smart-file-upload-browse-button-height) + 2*var(--smart-file-upload-border-width) + 10px + var(--smart-file-upload-footer-button-height) + 2*var(--smart-file-upload-border-width) + var(--smart-file-upload-container-min-height) + 10px + var(--smart-file-upload-total-files-min-height))}smart-file-upload[disabled]{opacity:.55;cursor:default}smart-file-upload[disabled] .smart-file-upload-container{pointer-events:none;user-select:none}smart-file-upload .smart-file-upload-container,smart-file-upload .smart-file-upload-footer,smart-file-upload .smart-file-upload-header{padding:5px;width:100%;box-sizing:border-box}smart-file-upload[hide-footer] .smart-file-upload-footer{display:none}smart-file-upload .smart-browse-button{display:block;margin:4px;width:var(--smart-file-upload-browse-button-width);height:var(--smart-file-upload-browse-button-height)}smart-file-upload .smart-cancel-all-button,smart-file-upload .smart-pause-all-button,smart-file-upload .smart-upload-all-button{width:var(--smart-file-upload-footer-button-width);height:var(--smart-file-upload-footer-button-height);margin:4px}.smart-drop-zone,.smart-drop-zone:after{height:100%;width:100%;box-sizing:border-box}smart-file-upload .smart-browse-input{display:none}.smart-drop-zone{background-color:var(--smart-background);position:relative;border:1px dotted #d3d3d3}.smart-drop-zone:after{font-family:smart-icons;overflow:hidden;text-overflow:ellipsis;display:flex;justify-content:center;flex-direction:column;text-align:center;content:var(--smart-file-upload-text-content-drop-zone);color:var(--smart-on-background);border:5px dashed transparent;transition:border .5s ease-out}.smart-drop-zone.smart-drag-over:after{content:var(--smart-file-upload-text-content-drop-zone-over);font-size:50px;border:3px dashed var(--smart-background-border);transition:border .5s ease-out;animation:drop-zone 1s ease-in infinite}@-webkit-keyframes drop-zone{0%,100%{color:#b1b1b100}50%{color:#b1b1b199}}smart-file-upload .smart-drop-zone{display:none;width:100%;height:100px}smart-file-upload[drop-zone] .smart-drop-zone{display:block}smart-file-upload[drop-zone] .smart-overflow .smart-drop-zone{display:none}.smart-selected-files{width:100%;height:100%;display:block;box-sizing:border-box;padding:2px}smart-file-upload .smart-total-files{font-family:arial;font-size:12px;color:gray;display:block;box-sizing:border-box;padding:0 0 2px 5px}smart-file-upload .smart-total-files:empty{display:none}.smart-selected-files .smart-file{height:auto;position:relative;display:block;box-sizing:border-box;border:1px solid #d3d3d3;padding:10px;border-radius:3px;margin-bottom:1px;background-color:#fafafa;transition:border-color .5s ease}.smart-selected-files .smart-item-cancel-button,.smart-selected-files .smart-item-name,.smart-selected-files .smart-item-pause-button,.smart-selected-files .smart-item-upload-button{display:inline-block;box-sizing:border-box;height:16px;position:relative}.smart-selected-files .smart-item-name{width:calc(100% - 40px);overflow:hidden;text-overflow:ellipsis;height:auto}.smart-selected-files .smart-uploading .smart-item-name{width:calc(100% - 60px);overflow:hidden;text-overflow:ellipsis;height:auto}.smart-selected-files .smart-item-cancel-button,.smart-selected-files .smart-item-pause-button,.smart-selected-files .smart-item-upload-button{display:inline-block;box-sizing:border-box;width:16px;color:#999;transition:color .5s ease}.smart-selected-files .smart-item-pause-button{display:none}.smart-selected-files .smart-item-cancel-button:hover,.smart-selected-files .smart-item-upload-button:hover{cursor:pointer;color:green;transition:color .5s ease}.smart-selected-files .smart-item-cancel-button:hover{color:orange}.smart-selected-files .smart-item-cancel-button:after,.smart-selected-files .smart-item-pause-button:after,.smart-selected-files .smart-item-upload-button:after{font-family:smart-icons;content:'\e81E';position:absolute;left:0;top:0;font-size:16px;text-shadow:2px 2px 2px #d3d3d3}.smart-selected-files .smart-item-cancel-button:after,.smart-selected-files .smart-item-pause-button:after{content:'\e81C'}.smart-file.smart-uploading-start::before{width:100%;height:100%;position:absolute;left:0;top:0;font-family:arial;content:var(--smart-file-upload-text-content-uploading-start);background-color:#c1c1c169;opacity:1;display:flex;justify-content:flex-end;flex-direction:column;box-sizing:border-box;font-size:11px;color:#737373;padding:0 0 2px 5px;pointer-events:none;z-index:1;animation:connecting 1s linear infinite}.smart-file.smart-pause::before,.smart-file.smart-uploading::before{justify-content:flex-end;font-family:arial;top:0;height:100%;display:flex;box-sizing:border-box;font-size:11px;padding:0 0 2px 5px;z-index:1;pointer-events:none;width:100%;position:absolute;left:0}@-webkit-keyframes connecting{0%,100%{color:#73737350}50%{color:#73737399}}.smart-file.smart-uploading::before{content:var(--smart-file-upload-text-content-uploading);background-color:#c1c1c169;opacity:1;flex-direction:column;color:var(--smart-on-background)}@-webkit-keyframes rotating{from{transform:rotate(0)}to{transform:rotate(360deg)}}.smart-file.smart-pause::before{content:var(--smart-file-upload-text-content-pause);background-color:#f0030;border-radius:3px;opacity:.8;flex-direction:column;color:#8a0000}.smart-file.smart-error::before{font-family:arial;position:absolute;left:0;top:0;content:var(--smart-file-upload-text-content-error);width:100%;height:100%;background-color:var(-smart-error);border-radius:var(--smart-error-border-radius);opacity:0;display:flex;justify-content:flex-end;flex-direction:column;box-sizing:border-box;font-size:11px;color:var(--smart-on-error);padding:0 0 2px 5px;pointer-events:none;z-index:1;animation:error 6s linear 1}@-webkit-keyframes error{0%{opacity:.8;background-color:#f0015}3%,9%{background-color:#f0040}12%,6%{background-color:#f0015}80%{opacity:.8}100%{opacity:0}}.smart-file.smart-uploading .smart-item-upload-button{pointer-events:none}.smart-selected-files .smart-uploading .smart-item-upload-button{opacity:.3}.smart-file.smart-uploading .smart-item-name{opacity:.2;user-select:none}.smart-selected-files .smart-uploading .smart-item-cancel-button,.smart-selected-files .smart-uploading .smart-item-pause-button{display:inline-block;cursor:pointer;pointer-events:all;transition:color .5s,opacity .5s ease;color:#dc1919;opacity:.5}.smart-selected-files .smart-uploading .smart-item-cancel-button{color:#ff8c00}.smart-selected-files .smart-uploading .smart-item-cancel-button:hover,.smart-selected-files .smart-uploading .smart-item-pause-button:hover{transition:color .5s,opacity .5s ease;color:red;opacity:1}.smart-selected-files .smart-uploading .smart-item-cancel-button:hover{transition:color .5s,opacity .5s ease;color:orange;opacity:1}.smart-selected-files .smart-item-pause-button{pointer-events:none}.smart-selected-files .smart-file:hover{transition:border-color .5s ease;border-color:gray}.smart-file smart-progress-bar{display:none;width:100%;height:4px;position:absolute;bottom:0;left:0}.smart-file smart-progress-bar .smart-container{border-style:none}.smart-file smart-progress-bar .smart-value{background-color:orange}smart-file-upload[show-progress] .smart-file smart-progress-bar{display:none}smart-file-upload[show-progress] .smart-file smart-progress-bar[value]{display:block}.smart-file.smart-error smart-progress-bar{opacity:.3}smart-file-upload .smart-selected-files .smart-file.smart-hidden,smart-file-upload .smart-total-files.smart-hidden{display:none} -------------------------------------------------------------------------------- /source/styles/default/smart.switchbutton.css: -------------------------------------------------------------------------------- 1 | jqx-switch-button{display:inline-block;box-sizing:border-box;width:var(--jqx-switch-button-default-width);height:var(--jqx-switch-button-default-height);border-width:var(--jqx-switch-button-border-width);border-top-left-radius:var(--jqx-switch-button-border-top-left-radius);border-bottom-left-radius:var(--jqx-switch-button-border-bottom-left-radius);border-top-right-radius:var(--jqx-switch-button-border-top-right-radius);border-bottom-right-radius:var(--jqx-switch-button-border-bottom-right-radius);border-color:var(--jqx-switch-button-thumb-default-background-color);outline:0}jqx-switch-button[readonly]{pointer-events:none}jqx-switch-button .jqx-container{font-size:inherit;position:relative;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;touch-action:none}jqx-switch-button .jqx-inner-container{height:100%;position:absolute;color:inherit;display:flex;flex-direction:row;justify-content:flex-start}jqx-switch-button .jqx-thumb{border:var(--jqx-switch-button-thumb-border-width) solid var(--jqx-switch-button-thumb-border);border-radius:var(--jqx-switch-button-thumb-border-radius);width:var(--jqx-switch-button-thumb-size);height:var(--jqx-switch-button-thumb-size);background-color:var(--jqx-switch-button-thumb-background);box-shadow:var(--jqx-elevation-2);align-self:center;position:relative;cursor:pointer;order:2}jqx-switch-button[checked=null] .jqx-thumb{background-color:var(--jqx-switch-button-thumb-background-);border-color:var(--jqx-switch-button-thumb-border)}jqx-switch-button[checked] .jqx-thumb{border-color:var(--jqx-switch-button-thumb-border-active)}jqx-switch-button .jqx-false-content-container,jqx-switch-button .jqx-true-content-container{height:100%;display:flex;justify-content:center;align-items:center;background-clip:content-box;padding:2px 0;color:inherit;overflow:hidden;order:1}jqx-switch-button[orientation=vertical] .jqx-false-content-container,jqx-switch-button[orientation=vertical] .jqx-true-content-container{width:100%;padding:0 2px}jqx-switch-button[orientation=vertical] .jqx-inner-container{width:100%;flex-direction:column;height:calc(2 * var(--jqx-switch-button-default-width) - var(--jqx-switch-button-thumb-size))}jqx-switch-button .jqx-true-content-container,jqx-switch-button[inverted] .jqx-false-content-container{order:1}jqx-switch-button .jqx-false-content-container,jqx-switch-button[inverted] .jqx-true-content-container{order:3}jqx-switch-button .jqx-inner-container,jqx-switch-button[checked][inverted] .jqx-inner-container,jqx-switch-button[orientation=vertical] .jqx-inner-container,jqx-switch-button[orientation=vertical][checked=null][inverted] .jqx-inner-container,jqx-switch-button[orientation=vertical][checked] .jqx-inner-container,jqx-switch-button[orientation=vertical][inverted] .jqx-inner-container{left:0}jqx-switch-button[checked] .jqx-inner-container,jqx-switch-button[inverted] .jqx-inner-container{left:calc(-1 * (var(--jqx-switch-button-default-width) - var(--jqx-switch-button-thumb-size)))}jqx-switch-button[checked=null] .jqx-inner-container,jqx-switch-button[checked=null][inverted] .jqx-inner-container{left:calc(-1 * var(--jqx-switch-button-default-width)/ 2 + var(--jqx-switch-button-thumb-size)/ 2)}jqx-switch-button[orientation=vertical] .jqx-inner-container,jqx-switch-button[orientation=vertical][checked][inverted] .jqx-inner-container{top:0}jqx-switch-button[orientation=vertical][checked] .jqx-inner-container,jqx-switch-button[orientation=vertical][inverted] .jqx-inner-container{top:calc(-1 * (var(--jqx-switch-button-default-width) - var(--jqx-switch-button-thumb-size)))}jqx-switch-button[orientation=vertical][checked=null] .jqx-inner-container,jqx-switch-button[orientation=vertical][checked=null][inverted] .jqx-inner-container{top:calc(-1 * var(--jqx-switch-button-default-width)/ 2 + var(--jqx-switch-button-thumb-size)/ 2)}jqx-switch-button .jqx-false-content,jqx-switch-button .jqx-true-content{font-size:inherit;font-weight:inherit;display:inline-block;text-align:center;box-sizing:border-box;color:inherit}jqx-switch-button[checked=null] .jqx-false-content-container,jqx-switch-button[checked=null] .jqx-true-content-container{color:transparent}jqx-switch-button[checked=null] .jqx-false-content,jqx-switch-button[checked=null] .jqx-true-content{visibility:hidden}jqx-switch-button[hover]{border-color:var(--jqx-switch-button-border-hover)}jqx-switch-button .jqx-inner-container{width:calc(2 * var(--jqx-switch-button-default-width) - var(--jqx-switch-button-thumb-size))}jqx-switch-button .jqx-false-content-container,jqx-switch-button .jqx-true-content-container{width:calc(var(--jqx-switch-button-default-width) - var(--jqx-switch-button-thumb-size));background-color:var(--jqx-switch-button-label-unchecked-background-color)}jqx-switch-button[orientation=vertical] .jqx-false-content-container,jqx-switch-button[orientation=vertical] .jqx-true-content-container{height:calc(var(--jqx-switch-button-default-width) - var(--jqx-switch-button-thumb-size))}jqx-switch-button .jqx-true-content-container{background-color:var(--jqx-switch-button-label-checked-background-color)}jqx-switch-button[checked] .jqx-thumb,jqx-switch-button[checked][orientation=vertical] .jqx-thumb{background-color:var(--jqx-switch-button-thumb-background-active)}jqx-switch-button .jqx-container::before{content:"";position:absolute;width:90%;height:50%;left:5%;top:25%;border-radius:10px;background-color:var(--jqx-switch-button-background)}jqx-switch-button[checked] .jqx-container::before,jqx-switch-button[checked][orientation=vertical] .jqx-container::before{background-color:var(--jqx-switch-button-background-active);opacity:.4}jqx-switch-button .jqx-thumb::before{background-color:var(--jqx-switch-button-thumb-background);position:absolute;width:200%;height:200%;left:50%;top:50%;transition:.2s;display:block;border-radius:var(--jqx-switch-button-thumb-border-radius);content:"";transform:scale(0) translate(-50%,-50%);transform-origin:left top;opacity:.2}jqx-switch-button[disabled] .jqx-thumb::before{content:none}jqx-switch-button[checked] .jqx-thumb:active::before,jqx-switch-button[checked]:focus .jqx-thumb::before,jqx-switch-button[checked][orientation=vertical] .jqx-thumb:active::before,jqx-switch-button[checked][orientation=vertical]:focus .jqx-thumb::before{transform:scale(1) translate(-50%,-50%);background-color:var(--jqx-switch-button-thumb-background-active)}jqx-switch-button .jqx-thumb:active::before,jqx-switch-button:focus .jqx-thumb::before,jqx-switch-button[checked]:not([animation=none]) .jqx-thumb:active::before,jqx-switch-button[checked]:not([animation=none]):focus .jqx-thumb::before,jqx-switch-button[checked][orientation=vertical]:not([animation=none]) .jqx-thumb:active::before,jqx-switch-button[checked][orientation=vertical]:not([animation=none]):focus .jqx-thumb::before,jqx-switch-button[orientation=vertical] .jqx-thumb:active::before,jqx-switch-button[orientation=vertical]:focus .jqx-thumb::before{animation:button-wave-effect .1s ease-in}jqx-switch-button .jqx-thumb:active::before,jqx-switch-button:focus .jqx-thumb::before,jqx-switch-button[orientation=vertical] .jqx-thumb:active::before,jqx-switch-button[orientation=vertical]:focus .jqx-thumb::before{transform:scale(1) translate(-50%,-50%);background-color:rgba(0,0,0,.5)}jqx-switch-button[orientation=vertical]{height:var(--jqx-switch-button-default-width);width:var(--jqx-switch-button-default-height)}jqx-switch-button[orientation=vertical] .jqx-thumb{width:var(--jqx-switch-button-thumb-size);height:var(--jqx-switch-button-thumb-size);box-shadow:var(--jqx-elevation-2)}jqx-switch-button[orientation=vertical] .jqx-container::before{content:"";position:absolute;width:50%;height:90%;left:25%;top:5%;border-radius:10px;background-color:var(--jqx-switch-button-background)}jqx-switch-button[orientation=vertical] .jqx-thumb::before{border:var(--jqx-switch-button-thumb-border-width) solid var(--jqx-switch-button-thumb-border)}jqx-switch-button:not([animation=none]):not([dragged]):not([checked=null]) .jqx-inner-container{transition:left .2s ease-in-out}jqx-switch-button:not([animation=none])[orientation=vertical]:not([dragged]):not([checked=null]) .jqx-inner-container{transition:top .2s ease-in-out}@keyframes button-wave-effect{0%{transform:scale(.2) translate(-50%,-50%)}50%{transform:scale(.5) translate(-50%,-50%)}100%{transform:scale(1) translate(-50%,-50%)}} -------------------------------------------------------------------------------- /source/styles/images/icons-stack.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 62 | 63 | 64 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | -------------------------------------------------------------------------------- /source/styles/default/smart.progressbar.css: -------------------------------------------------------------------------------- 1 | jqx-progress-bar,jqx-progress-bar>.jqx-container{border-top-left-radius:var(--jqx-progress-bar-border-top-left-radius);border-top-right-radius:var(--jqx-progress-bar-border-top-right-radius);border-bottom-left-radius:var(--jqx-progress-bar-border-bottom-left-radius);border-bottom-right-radius:var(--jqx-progress-bar-border-bottom-right-radius)}jqx-circular-progress-bar,jqx-progress-bar{background:0 0;outline:0;display:block;overflow:hidden;font-size:var(--jqx-progress-bar-font-size)}jqx-progress-bar{width:var(--jqx-progress-bar-default-width);height:var(--jqx-progress-bar-default-height)}jqx-progress-bar>.jqx-container{overflow:hidden}jqx-progress-bar[orientation=vertical]{width:var(--jqx-progress-bar-default-height);height:var(--jqx-progress-bar-default-width)}jqx-circular-progress-bar{width:var(--jqx-circular-progress-bar-default-size);height:var(--jqx-circular-progress-bar-default-size)}jqx-circular-progress-bar>.jqx-container{border-radius:50%}jqx-circular-progress-bar>.jqx-container,jqx-progress-bar>.jqx-container{position:relative;border-width:var(--jqx-progress-bar-border-width);border-style:solid;border-color:var(--jqx-progress-bar-border);color:var(--jqx-progress-bar-color)}jqx-progress-bar .jqx-value{outline:0;border:1px solid var(--jqx-progress-bar-border-active);height:100%;width:100%;background-color:var(--jqx-progress-bar-background-active);box-sizing:border-box;position:absolute}jqx-progress-bar:not([animation=none]) .jqx-value{transition:.2s ease-in-out}jqx-progress-bar[inverted] .jqx-value,jqx-progress-bar[orientation][inverted] .jqx-value{transform-origin:right}jqx-progress-bar .jqx-value,jqx-progress-bar[orientation] .jqx-value{transform-origin:left}jqx-progress-bar[orientation=vertical][inverted] .jqx-value{transform-origin:left bottom}jqx-progress-bar[orientation=vertical] .jqx-value{transform-origin:left top}jqx-circular-progress-bar .jqx-value-animation-ms{stroke-dashoffset:114}jqx-circular-progress-bar .jqx-label,jqx-progress-bar .jqx-label{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;text-align:center;color:var(--jqx-progress-bar-color)}jqx-progress-bar .jqx-label{width:auto}jqx-progress-bar[orientation=vertical] .jqx-label{width:100%}.barber-shop-effect .jqx-value{background-image:linear-gradient(45deg,rgba(0,0,0,.2) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.2) 75%,transparent 75%,transparent);background-size:5rem 5rem;background-position:0 -244rem;animation:stripes 10s linear infinite;animation-direction:normal}.barber-shop-effect[inverted] .jqx-value,.barber-shop-effect[orientation=vertical] .jqx-value{animation-direction:reverse}@keyframes stripes{0%,From{background-position:0 0}100%,To{background-position:60rem 0}}jqx-progress-bar .jqx-value.jqx-value-animation{animation:indeterminate 3s infinite linear}jqx-progress-bar[orientation=vertical] .jqx-value.jqx-value-animation{animation:indeterminate-vertical 3s infinite linear}jqx-progress-bar[inverted][orientation=vertical] .jqx-value.jqx-value-animation{animation:indeterminate-vertical-inverted 3s infinite linear}jqx-progress-bar[inverted] .jqx-value.jqx-value-animation{animation:indeterminate-inverted 3s infinite linear}jqx-circular-progress-bar svg:first-of-type{position:absolute;border-radius:50%;pointer-events:none}jqx-circular-progress-bar .jqx-value,jqx-circular-progress-bar .jqx-value-path{stroke-width:var(--jqx-circular-progress-bar-fill-size);fill:transparent;stroke-dasharray:314.159}jqx-circular-progress-bar .jqx-value{stroke:var(--jqx-progress-bar-background-active)}jqx-circular-progress-bar .jqx-value-path{stroke-dashoffset:0;stroke:transparent}jqx-circular-progress-bar:not([animation=none]) .jqx-value{transition:stroke-dashoffset 1s linear}jqx-circular-progress-bar .jqx-label-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;box-sizing:content-box;border-radius:50%;background-color:transparent;border-style:solid;border-width:var(--jqx-progress-bar-border-width);border-color:var(--jqx-progress-bar-border);width:calc(100% - var(--jqx-circular-progress-bar-fill-size));height:calc(100% - var(--jqx-circular-progress-bar-fill-size))}jqx-circular-progress-bar svg:first-of-type .jqx-value.jqx-value-animation{animation:circle 2s infinite linear}jqx-circular-progress-bar[inverted] svg:first-of-type .jqx-value.jqx-value-animation{animation:circle-inverted 2s infinite linear}jqx-circular-progress-bar[indeterminate][inverted] svg:first-of-type,jqx-circular-progress-bar[value=null][inverted] svg:first-of-type{animation:rotate-circle-inverted 1s infinite linear}jqx-circular-progress-bar[indeterminate] svg:first-of-type,jqx-circular-progress-bar[value=null] svg:first-of-type{animation:rotate-circle 1s infinite linear}@keyframes indeterminate{0%{left:-100%;transform:scaleX(.4);transform-origin:left}20%{left:-40%;transform:scaleX(.3);transform-origin:left}35%{left:35%;transform:scaleX(.4);transform-origin:left}50%{left:75%;transform:scaleX(.6);transform-origin:left}55%{left:100%;transform:scaleX(.7);transform-origin:left}55.99%{left:100%;transform:scaleX(0);transform-origin:left}56%{left:-100%;transform:scaleX(0);transform-origin:left}56.99%{left:-100%;transform:scaleX(.6);transform-origin:left}75%{left:-5%;transform:scaleX(.6);transform-origin:left}80%{left:30%;transform:scaleX(.5);transform-origin:left}85%{left:50%;transform:scaleX(.4);transform-origin:left}90%{left:75%;transform:scaleX(.3);transform-origin:left}95%{left:95%;transform:scaleX(.2);transform-origin:left}98%{left:100%;transform:scaleX(.2);transform-origin:left}99.99%{left:100%;transform:scaleX(0);transform-origin:left}100%{left:-100%;transform:scaleX(0);transform-origin:left}}@keyframes indeterminate-inverted{0%{right:-100%;transform:scaleX(.4);transform-origin:right}20%{right:-40%;transform:scaleX(.3);transform-origin:right}35%{right:35%;transform:scaleX(.4);transform-origin:right}50%{right:75%;transform:scaleX(.6);transform-origin:right}55%{right:100%;transform:scaleX(.7);transform-origin:right}55.99%{right:100%;transform:scaleX(0);transform-origin:right}56%{right:-100%;transform:scaleX(0);transform-origin:right}56.99%{right:-100%;transform:scaleX(.6);transform-origin:right}75%{right:-5%;transform:scaleX(.6);transform-origin:right}80%{right:30%;transform:scaleX(.5);transform-origin:right}85%{right:50%;transform:scaleX(.4);transform-origin:right}90%{right:75%;transform:scaleX(.3);transform-origin:right}95%{right:95%;transform:scaleX(.2);transform-origin:right}98%{right:100%;transform:scaleX(.2);transform-origin:right}99.99%{right:100%;transform:scaleX(0);transform-origin:right}100%{right:-100%;transform:scaleX(0);transform-origin:right}}@keyframes indeterminate-vertical{0%{bottom:-100%;transform:scaleY(.4);transform-origin:bottom}20%{bottom:-40%;transform:scaleY(.3);transform-origin:bottom}35%{bottom:35%;transform:scaleY(.4);transform-origin:bottom}50%{bottom:75%;transform:scaleY(.6);transform-origin:bottom}55%{bottom:100%;transform:scaleY(.7);transform-origin:bottom}55.99%{bottom:100%;transform:scaleY(0);transform-origin:bottom}56%{bottom:-100%;transform:scaleY(0);transform-origin:bottom}56.99%{bottom:-100%;transform:scaleY(.6);transform-origin:bottom}75%{bottom:-5%;transform:scaleY(.6);transform-origin:bottom}80%{bottom:30%;transform:scaleY(.5);transform-origin:bottom}85%{bottom:50%;transform:scaleY(.4);transform-origin:bottom}90%{bottom:75%;transform:scaleY(.3);transform-origin:bottom}95%{bottom:95%;transform:scaleY(.2);transform-origin:bottom}98%{bottom:100%;transform:scaleY(.2);transform-origin:bottom}99.99%{bottom:100%;transform:scaleY(0);transform-origin:bottom}100%{bottom:-100%;transform:scaleY(0);transform-origin:bottom}}@keyframes indeterminate-vertical-inverted{0%{top:-100%;transform:scaleY(.4);transform-origin:top}20%{top:-40%;transform:scaleY(.3);transform-origin:top}35%{top:35%;transform:scaleY(.4);transform-origin:top}50%{top:75%;transform:scaleY(.6);transform-origin:top}55%{top:100%;transform:scaleY(.7);transform-origin:top}55.99%{top:100%;transform:scaleY(0);transform-origin:top}56%{top:-100%;transform:scaleY(0);transform-origin:top}56.99%{top:-100%;transform:scaleY(.6);transform-origin:top}75%{top:-5%;transform:scaleY(.6);transform-origin:top}80%{top:30%;transform:scaleY(.5);transform-origin:top}85%{top:50%;transform:scaleY(.4);transform-origin:top}90%{top:75%;transform:scaleY(.3);transform-origin:top}95%{top:95%;transform:scaleY(.2);transform-origin:top}98%{top:100%;transform:scaleY(.2);transform-origin:top}99.99%{top:100%;transform:scaleY(0);transform-origin:top}100%{top:-100%;transform:scaleY(0);transform-origin:top}}@keyframes circle{0%{stroke-dashoffset:314}5%{stroke-dashoffset:164}25%{stroke-dashoffset:104}}@keyframes circle-inverted{0%{stroke-dashoffset:-314}5%{stroke-dashoffset:-164}25%{stroke-dashoffset:-104}}@keyframes rotate-circle{50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}100%{transform:rotate(360deg)}}@keyframes rotate-circle-inverted{50%{transform:rotate(-180deg)}75%{transform:rotate(-270deg)}100%{transform:rotate(-360deg)}} -------------------------------------------------------------------------------- /source/styles/default/smart.accordion.css: -------------------------------------------------------------------------------- 1 | smart-accordion-item[disabled],smart-accordion[disabled],smart-accordion[disabled] smart-accordion-item .smart-accordion-item-header{cursor:default}smart-accordion{width:var(--smart-accordion-default-width);height:var(--smart-accordion-default-height);border:0;display:block;font-family:var(--smart-accordion-font-family);font-size:var(--smart-accordion-font-size)}smart-accordion-item,smart-accordion-item .smart-accordion-item-header{font-family:inherit;font-size:inherit;width:100%;box-sizing:border-box}smart-accordion:not(.smart-accordion-element){visibility:hidden}:host .smart-ripple,smart-accordion-item .smart-ripple{background-color:var(--smart-accordion-item-color);opacity:.5}smart-accordion>.smart-container,smart-accordion[expand-mode=multiple]>.smart-container.smart-toggling{padding:10px}smart-accordion>.smart-container.smart-toggling,smart-accordion[expand-mode=multiple]>.smart-container.smart-toggling,smart-accordion[expand-mode=single]>.smart-container.smart-toggling,smart-accordion[expand-mode=toggle]>.smart-container.smart-toggling,smart-accordion[expand-mode=none]>.smart-container.smart-toggling{overflow-y:hidden}smart-accordion-item{display:block;overflow:hidden;box-shadow:var(--smart-elevation-4);border:0;border-top-left-radius:var(--smart-accordion-item-border-top-left-radius);border-top-right-radius:var(--smart-accordion-item-border-top-right-radius);border-bottom-left-radius:var(--smart-accordion-item-border-bottom-left-radius);border-bottom-right-radius:var(--smart-accordion-item-border-bottom-right-radius)}smart-accordion smart-accordion-item[expanded]:not(:last-child){margin-bottom:var(--smart-accordion-item-expanded-offset)}smart-accordion smart-accordion-item[expanded]:last-child{margin-top:var(--smart-accordion-item-expanded-offset)}smart-accordion smart-accordion-item .smart-accordion-item-content,smart-accordion[expand-mode=singleFitHeight] smart-accordion-item .smart-accordion-item-content{overflow-y:auto;height:var(--smart-accordion-expanded-content-height);padding:0 24px;color:var(--smart-accordion-item-color);background:var(--smart-accordion-item-background)}smart-accordion[expand-mode=multiple] smart-accordion-item .smart-accordion-item-content,smart-accordion[expand-mode=single] smart-accordion-item .smart-accordion-item-content,smart-accordion[expand-mode=toggle] smart-accordion-item .smart-accordion-item-content,smart-accordion[expand-mode=none] smart-accordion-item .smart-accordion-item-content{overflow-y:hidden;height:auto}smart-accordion-item>.smart-container{border-bottom:var(--smart-accordion-item-border-width) solid var(--smart-accordion-item-border)}smart-accordion-item:focus,smart-accordion:focus{outline:0}smart-accordion smart-accordion-item[disabled]{opacity:1}smart-accordion-item .smart-accordion-item-header{cursor:pointer;color:var(--smart-accordion-item-header-color);background:var(--smart-accordion-item-header-background);border-color:var(--smart-accordion-item-header-border);padding:24px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:flex;align-items:center;position:relative}smart-accordion-item[expanded] .smart-accordion-item-header{border-bottom:var(--smart-accordion-item-border-width) solid var(--smart-accordion-item-header-border)}smart-accordion-item .smart-accordion-item-header,smart-accordion[expand-mode=singleFitHeight] smart-accordion-item .smart-accordion-item-header{height:var(--smart-accordion-item-header-height)}smart-accordion-item[hovered] .smart-accordion-item-header{color:var(--smart-accordion-item-header-color-hover);background:var(--smart-accordion-item-header-background-hover);border-color:vaR(--smart-accordion-item-header-border-hover)}smart-accordion-item[expanded] .smart-accordion-item-header{color:var(--smart-accordion-item-header-color-active);background:var(--smart-accordion-item-header-background-active);border-color:vaR(--smart-accordion-item-header-border-active)}smart-accordion-item[focused] .smart-accordion-item-header{color:var(--smart-accordion-item-header-color-focus);background:var(--smart-accordion-item-header-background-focus);border-color:vaR(--smart-accordion-item-header-border-focus)}smart-accordion-item[dragged]{user-select:none;cursor:move}smart-accordion-item[dragged] .smart-accordion-item-header{cursor:move}smart-accordion-item[disabled] .smart-accordion-item-header{cursor:initial}smart-accordion-item .smart-accordion-item-content{width:100%;box-sizing:border-box;display:none}smart-accordion-item .smart-content-container{width:100%;box-sizing:border-box;min-height:5px;padding:10px;height:100%}smart-accordion-item[expanded] .smart-accordion-item-content{display:block}smart-accordion-item .smart-accordion-item-header>.smart-arrow{width:var(--smart-editor-addon-width);display:flex;justify-content:center;align-items:center;order:2}smart-accordion-item[focused] .smart-accordion-item-header>.smart-arrow{opacity:.6}smart-accordion-item .smart-accordion-item-header>.smart-label{margin-left:5px;width:calc(100% - var(--smart-editor-addon-width))}smart-accordion-item .smart-accordion-item-header>.smart-arrow:after{vertical-align:middle;content:'\e804';width:var(--smart-editor-addon-width);height:100%;margin-left:2px;font-family:smart-icons;font-style:normal;font-weight:400;font-size:12px;text-decoration:inherit;font-variant:normal;text-transform:none;display:flex;justify-content:center;align-items:center;color:var(--smart-on-surface);transform-origin:center}smart-accordion:not([animation=none]) smart-accordion-item .smart-accordion-item-header>.smart-arrow.smart-animate-trigger:after{transition:transform .2s ease-out}smart-accordion-item[expanded] .smart-accordion-item-header>.smart-arrow:after{transform:rotate(180deg);transform-origin:center}smart-accordion.smart-no-arrow .smart-accordion-item-header>.smart-arrow,smart-accordion.smart-no-arrow .smart-accordion-item-header>.smart-arrow:after{visibility:hidden;width:0}smart-accordion.smart-arrow-right smart-accordion-item .smart-accordion-item-header>.smart-arrow{float:right}smart-accordion.smart-arrow-right smart-accordion-item .smart-accordion-item-header>.smart-arrow:after{content:'\e803'}smart-accordion.smart-arrow-right smart-accordion-item[expanded] .smart-accordion-item-header>.smart-arrow:after{content:'\e804'}smart-accordion:not([animation=none]){animation-duration:var(--smart-accordion-animation-duration)}smart-accordion:not([animation=none]) *{animation-duration:inherit}smart-accordion:not([animation=none]) smart-accordion-item.smart-toggled-item .smart-accordion-item-content,smart-accordion:not([animation=none])[expand-mode=singleFitHeight] smart-accordion-item.smart-toggled-item .smart-accordion-item-content{animation:smart-accordion-item-expand-animation-default-mode ease-out;animation-direction:reverse;display:block;animation-duration:inherit;-webkit-animation-iteration-count:1;animation-iteration-count:1}smart-accordion:not([animation=none]) smart-accordion-item[expanded].smart-toggled-item .smart-accordion-item-content,smart-accordion:not([animation=none])[expand-mode=singleFitHeight].smart-toggled-item smart-accordion-item[expanded] .smart-accordion-item-content{animation:smart-accordion-item-expand-animation-default-mode ease-in;animation-duration:inherit;animation-iteration-count:1}smart-accordion:not([animation=none])[expand-mode=multiple] smart-accordion-item.smart-toggled-item .smart-accordion-item-content,smart-accordion:not([animation=none])[expand-mode=single] smart-accordion-item.smart-toggled-item .smart-accordion-item-content,smart-accordion:not([animation=none])[expand-mode=toggle] smart-accordion-item.smart-toggled-item .smart-accordion-item-content,smart-accordion:not([animation=none])[expand-mode=none] smart-accordion-item.smart-toggled-item .smart-accordion-item-content{animation:smart-accordion-item-expand-animation ease-out;animation-direction:reverse;display:block;animation-duration:inherit;animation-iteration-count:1}smart-accordion:not([animation=none])[expand-mode=multiple] smart-accordion-item[expanded].smart-toggled-item .smart-accordion-item-content,smart-accordion:not([animation=none])[expand-mode=single] smart-accordion-item[expanded].smart-toggled-item .smart-accordion-item-content,smart-accordion:not([animation=none])[expand-mode=toggle] smart-accordion-item[expanded].smart-toggled-item .smart-accordion-item-content,smart-accordion:not([animation=none])[expand-mode=none] smart-accordion-item[expanded].smart-toggled-item .smart-accordion-item-content{animation:smart-accordion-item-expand-animation ease-in;animation-duration:inherit;animation-iteration-count:1}smart-accordion:not([animation=none]) .smart-toggled-item .smart-accordion-item-content{overflow:hidden}@keyframes smart-accordion-item-expand-animation-default-mode{0%{height:0}100%{height:var(--smart-accordion-expanded-content-height)}}@keyframes smart-accordion-item-expand-animation{0%{height:0}100%{height:var(--smart-accordion-expanded-content-local-height)}}smart-accordion .smart-reordering *{user-select:none;cursor:move}smart-accordion .smart-empty:after{content:"No accordion items.";display:flex;justify-content:center;align-items:center;width:100%;height:100%} -------------------------------------------------------------------------------- /source/styles/default/smart.textbox.css: -------------------------------------------------------------------------------- 1 | input.jqx-input,jqx-input,jqx-text-box{font-size:var(--jqx-text-box-font-size)}jqx-input,jqx-text-box{display:block;border:none;width:var(--jqx-text-box-default-width);height:var(--jqx-text-box-default-height);overflow:visible;border-top-left-radius:var(--jqx-text-box-border-top-left-radius);border-top-right-radius:var(--jqx-text-box-border-top-right-radius);border-bottom-left-radius:var(--jqx-text-box-border-bottom-left-radius);border-bottom-right-radius:var(--jqx-text-box-border-bottom-right-radius);font-family:var(--jqx-text-box-font-family);color:var(--jqx-text-box-color);background:var(--jqx-text-box-background)}jqx-input{border:1px solid var(--jqx-text-box-border)}jqx-input .jqx-container,jqx-text-box .jqx-container{width:100%;height:100%;color:inherit;font-family:inherit;position:relative;overflow:visible}input.jqx-input::selection,jqx-input input::selection,jqx-text-box input::selection{background:var(--jqx-text-box-selection);color:var(--jqx-text-box-selection-color)}input.jqx-input{border-width:var(--jqx-text-box-border-width);font-family:var(--jqx-text-box-font-family);background:var(--jqx-text-box-background);border-style:solid;border-color:var(--jqx-text-box-border);color:var(--jqx-text-box-color);border-top-left-radius:var(--jqx-text-box-border-top-left-radius);border-top-right-radius:var(--jqx-text-box-border-top-right-radius);border-bottom-left-radius:var(--jqx-text-box-border-bottom-left-radius);border-bottom-right-radius:var(--jqx-text-box-border-bottom-right-radius);padding:var(--jqx-editor-label-padding);outline:0}.jqx-input-drop-down-menu{display:block;transition:opacity .2s,transform .2s ease-out;transform:scaleY(0);transform-origin:top left;opacity:0;position:absolute;top:100%;left:0;z-index:var(--jqx-editor-drop-down-z-index);float:left;padding:2px;margin:var(--jqx-list-item-vertical-offset) var(--jqx-list-item-horizontal-offset);color:var(--jqx-list-box-color);background-color:var(--jqx-list-box-background);border:1px solid var(--jqx-list-box-border);border-top-left-radius:var(--jqx-list-box-border-top-left-radius);border-top-right-radius:var(--jqx-list-box-border-top-right-radius);border-bottom-left-radius:var(--jqx-list-box-border-bottom-left-radius);border-bottom-right-radius:var(--jqx-list-box-border-bottom-right-radius);box-shadow:var(--jqx-elevation-8);font-size:var(--jqx-font-size);font-family:var(--jqx-font-family);overflow:hidden;width:auto;height:auto;--jqx-input-drop-down-menu-width:auto;--jqx-input-drop-down-menu-height:200px;max-height:var(--jqx-input-drop-down-menu-height);min-width:150px;min-height:0}.jqx-input-drop-down-menu .jqx-scroll-viewer-container,.jqx-input-drop-down-menu .jqx-scroll-viewer-content-container,.jqx-input-drop-down-menu>.jqx-container{min-width:150px;width:var(--jqx-input-drop-down-menu-width);max-height:var(--jqx-input-drop-down-menu-height)}.jqx-input-drop-down-menu .jqx-scroll-viewer-content-container{padding:0;max-height:initial}.jqx-input-drop-down-menu ul{list-style:none;padding:0;margin:0;width:100%;height:auto}.jqx-input-drop-down-menu ul.scroll{width:calc(100% - var(--jqx-scroll-bar-size) - 2px)}.jqx-input-drop-down-menu li{padding-bottom:1px}.jqx-input-drop-down-menu li a{display:block;padding:8px 12px;border-top-left-radius:var(--jqx-list-item-border-top-left-radius);border-top-right-radius:var(--jqx-list-item-border-top-right-radius);border-bottom-left-radius:var(--jqx-list-item-border-bottom-left-radius);border-bottom-right-radius:var(--jqx-list-item-border-bottom-right-radius);clear:both;font-weight:400;white-space:nowrap;color:var(--jqx-list-item-color);text-decoration:none}.jqx-input-drop-down-menu li a:hover{color:var(--jqx-list-item-color-hover);background:var(--jqx-list-item-background-hover)}.jqx-input-drop-down-menu li.active a{color:var(--jqx-list-item-color-focus);background:var(--jqx-list-item-background-focus);text-decoration:none;outline:0}.jqx-input-drop-down-menu li a.icon{position:relative;padding-left:30px}.jqx-input-drop-down-menu li a.icon:after{content:'';position:absolute;left:0;top:0;width:30px;height:100%;background-repeat:no-repeat;background-position:center}.jqx-input-drop-down-menu[open]{transform:scale(1);opacity:1}jqx-input .jqx-input{border:none;padding:var(--jqx-editor-label-padding);height:100%;width:100%}jqx-input>.jqx-container{display:flex}jqx-input[drop-down-button-position=left] .jqx-input,jqx-input[drop-down-button-position=right] .jqx-input{width:calc(100% - var(--jqx-editor-addon-width))}jqx-input[readonly] .jqx-input{background:var(--jqx-surface);color:var(--jqx-surface-color);padding:0;cursor:pointer;padding-left:var(--jqx-editor-label-padding);outline:0}jqx-input .jqx-drop-down-button{display:none;width:var(--jqx-editor-addon-width);height:100%;flex-direction:column;color:var(--jqx-surface-color);border-left:1px solid var(--jqx-text-box-border);background:var(--jqx-surface);border-top-right-radius:var(--jqx-text-box-border-top-right-radius);border-bottom-right-radius:var(--jqx-text-box-border-bottom-right-radius)}jqx-input[drop-down-button-position=left] .jqx-drop-down-button,jqx-input[drop-down-button-position=right] .jqx-drop-down-button,jqx-input[readonly]:not([drop-down-button-position]) .jqx-drop-down-button{display:flex}jqx-input[drop-down-button-position=right] .jqx-input,jqx-input[readonly]:not([drop-down-button-position]) .jqx-input{border-top-right-radius:0;border-bottom-right-radius:0}jqx-input[drop-down-button-position=left] .jqx-drop-down-button{order:-1;border-right:1px solid var(--jqx-text-box-border);border-left:none;border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--jqx-text-box-border-top-left-radius);border-bottom-left-radius:var(--jqx-text-box-border-bottom-left-radius)}jqx-input[drop-down-button-position=left] .jqx-input{border-top-left-radius:0;border-bottom-left-radius:0}jqx-input[focus] .jqx-drop-down-button{border-color:var(--jqx-outline)}jqx-input[readonly] .jqx-drop-down-button{border-left:none}jqx-input .jqx-drop-down-button .arrow{display:flex;overflow:hidden;cursor:pointer;font-family:jqx-icons;justify-content:center;align-items:center;font-size:var(--jqx-arrow-size);outline:0;height:100%;transition:opacity .2s,transform .2s ease-out}jqx-input .jqx-drop-down-button .up::after{content:'\e801';margin-top:2px}jqx-input .jqx-drop-down-button .arrow:after,jqx-input .jqx-drop-down-button .down::after{content:'\e804';margin-top:2px}jqx-input .jqx-drop-down-button[open] .arrow{transform:rotate(-180deg)}jqx-input .jqx-drop-down-button:hover,jqx-input[readonly]:hover .jqx-drop-down-button,jqx-input[readonly]:hover .jqx-input{background:var(--jqx-numeric-text-box-background-hover);color:var(--jqx-numeric-text-box-color-hover)}jqx-input .jqx-drop-down-button:active,jqx-input .jqx-drop-down-button[open],jqx-input[readonly]:active .jqx-drop-down-button,jqx-input[readonly]:active .jqx-input,jqx-input[readonly][open] .jqx-drop-down-button,jqx-input[readonly][open] .jqx-input{background:var(--jqx-numeric-text-box-background-active);color:var(--jqx-numeric-text-box-color-active)}jqx-input[readonly]:active .jqx-input::-webkit-input-placeholder,jqx-input[readonly][open] .jqx-input::-webkit-input-placeholder{color:var(--jqx-numeric-text-box-color-active)}jqx-input[readonly]:active .jqx-input::-moz-placeholder,jqx-input[readonly][open] .jqx-input::-moz-placeholder{color:var(--jqx-numeric-text-box-color-active)}jqx-text-box .jqx-content>div,jqx-text-box input{width:100%;height:100%;outline:0;border-width:var(--jqx-text-box-border-width);border-style:solid;border-color:var(--jqx-text-box-border);border-top-left-radius:var(--jqx-text-box-border-top-left-radius);border-top-right-radius:var(--jqx-text-box-border-top-right-radius);border-bottom-left-radius:var(--jqx-text-box-border-bottom-left-radius);border-bottom-right-radius:var(--jqx-text-box-border-bottom-right-radius);padding:var(--jqx-editor-label-padding);color:inherit;font-family:inherit;font-size:inherit;background-color:transparent;font-weight:inherit;font-style:inherit;overflow:hidden}jqx-text-box .jqx-content>div:first-of-type{position:absolute;display:flex;width:initial;height:initial;user-select:none;pointer-events:none;min-height:initial;max-height:initial;align-items:center;padding-top:1px;padding-bottom:1px;opacity:.5;text-overflow:ellipsis;white-space:nowrap;border:var(--jqx-text-box-border-width) solid transparent;z-index:-1}jqx-text-box .jqx-content>div>label{color:transparent}jqx-text-box[disabled] input,jqx-text-box[readonly] input{user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none}input.jqx-input:hover,jqx-input:hover,jqx-text-box input:hover,jqx-text-box:focus input.hovered,jqx-text-box:focus.hovered input,jqx-text-box[hover] input{border-color:var(--jqx-text-box-border-hover)}input.jqx-input:disabled,jqx-input[disabled],jqx-text-box[disabled]{border-color:var(--jqx-disabled);outline:0}input.jqx-input:focus,jqx-input:focus,jqx-input[focus],jqx-text-box input:focus{border-color:var(--jqx-outline)}jqx-text-box .jqx-hint,jqx-text-box .jqx-label{display:none;position:absolute}jqx-text-box[hint] .jqx-hint,jqx-text-box[label] .jqx-label{position:absolute;left:0;bottom:100%;font-size:12px;width:100%;display:block;padding:var(--jqx-editor-label-padding);pointer-events:none;user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;text-align:initial;line-height:initial;vertical-align:initial}jqx-text-box[hint] .jqx-hint{opacity:0;transition:opacity .2s cubic-bezier(.4,0,.6,1);top:100%;bottom:initial}jqx-text-box[hint][focus] .jqx-hint{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}jqx-text-box .jqx-drop-down{font-family:inherit}jqx-text-box .jqx-content{height:100%}jqx-input.outlined,jqx-input.underlined,jqx-input.underlined:not([opened]) .jqx-drop-down-button,jqx-text-box.outlined,jqx-text-box.underlined{background-color:transparent}jqx-input.underlined,jqx-input.underlined .jqx-drop-down-button,jqx-text-box.underlined input.jqx-input{border-top:none;border-left:none;border-right:none}jqx-input.underlined:not([opened]),jqx-input.underlined:not([readonly]):not([opened]) .jqx-drop-down-button,jqx-text-box.underlined input.jqx-input{border-radius:initial}jqx-input.underlined[opened][drop-down-button-position=right]:not([readonly]),jqx-input.underlined[opened][drop-down-button-position=right]:not([readonly]) input{border-bottom-left-radius:0}jqx-input.underlined[opened][drop-down-button-position=left]:not([readonly]),jqx-input.underlined[opened][drop-down-button-position=left]:not([readonly]) input{border-bottom-right-radius:0}jqx-input.underlined:hover:not([opened]) input.jqx-input,jqx-input.underlined:not([opened]) input.jqx-input,jqx-text-box.underlined input.jqx-input{--jqx-text-box-background:transparent;background:0 0}jqx-input.underlined{color:var(--jqx-surface-color)}jqx-input.underlined:not([opened]) .jqx-drop-down-button:active,jqx-input[readonly].underlined:active:not([opened]) .jqx-drop-down-button,jqx-input[readonly].underlined:active:not([opened]) .jqx-input{background-color:transparent;color:var(--jqx-surface-color)} -------------------------------------------------------------------------------- /source/styles/default/smart.splitter.css: -------------------------------------------------------------------------------- 1 | jqx-splitter{display:block;width:var(--jqx-splitter-default-width);height:var(--jqx-splitter-default-height);overflow:hidden;position:relative;outline:0;font-size:var(--jqx-splitter-font-size);font-family:var(--jqx-splitter-font-family);background:var(--jqx-splitter-background);color:var(--jqx-splitter-color);border:var(--jqx-splitter-border-width) solid var(--jqx-splitter-border);border-top-left-radius:var(--jqx-splitter-border-top-left-radius);border-top-right-radius:var(--jqx-splitter-border-top-right-radius);border-bottom-left-radius:var(--jqx-splitter-border-bottom-left-radius);border-bottom-right-radius:var(--jqx-splitter-border-bottom-right-radius)}jqx-splitter[auto-fit-mode=overflow]>.jqx-container{overflow:auto}jqx-splitter jqx-splitter{margin:0;width:100%;height:100%;border:none}jqx-splitter[dragged]{pointer-events:none;user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;touch-action:none}jqx-splitter>.jqx-container{display:flex;position:relative;overflow:inherit}jqx-splitter-item>.jqx-container{overflow:auto;position:relative}jqx-splitter[orientation=horizontal]>.jqx-container{flex-direction:column}jqx-splitter[orientation=horizontal]>.jqx-container>.jqx-splitter-bar-feedback,jqx-splitter[orientation=horizontal]>.jqx-container>jqx-splitter-bar,jqx-splitter[orientation=horizontal]>.jqx-container>jqx-splitter-item{width:100%;height:auto}jqx-splitter[orientation=horizontal]>.jqx-container>jqx-splitter-bar{width:var(--jqx-splitter-bar-fit-size)}jqx-splitter>.jqx-container>.jqx-splitter-bar-feedback,jqx-splitter>.jqx-container>jqx-splitter-bar,jqx-splitter>.jqx-container>jqx-splitter-item{height:100%;flex-shrink:0}jqx-splitter>.jqx-container>jqx-splitter-bar{height:var(--jqx-splitter-bar-fit-size)}jqx-splitter .jqx-splitter-bar-feedback,jqx-splitter jqx-splitter-bar{min-width:5px;width:var(--jqx-splitter-bar-size);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;touch-action:none}jqx-splitter jqx-splitter jqx-splitter-bar{background-color:var(--jqx-splitter-bar-background);color:var(--jqx-splitter-bar-color)}jqx-splitter>.jqx-container>jqx-splitter-bar[hover],jqx-splitter[dragged]{cursor:w-resize}jqx-splitter[disabled]>.jqx-container>jqx-splitter-bar,jqx-splitter[orientation][disabled]>.jqx-container>jqx-splitter-bar,jqx-splitter[resize-mode=none]>.jqx-container>jqx-splitter-bar{cursor:default}jqx-splitter[disabled]>.jqx-container>jqx-splitter-bar{outline:0;border:none;box-shadow:none}jqx-splitter[orientation=horizontal]>.jqx-container>.jqx-splitter-bar-feedback,jqx-splitter[orientation=horizontal]>.jqx-container>jqx-splitter-bar{min-height:5px;height:var(--jqx-splitter-bar-size)}jqx-splitter[orientation=horizontal]:not([resize-mode=none])>.jqx-container>jqx-splitter-bar[hover]:not([locked]),jqx-splitter[orientation=horizontal][dragged]{cursor:s-resize}jqx-splitter>.jqx-container>jqx-splitter-bar[locked],jqx-splitter[dragging-not-allowed]>.jqx-container>.jqx-splitter-bar-feedback,jqx-splitter[dragging-not-allowed]>.jqx-container>jqx-splitter-bar{cursor:default}jqx-splitter:not([dragged])>.jqx-container>jqx-splitter-bar[hover]{background-color:var(--jqx-splitter-bar-background-hover);border-color:var(--jqx-splitter-bar-border-hover);color:var(--jqx-splitter-bar-color-hover);background-clip:content-box}jqx-splitter:not([dragged])>.jqx-container>jqx-splitter-bar .jqx-splitter-far-collapse-button,jqx-splitter:not([dragged])>.jqx-container>jqx-splitter-bar .jqx-splitter-near-collapse-button{color:var(--jqx-splitter-bar-color)}jqx-splitter:not([dragged])>.jqx-container>jqx-splitter-bar:not([item-collapsed]) .jqx-splitter-far-collapse-button[hover],jqx-splitter:not([dragged])>.jqx-container>jqx-splitter-bar:not([item-collapsed]) .jqx-splitter-near-collapse-button[hover],jqx-splitter:not([dragged])>.jqx-container>jqx-splitter-bar[hover]:not([item-collapsed]) .jqx-splitter-far-collapse-button,jqx-splitter:not([dragged])>.jqx-container>jqx-splitter-bar[hover]:not([item-collapsed]) .jqx-splitter-near-collapse-button{color:var(--jqx-splitter-bar-color-hover)}jqx-splitter:not([dragged])>.jqx-container>jqx-splitter-bar[hover]:not([item-collapsed]) .jqx-splitter-resize-button span,jqx-splitter:not([dragged])>.jqx-container>jqx-splitter-bar[hover]:not([item-collapsed]) .jqx-splitter-resize-button span:after,jqx-splitter:not([dragged])>.jqx-container>jqx-splitter-bar[hover]:not([item-collapsed]) .jqx-splitter-resize-button span:before{background-color:var(--jqx-splitter-bar-color-hover);border-color:var(--jqx-splitter-bar-color-hover);color:var(--jqx-splitter-bar-color-hover)}jqx-splitter jqx-splitter-bar[focus]{outline:0}jqx-splitter jqx-splitter-bar[focus] .jqx-splitter-resize-button>span,jqx-splitter jqx-splitter-bar[focus] .jqx-splitter-resize-button>span::after,jqx-splitter jqx-splitter-bar[focus] .jqx-splitter-resize-button>span::before{background-color:var(--jqx-splitter-bar-color);border-color:var(--jqx-splitter-bar-color);color:var(--jqx-splitter-bar-color)}jqx-splitter .jqx-splitter-bar-feedback,jqx-splitter>.jqx-container>jqx-splitter-bar[locked][hover]{background-color:var(--jqx-splitter-bar-background-hover);color:var(--jqx-splitter-bar-color-hover)}jqx-splitter jqx-splitter-bar[locked] .jqx-splitter-resize-button>span{visibility:hidden}jqx-splitter jqx-splitter-bar[locked] .jqx-splitter-resize-button>span::after,jqx-splitter jqx-splitter-bar[locked] .jqx-splitter-resize-button>span::before{content:none}jqx-splitter .jqx-splitter-bar-feedback{position:absolute;background-clip:content-box;opacity:.5}jqx-splitter .jqx-splitter-bar-feedback.limit-reached{background-color:var(--jqx-error)}jqx-splitter jqx-splitter-bar>.jqx-container{display:flex;align-items:center;justify-content:center;flex-direction:column-reverse}jqx-splitter jqx-splitter-bar[show-far-button] .jqx-splitter-far-collapse-button,jqx-splitter jqx-splitter-bar[show-near-button] .jqx-splitter-near-collapse-button{visibility:visible;width:100%}jqx-splitter[orientation=horizontal]>.jqx-container>jqx-splitter-bar>.jqx-container{flex-direction:row}jqx-splitter .jqx-splitter-far-collapse-button,jqx-splitter .jqx-splitter-near-collapse-button,jqx-splitter .jqx-splitter-resize-button{width:100%;height:20px;position:relative;font-family:jqx-icons;font-size:8px;cursor:pointer}jqx-splitter .jqx-splitter-far-collapse-button,jqx-splitter .jqx-splitter-near-collapse-button{visibility:hidden;width:0}jqx-splitter jqx-splitter-bar[item-collapsed] .jqx-splitter-far-collapse-button>span,jqx-splitter jqx-splitter-bar[item-collapsed] .jqx-splitter-near-collapse-button>span{transform:rotate(270deg)}jqx-splitter[orientation=horizontal]>.jqx-container>jqx-splitter-bar .jqx-splitter-resize-button,jqx-splitter[orientation=horizontal]>.jqx-container>jqx-splitter-bar[show-far-button] .jqx-splitter-far-collapse-button,jqx-splitter[orientation=horizontal]>.jqx-container>jqx-splitter-bar[show-near-button] .jqx-splitter-near-collapse-button{width:20px;height:100%}jqx-splitter[orientation=horizontal]>.jqx-container>jqx-splitter-bar .jqx-splitter-far-collapse-button,jqx-splitter[orientation=horizontal]>.jqx-container>jqx-splitter-bar .jqx-splitter-near-collapse-button{width:0;height:100%}jqx-splitter .jqx-splitter-resize-button{height:40px;display:flex;justify-content:center;align-items:center;cursor:inherit}jqx-splitter[orientation=horizontal]>.jqx-container>jqx-splitter-bar .jqx-splitter-resize-button{width:40px}jqx-splitter .jqx-splitter-far-collapse-button .jqx-arrow,jqx-splitter .jqx-splitter-near-collapse-button .jqx-arrow{position:absolute;top:50%;left:50%;width:auto;height:auto}jqx-splitter .jqx-splitter-far-collapse-button .jqx-arrow::after,jqx-splitter .jqx-splitter-near-collapse-button .jqx-arrow::after{content:'\e804';position:absolute;display:flex;align-items:center;justify-content:center;pointer-events:none;width:100%;height:100%;top:0;line-height:normal}jqx-splitter:not([animation=none]) .jqx-splitter-far-collapse-button .jqx-arrow,jqx-splitter:not([animation=none]) .jqx-splitter-near-collapse-button .jqx-arrow{transition:transform .2s ease-out}jqx-splitter .jqx-splitter-resize-button>span{width:6px;height:6px;border:1px solid var(--jqx-splitter-bar-color);background-color:var(--jqx-splitter-bar-color);color:var(--jqx-splitter-bar-color);border-radius:50%;cursor:inherit}jqx-splitter jqx-splitter-bar[item-collapsed] .jqx-splitter-resize-button{display:none}jqx-splitter .jqx-splitter-resize-button>span::after,jqx-splitter .jqx-splitter-resize-button>span::before{position:absolute;transform:translate(-50%,-50%);content:'';width:4px;height:4px;border-radius:50%;border:1px solid var(--jqx-splitter-bar-color);background-color:var(--jqx-splitter-bar-color);color:var(--jqx-splitter-resize-button-color);pointer-events:none;font-family:jqx-icons}jqx-splitter .jqx-splitter-resize-button>span::before{left:50%;top:calc(50% - var(--jqx-splitter-bar-size))}jqx-splitter[orientation=horizontal]>.jqx-container>jqx-splitter-bar .jqx-splitter-resize-button>span::before{left:calc(50% - var(--jqx-splitter-bar-size));top:50%}jqx-splitter .jqx-splitter-resize-button>span::after{top:calc(50% + var(--jqx-splitter-bar-size));left:50%}jqx-splitter[orientation=horizontal]>.jqx-container>jqx-splitter-bar .jqx-splitter-resize-button>span::after{top:50%;left:calc(50% + var(--jqx-splitter-bar-size))}jqx-splitter jqx-splitter-bar[item-collapsed] .jqx-splitter-resize-button>span::after,jqx-splitter jqx-splitter-bar[item-collapsed] .jqx-splitter-resize-button>span::before{content:initial}jqx-splitter .jqx-splitter-far-collapse-button>span{transform:translate(-50%,-50%) rotate(270deg)}jqx-splitter[orientation=horizontal]>.jqx-container>jqx-splitter-bar .jqx-splitter-far-collapse-button>span{transform:translate(-50%,-45%) rotate(0)}jqx-splitter .jqx-splitter-near-collapse-button .jqx-arrow{transform:translate(-55%,-50%) rotate(90deg)}jqx-splitter[orientation=horizontal]>.jqx-container>jqx-splitter-bar .jqx-splitter-near-collapse-button>span{transform:translate(-50%,-50%) rotate(180deg)}jqx-splitter jqx-splitter-bar[item-collapsed]{cursor:initial}jqx-splitter jqx-splitter-bar[item-collapsed]>.jqx-container{flex-direction:initial}jqx-splitter jqx-splitter-bar[item-collapsed] .jqx-splitter-far-collapse-button.jqx-visibility-hidden,jqx-splitter jqx-splitter-bar[item-collapsed] .jqx-splitter-near-collapse-button.jqx-visibility-hidden{width:initial}jqx-splitter jqx-splitter-bar[item-collapsed] .jqx-splitter-far-collapse-button>span{transform:translate(-50%,-50%) rotate(90deg)}jqx-splitter[orientation=horizontal]>.jqx-container>jqx-splitter-bar[item-collapsed] .jqx-splitter-far-collapse-button>span{transform:translate(-50%,-50%) rotate(180deg)}jqx-splitter jqx-splitter-bar[item-collapsed] .jqx-splitter-near-collapse-button>span{transform:translate(-50%,-50%) rotate(270deg)}jqx-splitter[orientation=horizontal]>.jqx-container>jqx-splitter-bar[item-collapsed] .jqx-splitter-near-collapse-button>span{transform:translate(-50%,-50%) rotate(0)}jqx-splitter jqx-splitter-bar{background-color:var(--jqx-splitter-bar-background);border-color:var(--jqx-splitter-bar-border);color:var(--jqx-splitter-bar-color)}jqx-splitter jqx-splitter-item[collapsed]{overflow:hidden;padding:initial}jqx-splitter jqx-splitter-item>.jqx-container>.jqx-content{width:100%;height:100%;overflow:auto}jqx-splitter:not([animation=none])>.jqx-container>jqx-splitter-item.animate{transition:all .25s cubic-bezier(.4,0,.2,1)}jqx-splitter[dragged]:not([animation=none])>.jqx-container>jqx-splitter-item,jqx-splitter[orientation-change]:not([animation=none])>.jqx-container>jqx-splitter-item{transition:none}jqx-splitter[show-locked-items]>.jqx-container>jqx-splitter-item[locked]>.jqx-container::after{position:absolute;content:'\e829';font-family:jqx-icons;opacity:.25;font-size:calc(2.5 * var(--jqx-splitter-font-size));top:50%;left:50%;transform:translate(-50%,-50%)}jqx-splitter jqx-splitter-item{background-color:inherit;color:inherit;overflow:hidden}jqx-splitter[orientation=horizontal] jqx-splitter-item[collapsed]{min-width:0;min-height:0} -------------------------------------------------------------------------------- /source/styles/default/smart.layouts.css: -------------------------------------------------------------------------------- 1 | .smart-grid-layout{grid-template-rows:var(--smart-grid-layout-rows);padding:0;box-sizing:border-box}.smart-grid-layout,.smart-grid-layout .row{display:grid;width:var(--smart-grid-layout-width);grid-gap:var(--smart-grid-layout-row-gap);grid-columns-gap:var(--smart-grid-layout-col-gap);grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}.smart-grid-layout.no-gaps,.smart-grid-layout.no-gaps .row{--smart-grid-row-gap:0px;--smart-grid-column-gap:0px;grid-columns-gap:0;grid-gap:0}.smart-grid-layout .row{margin-right:auto;margin-left:auto;box-sizing:border-box;grid-column:span 12}.smart-grid-layout .order-0{order:-1}.smart-grid-layout .order-1{order:0}.smart-grid-layout .order-2{order:1}.smart-grid-layout .order-3{order:2}.smart-grid-layout .order-4{order:3}.smart-grid-layout .order-5{order:4}.smart-grid-layout .order-6{order:5}.smart-grid-layout .order-7{order:6}.smart-grid-layout .order-8{order:7}.smart-grid-layout .order-9{order:8}.smart-grid-layout .order-10{order:9}.smart-grid-layout .order-11{order:10}.smart-grid-layout .order-12{order:11}.smart-grid-layout [span="2"]{grid-row:span 2}.smart-grid-layout [span="3"]{grid-row:span 3}.smart-grid-layout [span="4"]{grid-row:span 4}.smart-grid-layout [span="5"]{grid-row:span 5}.smart-grid-layout [span="6"]{grid-row:span 6}.smart-grid-layout [span="7"]{grid-row:span 7}.smart-grid-layout [span="8"]{grid-row:span 8}.smart-grid-layout [span="9"]{grid-row:span 9}.smart-grid-layout [span="10"]{grid-row:span 10}.smart-grid-layout [span="11"]{grid-row:span 11}.smart-grid-layout [span="12"]{grid-row:span 12}.smart-grid-layout .col,.smart-grid-layout .col-1,.smart-grid-layout .col-10,.smart-grid-layout .col-11,.smart-grid-layout .col-12,.smart-grid-layout .col-2,.smart-grid-layout .col-3,.smart-grid-layout .col-4,.smart-grid-layout .col-5,.smart-grid-layout .col-6,.smart-grid-layout .col-7,.smart-grid-layout .col-8,.smart-grid-layout .col-9,.smart-grid-layout .col-lg,.smart-grid-layout .col-lg-1,.smart-grid-layout .col-lg-10,.smart-grid-layout .col-lg-11,.smart-grid-layout .col-lg-12,.smart-grid-layout .col-lg-2,.smart-grid-layout .col-lg-3,.smart-grid-layout .col-lg-4,.smart-grid-layout .col-lg-5,.smart-grid-layout .col-lg-6,.smart-grid-layout .col-lg-7,.smart-grid-layout .col-lg-8,.smart-grid-layout .col-lg-9,.smart-grid-layout .col-md,.smart-grid-layout .col-md-1,.smart-grid-layout .col-md-10,.smart-grid-layout .col-md-11,.smart-grid-layout .col-md-12,.smart-grid-layout .col-md-2,.smart-grid-layout .col-md-3,.smart-grid-layout .col-md-4,.smart-grid-layout .col-md-5,.smart-grid-layout .col-md-6,.smart-grid-layout .col-md-7,.smart-grid-layout .col-md-8,.smart-grid-layout .col-md-9,.smart-grid-layout .col-sm,.smart-grid-layout .col-sm-1,.smart-grid-layout .col-sm-10,.smart-grid-layout .col-sm-11,.smart-grid-layout .col-sm-12,.smart-grid-layout .col-sm-2,.smart-grid-layout .col-sm-3,.smart-grid-layout .col-sm-4,.smart-grid-layout .col-sm-5,.smart-grid-layout .col-sm-6,.smart-grid-layout .col-sm-7,.smart-grid-layout .col-sm-8,.smart-grid-layout .col-sm-9,.smart-grid-layout .col-xl,.smart-grid-layout .col-xl-1,.smart-grid-layout .col-xl-10,.smart-grid-layout .col-xl-11,.smart-grid-layout .col-xl-12,.smart-grid-layout .col-xl-2,.smart-grid-layout .col-xl-3,.smart-grid-layout .col-xl-4,.smart-grid-layout .col-xl-5,.smart-grid-layout .col-xl-6,.smart-grid-layout .col-xl-7,.smart-grid-layout .col-xl-8,.smart-grid-layout .col-xl-9{position:relative;width:100%;min-height:1px;padding:15px;box-sizing:border-box;grid-column:span 12}.smart-grid-layout .col-12{grid-column:span 12}.smart-grid-layout .col-11{grid-column:span 11}.smart-grid-layout .col-10{grid-column:span 10}.smart-grid-layout .col-9{grid-column:span 9}.smart-grid-layout .col-8{grid-column:span 8}.smart-grid-layout .col-7{grid-column:span 7}.smart-grid-layout .col-6{grid-column:span 6}.smart-grid-layout .col-5{grid-column:span 5}.smart-grid-layout .col-4{grid-column:span 4}.smart-grid-layout .col-3{grid-column:span 3}.smart-grid-layout .col-2{grid-column:span 2}.smart-grid-layout .col-1{grid-column:span 1}@media (min-width:576px){.smart-grid-layout.fixed{max-width:540px}.smart-grid-layout .col-sm-12{grid-column:span 12}.smart-grid-layout .col-sm-11{grid-column:span 11}.smart-grid-layout .col-sm-10{grid-column:span 10}.smart-grid-layout .col-sm-9{grid-column:span 9}.smart-grid-layout .col-sm-8{grid-column:span 8}.smart-grid-layout .col-sm-7{grid-column:span 7}.smart-grid-layout .col-sm-6{grid-column:span 6}.smart-grid-layout .col-sm-5{grid-column:span 5}.smart-grid-layout .col-sm-4{grid-column:span 4}.smart-grid-layout .col-sm-3{grid-column:span 3}.smart-grid-layout .col-sm-2{grid-column:span 2}.smart-grid-layout .col-sm-1{grid-column:span 1}}@media (min-width:768px){.smart-grid-layout.fixed{max-width:720px}.smart-grid-layout .col-md-12{grid-column:span 12}.smart-grid-layout .col-md-11{grid-column:span 11}.smart-grid-layout .col-md-10{grid-column:span 10}.smart-grid-layout .col-md-9{grid-column:span 9}.smart-grid-layout .col-md-8{grid-column:span 8}.smart-grid-layout .col-md-7{grid-column:span 7}.smart-grid-layout .col-md-6{grid-column:span 6}.smart-grid-layout .col-md-5{grid-column:span 5}.smart-grid-layout .col-md-4{grid-column:span 4}.smart-grid-layout .col-md-3{grid-column:span 3}.smart-grid-layout .col-md-2{grid-column:span 2}.smart-grid-layout .col-md-1{grid-column:span 1}}@media (min-width:992px){.smart-grid-layout.fixed{max-width:960px}.smart-grid-layout .col-lg-12{grid-column:span 12}.smart-grid-layout .col-lg-11{grid-column:span 11}.smart-grid-layout .col-lg-10{grid-column:span 10}.smart-grid-layout .col-lg-9{grid-column:span 9}.smart-grid-layout .col-lg-8{grid-column:span 8}.smart-grid-layout .col-lg-7{grid-column:span 7}.smart-grid-layout .col-lg-6{grid-column:span 6}.smart-grid-layout .col-lg-5{grid-column:span 5}.smart-grid-layout .col-lg-4{grid-column:span 4}.smart-grid-layout .col-lg-3{grid-column:span 3}.smart-grid-layout .col-lg-2{grid-column:span 2}.smart-grid-layout .col-lg-1{grid-column:span 1}}@media (min-width:1200px){.smart-grid-layout.fixed{max-width:1140px}.smart-grid-layout .col-xl-12{grid-column:span 12}.smart-grid-layout .col-xl-11{grid-column:span 11}.smart-grid-layout .col-xl-10{grid-column:span 10}.smart-grid-layout .col-xl-9{grid-column:span 9}.smart-grid-layout .col-xl-8{grid-column:span 8}.smart-grid-layout .col-xl-7{grid-column:span 7}.smart-grid-layout .col-xl-6{grid-column:span 6}.smart-grid-layout .col-xl-5{grid-column:span 5}.smart-grid-layout .col-xl-4{grid-column:span 4}.smart-grid-layout .col-xl-3{grid-column:span 3}.smart-grid-layout .col-xl-2{grid-column:span 2}.smart-grid-layout .col-xl-1{grid-column:span 1}}.smart-stack-layout{display:flex;box-sizing:border-box;overflow:hidden;width:100%;align-items:baseline;padding:15px}.smart-stack-layout.vertical{flex-direction:column}.smart-stack-layout .item{display:flex;border-radius:0;box-shadow:none;min-width:100px}.smart-stack-layout:not(.space-around):not(.space-evenly):not(.space-between):not(.vertical) .item:first-child{border-top-left-radius:var(--smart-border-radius);border-bottom-left-radius:var(--smart-border-radius);border-top-right-radius:0;border-bottom-right-radius:0}.smart-stack-layout:not(.space-around):not(.space-evenly):not(.space-between):not(.vertical) .item:last-child{border-top-right-radius:var(--smart-border-radius);border-bottom-right-radius:var(--smart-border-radius);border-top-left-radius:0;border-bottom-left-radius:0}.smart-stack-layout:not(.space-around):not(.space-evenly):not(.space-between).vertical .item:first-child{border-top-left-radius:var(--smart-border-radius);border-top-right-radius:var(--smart-border-radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.smart-stack-layout:not(.space-around):not(.space-evenly):not(.space-between).vertical .item:last-child{border-bottom-right-radius:var(--smart-border-radius);border-bottom-left-radius:var(--smart-border-radius);border-top-left-radius:0;border-top-right-radius:0}.smart-stack-layout.spacing .item{margin:0 6px}.smart-stack-layout.spacing-2 .item{margin:0 12px}.smart-stack-layout.spacing-3 .item{margin:0 24px}.smart-stack-layout.spacing-4 .item{margin:0 48px}.smart-stack-layout.spacing-5 .item{margin:0 64px}.smart-stack-layout.spacing-6 .item{margin:0 128px}.smart-stack-layout.spacing.vertical .item{margin:6px 0}.smart-stack-layout.spacing-2.vertical .item{margin:12px 0}.smart-stack-layout.spacing-3.vertical .item{margin:24px 0}.smart-stack-layout.spacing-4.vertical .item{margin:48px 0}.smart-stack-layout.spacing-5.vertical .item{margin:64px 0}.smart-stack-layout.spacing-6.vertical .item{margin:128px 0}.smart-stack-layout.spacing-2:not(.vertical) .item:first-child,.smart-stack-layout.spacing-3:not(.vertical) .item:first-child,.smart-stack-layout.spacing-4:not(.vertical) .item:first-child,.smart-stack-layout.spacing-5:not(.vertical) .item:first-child,.smart-stack-layout.spacing-6:not(.vertical) .item:first-child,.smart-stack-layout.spacing:not(.vertical) .item:first-child{margin-left:0}.smart-stack-layout.spacing-2:not(.vertical) .item:last-child,.smart-stack-layout.spacing-3:not(.vertical) .item:last-child,.smart-stack-layout.spacing-4:not(.vertical) .item:last-child,.smart-stack-layout.spacing-5:not(.vertical) .item:last-child,.smart-stack-layout.spacing-6:not(.vertical) .item:last-child,.smart-stack-layout.spacing:not(.vertical) .item:last-child{margin-right:0}.smart-stack-layout.spacing-2.vertical .item:first-child,.smart-stack-layout.spacing-3.vertical .item:first-child,.smart-stack-layout.spacing-4.vertical .item:first-child,.smart-stack-layout.spacing-5.vertical .item:first-child,.smart-stack-layout.spacing-6.vertical .item:first-child,.smart-stack-layout.spacing.vertical .item:first-child{margin-top:0}.smart-stack-layout.spacing-2.vertical .item:last-child,.smart-stack-layout.spacing-3.vertical .item:last-child,.smart-stack-layout.spacing-4.vertical .item:last-child,.smart-stack-layout.spacing-5.vertical .item:last-child,.smart-stack-layout.spacing-6.vertical .item:last-child,.smart-stack-layout.spacing.vertical .item:last-child{margin-bottom:0}.smart-stack-layout.stretch:not(.vertical) .item,.smart-stack-layout.vertical.vertical-stretch .item{flex:1}.smart-stack-layout.stretch:not(.vertical) .item.flex-2,.smart-stack-layout.vertical.vertical-stretch .item.flex-2{flex:2}.smart-stack-layout.stretch:not(.vertical) .item.flex-3,.smart-stack-layout.vertical.vertical-stretch .item.flex-3{flex:3}.smart-stack-layout.stretch:not(.vertical) .item.flex-4,.smart-stack-layout.vertical.vertical-stretch .item.flex-4{flex:4}.smart-stack-layout.stretch:not(.vertical) .item.flex-5,.smart-stack-layout.vertical.vertical-stretch .item.flex-5{flex:5}.smart-stack-layout.stretch:not(.vertical) .item.flex-6,.smart-stack-layout.vertical.vertical-stretch .item.flex-6{flex:6}.smart-stack-layout .center,.smart-stack-layout:not(.vertical).center{justify-content:center}.smart-stack-layout .left,.smart-stack-layout:not(.vertical).left{justify-content:flex-start}.smart-stack-layout .right,.smart-stack-layout:not(.vertical).right{justify-content:flex-end}.smart-stack-layout.vertical.center{align-items:center}.smart-stack-layout.vertical.left{align-items:flex-start}.smart-stack-layout.vertical.right{align-items:flex-end}.smart-stack-layout .top,.smart-stack-layout:not(.vertical).top{align-items:flex-start}.smart-stack-layout .bottom,.smart-stack-layout:not(.vertical).bottom{align-items:flex-end}.smart-stack-layout .middle,.smart-stack-layout:not(.vertical).middle{align-items:center}.smart-stack-layout .space-between,.smart-stack-layout.space-between{justify-content:space-between}.smart-stack-layout .space-evenly,.smart-stack-layout.space-evenly{justify-content:space-evenly}.smart-stack-layout .space-around,.smart-stack-layout.space-around{justify-content:space-around}.smart-stack-layout.vertical.top{justify-content:flex-start}.smart-stack-layout.vertical.bottom{justify-content:flex-end}.smart-stack-layout.vertical.middle{justify-content:center}.smart-stack-layout.stretch.vertical,.smart-stack-layout:not(.vertical).vertical-stretch{align-items:stretch} -------------------------------------------------------------------------------- /source/styles/default/smart.tank.css: -------------------------------------------------------------------------------- 1 | jqx-tank{padding-left:5px;padding-right:5px;width:var(--jqx-tank-default-width);height:var(--jqx-tank-default-height);display:block;font-size:var(--jqx-tank-font-size);font-family:var(--jqx-tank-font-family)}jqx-slider,jqx-tank{overflow:visible;border:none}jqx-slider *,jqx-tank *{box-sizing:border-box}jqx-tank[orientation=horizontal]{padding-top:5px;padding-bottom:5px;padding-left:initial;padding-right:initial}jqx-slider:focus,jqx-tank:focus{outline:0}jqx-tank .jqx-track.track-hovered{cursor:pointer}jqx-tank:active .jqx-track{cursor:n-resize}jqx-tank[orientation=horizontal]:active .jqx-track{cursor:w-resize}jqx-tank[disabled] .jqx-track.track-hovered,jqx-tank[disabled]:active .jqx-track,jqx-tank[readonly] .jqx-track.track-hovered,jqx-tank[readonly]:active .jqx-track{cursor:default}jqx-slider .jqx-container,jqx-tank .jqx-container{overflow:visible}jqx-tank .jqx-thumb{position:absolute;width:var(--jqx-tank-thumb-width);height:var(--jqx-tank-thumb-height);transform:scale(0);transition:transform .2s ease-out;left:calc(-1 * var(--jqx-tank-thumb-width) * 2);top:calc(-1 * var(--jqx-tank-thumb-height)/ 2);border-radius:50%}jqx-tank[orientation=horizontal] .jqx-thumb{left:100%;top:calc(-1 * var(--jqx-tank-thumb-height) - var(--jqx-tank-thumb-height)/ 2);margin-left:calc(-1 * var(--jqx-tank-thumb-width)/ 2)}jqx-tank[thumb-label-position=far] .jqx-thumb{left:calc(var(--jqx-tank-default-width))}jqx-tank[orientation=horizontal][thumb-label-position=far] .jqx-thumb{left:100%;top:calc(100% + var(--jqx-tank-thumb-height)/ 2)}jqx-tank[inverted] .jqx-thumb,jqx-tank[inverted][orientation=vertical] .jqx-thumb{top:calc(100% - var(--jqx-tank-thumb-height)/ 2)}jqx-tank[orientation=horizontal][inverted] .jqx-thumb{left:calc(-1 * var(--jqx-tank-thumb-width)/ 2)}jqx-tank[show-thumb-label]:focus .jqx-thumb{transform:scale(1);transition:transform .2s ease-out}jqx-tank[inverted] .jqx-thumb{margin-left:initial;margin-top:initial}jqx-tank .jqx-thumb::before{background-color:gray;width:100%;height:100%;transition:.2s;display:block;border-radius:50%;content:"";z-index:-1;opacity:.1;transform:scale(2,2);animation:tank-thumb-effect 1s infinite;animation-delay:.1s}@keyframes tank-thumb-effect{0%,100%{transform:scale(2,2)}50%{transform:scale(1.8,1.8)}}jqx-tank .jqx-track{height:100%;width:calc(100% - var(--jqx-tank-scale-size) - 4px);min-width:var(--jqx-tank-minimum-track-size);position:relative;border:var(--jqx-tank-border) solid;border-width:var(--jqx-tank-border-width);background-color:transparent;float:left;border-top-left-radius:var(--jqx-tank-border-top-left-radius);border-bottom-left-radius:var(--jqx-tank-border-bottom-left-radius);border-top-right-radius:var(--jqx-tank-border-top-right-radius);border-bottom-right-radius:var(--jqx-tank-border-bottom-right-radius);margin:0 2px}jqx-tank[scale-position=none] .jqx-track{height:100%;width:100%;position:relative;border:solid #d3d3d3;border-width:var(--jqx-tank-border-width);margin:0}jqx-tank[scale-position=both] .jqx-track{width:calc(100% - 2 * var(--jqx-tank-scale-size) - 4px)}jqx-tank[orientation=horizontal] .jqx-track{height:calc(100% - var(--jqx-tank-scale-size) - 4px);min-height:var(--jqx-tank-minimum-track-size);width:100%;background-color:transparent;margin-top:2px;margin-bottom:2px}jqx-tank[orientation=horizontal][scale-position=both] .jqx-track{height:calc(100% - 2 * var(--jqx-tank-scale-size) - 4px)}jqx-tank[orientation=horizontal][scale-position=none] .jqx-track{height:100%;width:100%;position:relative;border:solid #d3d3d3;border-width:var(--jqx-tank-border-width);background-color:transparent;margin-top:0;margin-bottom:0}jqx-tank:focus .jqx-track,jqx-tank[scale-position=none]:focus .jqx-track{border-style:solid;border-color:var(--jqx-outline);border-width:var(--jqx-tank-border-width)}jqx-tank .jqx-value{width:100%;height:0;background-color:var(--jqx-tank-background-active);border-color:var(--jqx-tank-border-active);position:absolute}jqx-tank[orientation=horizontal] .jqx-value{height:100%;width:0}jqx-slider .jqx-scale,jqx-tank .jqx-scale{position:relative;user-select:none;pointer-events:none}jqx-tank[orientation=horizontal] .jqx-scale{width:100%;float:left;height:calc(var(--jqx-tank-scale-size));margin-left:var(--jqx-tank-border-width)}jqx-tank[scale-position=both] .jqx-scale{width:var(--jqx-tank-scale-size);height:100%;max-width:47%}jqx-tank[orientation=horizontal][scale-position=both] .jqx-scale{width:100%;height:var(--jqx-tank-scale-size)}jqx-tank .jqx-scale{float:left;margin-top:var(--jqx-tank-border-width);margin-left:initial;height:calc(100% - var(--jqx-tank-border-width));width:var(--jqx-tank-scale-size);max-width:calc(100% - var(--jqx-tank-minimum-track-size) - 4px)}jqx-tank .jqx-tooltip.jqx-hidden{display:none}jqx-tank .jqx-tooltip{position:absolute;display:flex;align-items:center;justify-content:center;border:1px solid var(--jqx-tank-border);width:var(--jqx-tank-tooltip-width);height:var(--jqx-tank-tooltip-height);padding:5px;background-color:var(--jqx-tank-background);color:var(--jqx-tank-color);opacity:.7}jqx-slider[ticks-visibility=none] .jqx-tick,jqx-slider[ticks-visibility=major] .jqx-tick-minor,jqx-tank[disabled]:not([animation=none]) .bubble,jqx-tank[inverted]:not([animation=none]) .bubble,jqx-tank[orientation=horizontal]:not([animation=none]) .bubble,jqx-tank[ticks-visibility=none] .jqx-tick,jqx-tank[ticks-visibility=major] .jqx-tick-minor{display:none}jqx-tank[orientation=horizontal][inverted] .jqx-tooltip,jqx-tank[orientation=horizontal][tooltip-position=near][inverted] .jqx-tooltip{top:calc(-1 * var(--jqx-tank-tooltip-height) - 12px);left:calc(-1 * var(--jqx-tank-tooltip-width)/ 2)}jqx-tank[inverted] .jqx-tooltip{left:calc(-1 * var(--jqx-tank-tooltip-width) - 10.5px);top:calc(100% - 1 * var(--jqx-tank-tooltip-height)/ 2)}jqx-tank[orientation=horizontal][tooltip-position=far] .jqx-tooltip{top:calc(100% + 12px);left:calc(100% - var(--jqx-tank-tooltip-width)/ 2)}jqx-tank[scale-position=none][tooltip-position=near] .jqx-tooltip{top:calc(-1 * var(--jqx-tank-tooltip-height)/ 2)}jqx-tank[orientation=horizontal] .jqx-tooltip{top:calc(-1 * var(--jqx-tank-tooltip-height) - 12px);left:calc(100% - var(--jqx-tank-tooltip-width)/ 2)}jqx-tank[orientation=horizontal][inverted][tooltip-position=far] .jqx-tooltip{left:calc(-1* var(--jqx-tank-tooltip-width)/ 2);top:calc(100% + 12px)}jqx-tank[orientation=horizontal] .jqx-tooltip:before{content:"";width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--jqx-tank-border);position:absolute;top:100%;left:calc(var(--jqx-tank-tooltip-width)/ 2 - 6px)}jqx-tank[orientation=horizontal][tooltip-position=far] .jqx-tooltip:before{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--jqx-tank-border);border-top:0;position:absolute;left:calc(var(--jqx-tank-tooltip-width)/ 2 - 6px);top:-7px}jqx-tank .jqx-tooltip{left:calc(-1 * var(--jqx-tank-tooltip-width) - 10.5px);top:calc(-1 * var(--jqx-tank-tooltip-height)/ 2)}jqx-tank[inverted][tooltip-position=far] .jqx-tooltip{top:calc(100% - var(--jqx-tank-tooltip-height)/ 2)}jqx-tank .jqx-tooltip:before{content:"";width:0;height:0;border-right:none;border-left:6px solid var(--jqx-tank-border);border-top:6px solid transparent;border-bottom:6px solid transparent;position:absolute;top:calc(50% - 6px);right:-7px;left:auto}jqx-tank[tooltip-position=far] .jqx-tooltip:before{border-left:none;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid var(--jqx-tank-border);top:calc(50% - 6px);left:-7px}jqx-tank[tooltip-position=far] .jqx-tooltip{left:calc(100% + 10.5px);top:calc(-1 * var(--jqx-tank-tooltip-height)/ 2)}jqx-tank[inverted][tooltip-position=far][scale-position=none] .jqx-tooltip{left:calc(-100% - 7px)}jqx-tank[inverted][tooltip-position=near] .jqx-tooltip{left:calc(-1 * var(--jqx-tank-tooltip-width) - 10.5px);top:calc(100% - var(--jqx-tank-tooltip-height)/ 2)}jqx-slider .jqx-tooltip,jqx-tank .jqx-tooltip{z-index:1}jqx-slider .jqx-tooltip-content,jqx-tank .jqx-tooltip-content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}jqx-tank[orientation=horizontal] .jqx-tick{float:left;width:1px;height:var(--jqx-tank-tick-size)}jqx-tank[orientation=horizontal][ticks-position=track] .jqx-tick{height:100%;width:1px}jqx-tank[orientation=horizontal] .jqx-tick-minor{height:var(--jqx-tank-minor-tick-size);width:1px}jqx-tank[orientation=horizontal][ticks-position=track] .jqx-tick-minor{height:80%;top:50%;transform:translateY(-50%)}jqx-tank .jqx-tick{position:absolute;background-color:var(--jqx-tick-color);float:initial;width:var(--jqx-tank-tick-size);height:1px}jqx-tank[ticks-position=track] .jqx-tick{width:100%}jqx-tank .jqx-tick-minor{width:var(--jqx-tank-minor-tick-size);height:1px}jqx-tank[ticks-position=track] .jqx-tick-minor{width:80%;left:50%;transform:translateX(-50%)}jqx-tank[orientation=horizontal] .jqx-scale-near .jqx-tick{bottom:0;right:initial}jqx-tank .jqx-scale-near .jqx-tick{bottom:initial;right:0}jqx-tank[orientation=horizontal] .jqx-scale-near .jqx-label{bottom:calc(var(--jqx-tank-tick-size) + 2px);right:initial}jqx-tank[orientation=horizontal][ticks-position=track] .jqx-scale-near .jqx-label,jqx-tank[orientation=horizontal][ticks-visibility=none] .jqx-scale-near .jqx-label{bottom:2px}jqx-tank .jqx-scale-near .jqx-label{bottom:initial;right:calc(var(--jqx-tank-tick-size) + 2px)}jqx-tank[ticks-position=track] .jqx-scale-near .jqx-label,jqx-tank[ticks-visibility=none] .jqx-scale-near .jqx-label{right:2px}jqx-tank[orientation=horizontal] .jqx-scale-far .jqx-tick{top:0}jqx-tank.jqx-scale-far .jqx-tick{top:initial}jqx-tank[orientation=horizontal] .jqx-scale-far .jqx-label{top:calc(var(--jqx-tank-tick-size) + 2px);left:initial}jqx-tank[orientation=horizontal][ticks-position=track] .jqx-scale-far .jqx-label,jqx-tank[orientation=horizontal][ticks-visibility=none] .jqx-scale-far .jqx-label{top:2px;left:initial}jqx-tank .jqx-scale-far .jqx-label{left:calc(var(--jqx-tank-tick-size) + 2px);top:initial}jqx-tank[ticks-position=track] .jqx-scale-far .jqx-label,jqx-tank[ticks-visibility=none] .jqx-scale-far .jqx-label{left:2px;top:initial}jqx-slider .jqx-label,jqx-tank .jqx-label{position:absolute;float:left;white-space:nowrap;font-family:inherit;font-size:inherit;color:var(--jqx-tick-label-color)}jqx-slider[labels-visibility=none] .jqx-label,jqx-slider[labels-visibility=endPoints] .jqx-label-middle,jqx-tank[labels-visibility=none] .jqx-label,jqx-tank[labels-visibility=endPoints] .jqx-label-middle{visibility:hidden}jqx-slider .jqx-track-ticks-container,jqx-tank .jqx-track-ticks-container{position:absolute;width:100%;height:100%;pointer-events:none}jqx-slider,jqx-tank .jqx-track{touch-action:none}jqx-tank:not([animation=none]) .jqx-value.disable-animation,jqx-tank[orientation=horizontal]:not([animation=none]) .jqx-value.disable-animation,jqx-tank[orientation=vertical]:not([animation=none]) .jqx-value.disable-animation{transition:none}jqx-tank:not([animation=none]) .jqx-value,jqx-tank[orientation=vertical]:not([animation=none]) .jqx-value{transition:height .15s ease-out,margin-top .15s ease-out}jqx-tank[orientation=horizontal]:not([animation=none]) .jqx-value{transition:width .15s ease-out,margin-left .15s ease-out}jqx-tank:not([animation=none]) .jqx-bubble-container{position:relative;overflow:hidden;touch-action:none;width:100%;height:100%;user-select:none}jqx-tank:not([animation=none]) .bubble{user-select:none;pointer-events:none;border-radius:50%;box-shadow:0 10px 20px rgba(0,0,0,.2),inset 0 10px 25px 5px rgba(255,255,255,1);width:50px;height:50px}jqx-tank:not([animation=none]) .bubble1{left:10%;top:40%;animation:animateBubble 12.5s linear infinite,sideWays 5s ease-in-out infinite alternate;transform:scale(.25)}jqx-tank:not([animation=none]) .bubble2{left:5%;top:35%;animation:animateBubble 15s linear infinite,sideWays 4.5s ease-in-out infinite alternate;transform:scale(.2)}jqx-tank:not([animation=none]) .bubble3{left:0;top:50%;animation:animateBubble 10s linear infinite,sideWays 7s ease-in-out infinite alternate;transform:scale(.3)}jqx-tank:not([animation=none]) .bubble4{left:10%;top:60%;animation:animateBubble 7s linear infinite,sideWays 11s ease-in-out infinite alternate;transform:scale(.275)}jqx-tank:not([animation=none]) .bubble5{left:8%;top:70%;animation:animateBubble 14.5s linear infinite,sideWays 8s ease-in-out infinite alternate;transform:scale(.35)}@keyframes sideWays{0%{margin-left:-10%}100%{margin-left:55%}}@keyframes animateBubble{0%{margin-top:100%}100%{margin-top:-100%}} --------------------------------------------------------------------------------