survey-creator-core 1.9.63 → 1.9.64
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +2 -2
- package/survey-creator-core.css +15 -22
- package/survey-creator-core.fontless.css +14 -21
- package/survey-creator-core.fontless.min.css +4 -4
- package/survey-creator-core.i18n.js +1 -1
- package/survey-creator-core.i18n.min.js +1 -1
- package/survey-creator-core.js +14 -7
- package/survey-creator-core.min.css +5 -5
- package/survey-creator-core.min.js +2 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* SurveyJS Creator v1.9.
|
|
2
|
+
* SurveyJS Creator v1.9.64
|
|
3
3
|
* (c) 2015-2022 Devsoft Baltic OÜ - http://surveyjs.io/
|
|
4
4
|
* Github: https://github.com/surveyjs/survey-creator
|
|
5
5
|
* License: https://surveyjs.io/Licenses#SurveyCreator
|
|
@@ -14,7 +14,7 @@ svc-tab-json-editor-textarea{width:100%;height:100%;background:var(--background-
|
|
|
14
14
|
|
|
15
15
|
svc-tab-test{width:100%;height:100%;background:var(--background-dim, #f3f3f3)}.svc-test-tab__content .svc-plugin-tab__content{overflow-y:auto}.svc-test-tab__content .svc-plugin-tab__content .sv-root-modern .sv-completedpage,.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_completed_page{margin:0;border:0;background-color:var(--background-dim, #f3f3f3)}.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_body{border:0}.svc-test-tab__content .svc-plugin-tab__content .svc-preview__test-again{width:calc(33 * var(--base-unit, 8px));margin-left:auto;margin-right:auto;margin-bottom:72px;margin-top:8px}.svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content{height:calc(100% - calc(6 * var(--base-unit, 8px)))}.svc-test-tab__content-actions{position:relative}.svc-test-tab__content-actions .sv-action-bar{padding:0;height:calc(6 * var(--base-unit, 8px));background:var(--background, #fff);border-top:1px solid var(--border, #d6d6d6);width:100%;position:absolute}.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages{left:0;right:0;justify-content:center;gap:calc(1 * var(--base-unit, 8px))}.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action__content{padding:0}.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item{margin:0}.svc-test-tab__content-actions .sv-action-bar-item{font-family:var(--font-family);font-style:normal;font-weight:600;font-size:calc(1.5 * var(--base-unit, 8px));line-height:calc(2 * var(--base-unit, 8px));width:100%;height:calc(4 * var(--base-unit, 8px))}.svc-test-tab__content-actions .svc-page-selector{max-width:50%}.svc-test-tab__content-actions .svc-page-selector .sv-action-bar-item__title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--foreground, #161616);display:inline-block}.svc-test-tab__content.svc-creator-tab__content--with-toolbar .sd-body__navigation{padding-bottom:calc(8 * var(--base-unit, 8px))}.svc-test-tab__content .sd-body--empty{font-family:var(--font-family);font-style:normal;font-weight:400;font-size:calc(2 * var(--base-unit, 8px));color:var(--foreground, #161616);width:100%;position:absolute;top:50%;transform:translateY(-50%);text-align:center;overflow:hidden}
|
|
16
16
|
|
|
17
|
-
.sl-table{width:50%;margin:0 25%}.sl-table__row{position:relative}.sl-table__cell.st-table__cell--actions:first-of-type .sv-action-bar{margin-top:calc(-.5 * var(--base-unit, 8px));padding-right:calc(4 * var(--base-unit, 8px))}.sl-table .sl-table__detail-button.sl-table__detail-button{width:calc(6 * var(--base-unit, 8px));height:calc(6 * var(--base-unit, 8px));box-sizing:border-box;border-radius:calc(12.5 * var(--base-unit, 8px));padding:0}.sl-table .sl-table__detail-button.sl-table__detail-button:hover,.sl-table .sl-table__detail-button.sl-table__detail-button.sv-focused--by-key{background-color:var(--primary-light, rgba(25,179,148,0.1));outline:none}.sl-table .sl-table__detail-button.sl-table__detail-button:hover use,.sl-table .sl-table__detail-button.sl-table__detail-button.sv-focused--by-key use{fill:var(--primary, #19b394)}.sl-table__remove-button .sv-action-bar-item{border-radius:calc(12.5 * var(--base-unit, 8px));padding:calc(1 * var(--base-unit, 8px));cursor:pointer}.sl-table__remove-button .sv-action-bar-item:hover,.sl-table__remove-button .sv-action-bar-item.sv-focused--by-key{background-color:var(--red-light, rgba(229,10,62,0.1));outline:none}.sl-table__remove-button .sv-action-bar-item:hover use,.sl-table__remove-button .sv-action-bar-item.sv-focused--by-key use{fill:var(--red, #e60a3e)}.sl-table__cell .sv-action-bar-item__icon{display:none}.sl-table__row:hover .sl-table__cell .sv-action-bar-item__icon,.sl-table__cell .sv-action-bar-item.sv-focused--by-key .sv-action-bar-item__icon{display:block}.sl-table__row #remove-row .sv-action-bar-item{border:none;width:calc(5 * var(--base-unit, 8px));height:calc(5 * var(--base-unit, 8px))}.sl-table__row #remove-row .sv-action-bar-item__icon use{fill:var(--red, #e60a3e)}.sl-table__row.sl-table__row--additional .sl-table__cell .svc-action-button{color:var(--secondary, #ff9814)}.sl-table__cell .svc-action-button,.sl-table__cell .svc-action-button:hover,.sl-table__cell .svc-action-button:focus{font-family:var(--font-family);font-style:normal;font-weight:bold;font-size:calc(3 * var(--base-unit, 8px));line-height:calc(4 * var(--base-unit, 8px));background:transparent;color:var(--foreground, #161616);outline:none;border:none;box-shadow:none;max-height:calc(13.5 * var(--base-unit, 8px));overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.sl-table__cell{color:var(--foreground, #161616);font-weight:bold;font-size:calc(2 * var(--base-unit, 8px));font-family:var(--font-family);vertical-align:top;padding:calc(2 * var(--base-unit, 8px)) 0;width:100%}.sl-table__cell--actions{position:absolute;width:max-content}.sl-table__cell--actions:first-of-type{transform:translateX(-100%)}.sl-table__cell--detail-button{overflow:hidden;appearance:none;outline:none;border:none;background-color:transparent}.sl-table{border-collapse:separate;border-spacing:0;table-layout:fixed}.sl-table thead th:first-child{position:absolute;left:0;transform:translateX(-100%)}.sl-table thead th:last-child{position:absolute;right:0;transform:translateX(100%)}.sl-table thead .sl-table__cell.st-table__cell--header{text-align:left}.sl-table tbody tr:last-of-type .sl-table__cell{padding-bottom:calc(10 * var(--base-unit, 8px))}.sl-table tr:first-of-type .sl-table__cell{padding-top:calc(4 * var(--base-unit, 8px))}.sl-table td:first-of-type,.sl-table th:first-of-type{padding-left:calc(4 * var(--base-unit, 8px))}.sl-table td:first-of-type .sv-action-bar,.sl-table th:first-of-type .sv-action-bar{justify-content:flex-end}.sl-table td:last-of-type,.sl-table th:last-of-type{padding-right:calc(4 * var(--base-unit, 8px))}.sl-panel .sl-panel__footer{padding:0}.sl-panel .sl-panel__footer .sv-action{width:100%}.sl-panel .sl-panel__footer .sv-action__content{width:100%}.sl-panel .sl-panel__footer button.sl-panel__done-button{width:100%;margin:calc(2 * var(--base-unit, 8px)) 0 calc(10 * var(--base-unit, 8px)) 0;color:var(--primary, #19b394);background-color:var(--primary-light, rgba(25,179,148,0.1));font-family:var(--font-family);font-size:calc(2 * var(--base-unit, 8px));border-radius:calc(12.5 * var(--base-unit, 8px));display:flex;align-items:center;vertical-align:baseline;text-align:center;user-select:none}.sl-panel .sl-panel__footer button:hover{background-color:var(--primary, #19b394);color:var(--primary-foreground, #fff)}.sl-panel .sl-panel__footer .sv-action-bar-item__title{color:inherit;display:flex;align-items:center;flex-grow:1;justify-content:center;font-weight:600}.sl-element .sd-paneldynamic__buttons-container{padding:0}.sl-question{display:flex;align-items:center;margin-top:calc(2 * var(--base-unit, 8px))}.sl-row{display:flex;align-items:flex-start;flex-flow:row wrap}.sl-row--multiple .sl-panel{padding-bottom:0}.sl-question__header--left{margin-right:calc(1 * var(--base-unit, 8px))}.sl-row .sd-scrollable-container:not(.sd-scrollable-container--compact){overflow-x:auto}.sl-question__title{color:var(--foreground, #161616);font-size:calc(2 * var(--base-unit, 8px));line-height:calc(3 * var(--base-unit, 8px));margin:0;font-weight:600}.sl-question__title span+span{display:none}.sl-row--multiple .sl-question{padding-right:calc(1 * var(--base-unit, 8px))}.svc-logic-question-value{padding-right:calc(5 * var(--base-unit, 8px));margin-top:calc(2 * var(--base-unit, 8px))}.svc-logic_trigger-editor{margin-top:calc(2 * var(--base-unit, 8px))}.svc-logic_trigger-editor .svc-logic-question-value{margin-top:0}.sv-popup.sv-property-editor .sl-row{flex-flow:nowrap}.spg-comment.sl-comment{height:calc(17 * var(--base-unit, 8px))}
|
|
17
|
+
.sl-table{width:50%;margin:0 25%}.sl-table__row{position:relative}.sl-table__cell.st-table__cell--actions:first-of-type .sv-action-bar{margin-top:calc(-.5 * var(--base-unit, 8px));padding-right:calc(4 * var(--base-unit, 8px))}.sl-table .sl-table__detail-button.sl-table__detail-button{width:calc(6 * var(--base-unit, 8px));height:calc(6 * var(--base-unit, 8px));box-sizing:border-box;border-radius:calc(12.5 * var(--base-unit, 8px));padding:0}.sl-table .sl-table__detail-button.sl-table__detail-button:hover:enabled,.sl-table .sl-table__detail-button.sl-table__detail-button.sv-focused--by-key{background-color:var(--primary-light, rgba(25,179,148,0.1));outline:none}.sl-table .sl-table__detail-button.sl-table__detail-button:hover:enabled use,.sl-table .sl-table__detail-button.sl-table__detail-button.sv-focused--by-key use{fill:var(--primary, #19b394)}.sl-table__remove-button .sv-action-bar-item{border-radius:calc(12.5 * var(--base-unit, 8px));padding:calc(1 * var(--base-unit, 8px));cursor:pointer}.sl-table__remove-button .sv-action-bar-item:hover:enabled,.sl-table__remove-button .sv-action-bar-item.sv-focused--by-key{background-color:var(--red-light, rgba(229,10,62,0.1));outline:none}.sl-table__remove-button .sv-action-bar-item:hover:enabled use,.sl-table__remove-button .sv-action-bar-item.sv-focused--by-key use{fill:var(--red, #e60a3e)}.sl-table__cell .sv-action-bar-item__icon{display:none}.sl-table__row:hover .sl-table__cell .sv-action-bar-item__icon,.sl-table__cell .sv-action-bar-item.sv-focused--by-key .sv-action-bar-item__icon{display:block}.sl-table__row #remove-row .sv-action-bar-item{border:none;width:calc(5 * var(--base-unit, 8px));height:calc(5 * var(--base-unit, 8px))}.sl-table__row #remove-row .sv-action-bar-item__icon use{fill:var(--red, #e60a3e)}.sl-table__row.sl-table__row--additional .sl-table__cell .svc-action-button{color:var(--secondary, #ff9814)}.sl-table__cell .svc-action-button,.sl-table__cell .svc-action-button:hover,.sl-table__cell .svc-action-button:focus,.sl-table__cell .svc-action-button:hover:enabled,.sl-table__cell .svc-action-button:focus:enabled{font-family:var(--font-family);font-style:normal;font-weight:bold;font-size:calc(3 * var(--base-unit, 8px));line-height:calc(4 * var(--base-unit, 8px));background:transparent;color:var(--foreground, #161616);outline:none;border:none;box-shadow:none;max-height:calc(13.5 * var(--base-unit, 8px));overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.sl-table__cell{color:var(--foreground, #161616);font-weight:bold;font-size:calc(2 * var(--base-unit, 8px));font-family:var(--font-family);vertical-align:top;padding:calc(2 * var(--base-unit, 8px)) 0;width:100%}.sl-table__cell--actions{position:absolute;width:max-content}.sl-table__cell--actions:first-of-type{transform:translateX(-100%)}.sl-table__cell--detail-button{overflow:hidden;appearance:none;outline:none;border:none;background-color:transparent}.sl-table{border-collapse:separate;border-spacing:0;table-layout:fixed}.sl-table thead th:first-child{position:absolute;left:0;transform:translateX(-100%)}.sl-table thead th:last-child{position:absolute;right:0;transform:translateX(100%)}.sl-table thead .sl-table__cell.st-table__cell--header{text-align:left}.sl-table tbody tr:last-of-type .sl-table__cell{padding-bottom:calc(10 * var(--base-unit, 8px))}.sl-table tr:first-of-type .sl-table__cell{padding-top:calc(4 * var(--base-unit, 8px))}.sl-table td:first-of-type,.sl-table th:first-of-type{padding-left:calc(4 * var(--base-unit, 8px))}.sl-table td:first-of-type .sv-action-bar,.sl-table th:first-of-type .sv-action-bar{justify-content:flex-end}.sl-table td:last-of-type,.sl-table th:last-of-type{padding-right:calc(4 * var(--base-unit, 8px))}.sl-panel .sl-panel__footer{padding:0}.sl-panel .sl-panel__footer .sv-action{width:100%}.sl-panel .sl-panel__footer .sv-action__content{width:100%}.sl-panel .sl-panel__footer button.sl-panel__done-button{width:100%;margin:calc(2 * var(--base-unit, 8px)) 0 calc(10 * var(--base-unit, 8px)) 0;color:var(--primary, #19b394);background-color:var(--primary-light, rgba(25,179,148,0.1));font-family:var(--font-family);font-size:calc(2 * var(--base-unit, 8px));border-radius:calc(12.5 * var(--base-unit, 8px));display:flex;align-items:center;vertical-align:baseline;text-align:center;user-select:none}.sl-panel .sl-panel__footer button:hover:enabled{background-color:var(--primary, #19b394);color:var(--primary-foreground, #fff)}.sl-panel .sl-panel__footer .sv-action-bar-item__title{color:inherit;display:flex;align-items:center;flex-grow:1;justify-content:center;font-weight:600}.sl-element .sd-paneldynamic__buttons-container{padding:0}.sl-question{display:flex;align-items:center;margin-top:calc(2 * var(--base-unit, 8px))}.sl-row{display:flex;align-items:flex-start;flex-flow:row wrap}.sl-row--multiple .sl-panel{padding-bottom:0}.sl-question__header--left{margin-right:calc(1 * var(--base-unit, 8px))}.sl-row .sd-scrollable-container:not(.sd-scrollable-container--compact){overflow-x:auto}.sl-question__title{color:var(--foreground, #161616);font-size:calc(2 * var(--base-unit, 8px));line-height:calc(3 * var(--base-unit, 8px));margin:0;font-weight:600}.sl-question__title span+span{display:none}.sl-row--multiple .sl-question{padding-right:calc(1 * var(--base-unit, 8px))}.svc-logic-question-value{padding-right:calc(5 * var(--base-unit, 8px));margin-top:calc(2 * var(--base-unit, 8px))}.svc-logic_trigger-editor{margin-top:calc(2 * var(--base-unit, 8px))}.svc-logic_trigger-editor .svc-logic-question-value{margin-top:0}.sv-popup.sv-property-editor .sl-row{flex-flow:nowrap}.spg-comment.sl-comment{height:calc(17 * var(--base-unit, 8px))}
|
|
18
18
|
|
|
19
19
|
.svc-tab-translation{width:100%;height:100%;background-color:var(--background-dim, #f3f3f3)}.st-properties .spg-item.spg-selectbase__label:focus-within{outline:1px dotted var(--primary, #19b394)}.st-properties .spg-selectbase__label:focus-within{outline:none}.st-properties .spg-panel__content .spg-row{margin-top:0}.st-no-strings{font-family:var(--font-family);font-style:normal;font-weight:400;font-size:calc(2 * var(--base-unit, 8px));color:var(--foreground, #161616);width:100%;position:absolute;top:50%;transform:translateY(-50%);text-align:center;overflow:hidden}.st-content{display:flex;height:100%}.st-strings{height:calc(100% - calc(6 * var(--base-unit, 8px)));overflow-y:auto;overflow-x:hidden}.st-strings-wrapper{flex-grow:1}.st-property-panel{flex-shrink:0;flex-grow:0;width:450px;border-left:1px solid var(--border, #d6d6d6)}.st-property-panel .spg-panel__content .spg-row{margin-top:0}.st-property-panel .spg-panel__content .spg-row:first-child{margin-top:calc(2 * var(--base-unit, 8px))}.st-strings-header .st-table__cell{background-color:var(--background-dim, #f3f3f3);height:auto}.st-root-modern{width:100%}.st-title.st-panel__title,.st-table__cell.st-table__cell--header{font-family:var(--font-family);font-style:normal;font-weight:600;font-size:calc(1.5 * var(--base-unit, 8px));line-height:calc(2 * var(--base-unit, 8px));color:var(--foreground-light, #909090);text-align:left}.st-title.st-panel__title{height:calc(4 * var(--base-unit, 8px));line-height:calc(4 * var(--base-unit, 8px));padding-left:calc(3 * var(--base-unit, 8px));margin:0;background-color:var(--background-for-editors, #f9f9f9);border-bottom:1px solid var(--border-light, #eaeaea)}.st-table tr{display:flex;align-items:stretch}.st-table__cell{display:block;flex:1 1;box-sizing:border-box;background-color:var(--background, #fff);border-bottom:1px solid var(--border-light, #eaeaea);padding:calc(1 * var(--base-unit, 8px)) 0}td.st-table__cell:first-of-type{font-family:var(--font-family);font-style:normal;font-weight:600;font-size:calc(2 * var(--base-unit, 8px));line-height:calc(3 * var(--base-unit, 8px));color:var(--foreground, #161616);max-width:300px;padding-right:calc(3 * var(--base-unit, 8px))}td.st-table__cell:first-of-type span{display:inline-block;padding-left:calc(3 * var(--base-unit, 8px))}.st-panel-indent .st-table__cell:first-of-type span{padding-left:calc(6 * var(--base-unit, 8px))}.st-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0}.st-comment{font-family:var(--font-family);font-style:normal;font-size:calc(2 * var(--base-unit, 8px));line-height:calc(3 * var(--base-unit, 8px));display:block;width:calc(100% - 3 * var(--base-unit, 8px));border:unset;outline:none;background-color:var(--background, #fff);color:var(--foreground, #161616);resize:none;padding:0}.sd-translation-line-skeleton{min-height:calc(5 * var(--base-unit, 8px));background-color:var(--background-dim, #f3f3f3)}
|
|
20
20
|
|
|
@@ -64,11 +64,11 @@ svc-question{display:block;position:absolute;top:1px;left:1px;right:1px;bottom:1
|
|
|
64
64
|
|
|
65
65
|
.svc-property-panel__group{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:calc(2 * var(--base-unit, 8px));border:none;outline:none;color:var(--foreground-light, #909090);cursor:pointer;text-align:left;background:var(--background, #fff);box-shadow:inset 0px -1px 0px var(--border, #d6d6d6);font-family:var(--font-family);font-size:calc(2 * var(--base-unit, 8px))}.svc-property-panel__group:disabled,.svc-property-panel__group:disabled:hover{background-color:var(--background, #fff);color:var(--foreground-disabled, rgba(22,22,22,0.16));cursor:default}.svc-property-panel__group:hover{background-color:var(--background-dim, #f3f3f3);color:var(--foreground-light, #909090);font-weight:400}.svc-property-panel__group--active,.svc-property-panel__group--active:hover{color:var(--foreground, #161616);font-weight:600;background-color:var(--background, #fff)}
|
|
66
66
|
|
|
67
|
-
.svc-tabbed-menu-item{padding:calc(2 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px));height:calc(8 * var(--base-unit, 8px));line-height:calc(4 * var(--base-unit, 8px));box-sizing:border-box;cursor:pointer}.svc-tabbed-menu-item:hover,.svc-tabbed-menu-item:focus{background-color:var(--background-dim, #f3f3f3);box-shadow:inset 0px -1px 0px var(--border, #d6d6d6);outline:none}.svc-tabbed-menu-item--selected{background:var(--background, #fff);box-shadow:inset 0px -2px 0px var(--primary, #19b394)}.svc-tabbed-menu-item--selected:hover,.svc-tabbed-menu-item--selected:focus{background:var(--background, #fff);box-shadow:inset 0px -2px 0px var(--primary, #19b394)}.svc-tabbed-menu-item--disabled{cursor:default;color:var(--foreground-disabled, rgba(22,22,22,0.16))}.svc-tabbed-menu-item--disabled:hover{background-color:var(--background, #fff)}.svc-tabbed-menu-item--hidden{visibility:hidden}.svc-tabbed-menu-item .svc-tabbed-menu-item__text{white-space:nowrap;line-height:calc(4 * var(--base-unit, 8px))}.svc-tabbed-menu-item-container .sv-dots__item{width:auto}
|
|
67
|
+
.svc-tabbed-menu-item{padding:calc(2 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px));height:calc(8 * var(--base-unit, 8px));line-height:calc(4 * var(--base-unit, 8px));box-sizing:border-box;cursor:pointer}.svc-tabbed-menu-item:hover,.svc-tabbed-menu-item:focus{background-color:var(--background-dim, #f3f3f3);box-shadow:inset 0px -1px 0px var(--border, #d6d6d6);outline:none}.svc-tabbed-menu-item--selected{background:var(--background, #fff);box-shadow:inset 0px -2px 0px var(--primary, #19b394)}.svc-tabbed-menu-item--selected:hover,.svc-tabbed-menu-item--selected:focus{background:var(--background, #fff);box-shadow:inset 0px -2px 0px var(--primary, #19b394)}.svc-tabbed-menu-item--disabled{cursor:default;color:var(--foreground-disabled, rgba(22,22,22,0.16))}.svc-tabbed-menu-item--disabled:hover{background-color:var(--background, #fff)}.svc-tabbed-menu-item--hidden{visibility:hidden}.svc-tabbed-menu-item .svc-tabbed-menu-item__text{white-space:nowrap;line-height:calc(4 * var(--base-unit, 8px))}.svc-tabbed-menu-item-container .sv-dots__item{width:auto}
|
|
68
68
|
|
|
69
69
|
.svc-tabbed-menu{display:flex;white-space:nowrap;overflow:hidden;align-items:center;height:calc(8 * var(--base-unit, 8px))}.svc-tabbed-menu-wrapper{flex:1 1 auto;overflow:hidden}
|
|
70
70
|
|
|
71
|
-
.svc-toolbox__item{display:flex;position:relative;align-items:center;z-index:20;outline:none;padding:calc(1 * var(--base-unit, 8px)) calc(1.5 * var(--base-unit, 8px))}.svc-toolbox__item sv-svg-icon,.svc-toolbox__item .sv-svg-icon{display:block;height:calc(3 * var(--base-unit, 8px))}.svc-toolbox__item-container{outline:none}.svc-toolbox__item-container .sv-svg-icon use{fill:var(--foreground-light, #909090)}.svc-toolbox__item-banner{opacity:0;display:flex;box-sizing:border-box;align-items:center;margin-right:0;margin-left:calc(-1.5 * var(--base-unit, 8px))}.svc-toolbox__item-banner .svc-toolbox__item-icon{position:absolute;display:block;left:calc(1.5 * var(--base-unit, 8px));top:calc(1 * var(--base-unit, 8px))}.svc-toolbox__item-banner .svc-toolbox__item-title{color:var(--foreground, #161616)}.svc-toolbox__item-banner .sv-svg-icon use{fill:var(--primary, #19b394)}.svc-creator__toolbox--right .svc-toolbox__item:hover .svc-toolbox__item-banner,.svc-creator__toolbox--right .svc-toolbox__item:focus .svc-toolbox__item-banner,[dir='rtl'] .svc-toolbox__item:hover .svc-toolbox__item-banner,[dir='rtl'] .svc-toolbox__item:focus .svc-toolbox__item-banner,[style*='direction:rtl'] .svc-toolbox__item:hover .svc-toolbox__item-banner,[style*='direction:rtl'] .svc-toolbox__item:focus .svc-toolbox__item-banner,[style*='direction: rtl'] .svc-toolbox__item:hover .svc-toolbox__item-banner,[style*='direction: rtl'] .svc-toolbox__item:focus .svc-toolbox__item-banner{flex-direction:row-reverse;padding-right:calc(1.5 * var(--base-unit, 8px));padding-left:calc(2 * var(--base-unit, 8px));margin-left:0;margin-right:0;transform:translateX(calc(1.5 * var(--base-unit, 8px)))}.svc-creator__toolbox--right .svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,.svc-creator__toolbox--right .svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title,[dir='rtl'] .svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,[dir='rtl'] .svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title,[style*='direction:rtl'] .svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,[style*='direction:rtl'] .svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title,[style*='direction: rtl'] .svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,[style*='direction: rtl'] .svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title{padding-left:calc(1 * var(--base-unit, 8px));padding-right:calc(4 * var(--base-unit, 8px))}.svc-creator__toolbox--right .svc-toolbox__item,[dir='rtl'] .svc-toolbox__item,[style*='direction:rtl'] .svc-toolbox__item,[style*='direction: rtl'] .svc-toolbox__item{flex-direction:row-reverse}.svc-creator__toolbox--right .svc-toolbox__tool.sv-dots,[dir='rtl'] .svc-toolbox__tool.sv-dots,[style*='direction:rtl'] .svc-toolbox__tool.sv-dots,[style*='direction: rtl'] .svc-toolbox__tool.sv-dots{place-self:flex-end}.svc-creator__toolbox--right .svc-toolbox__tool,[dir='rtl'] .svc-toolbox__tool,[style*='direction:rtl'] .svc-toolbox__tool,[style*='direction: rtl'] .svc-toolbox__tool{justify-content:flex-end}.svc-creator__toolbox--right .svc-toolbox__category,[dir='rtl'] .svc-toolbox__category,[style*='direction:rtl'] .svc-toolbox__category,[style*='direction: rtl'] .svc-toolbox__category{align-items:flex-end}.svc-creator__toolbox--right .svc-toolbox__item-banner .svc-toolbox__item-icon,[dir='rtl'] .svc-toolbox__item-banner .svc-toolbox__item-icon,[style*='direction:rtl'] .svc-toolbox__item-banner .svc-toolbox__item-icon,[style*='direction: rtl'] .svc-toolbox__item-banner .svc-toolbox__item-icon{left:auto;right:calc(1.5 * var(--base-unit, 8px))}.svc-toolbox__item-title{font-family:var(--font-family);font-style:normal;font-weight:600;font-size:calc(1.5 * var(--base-unit, 8px));line-height:calc(2 * var(--base-unit, 8px));display:block;padding-left:calc(1 * var(--base-unit, 8px));padding-right:calc(1.5 * var(--base-unit, 8px));white-space:nowrap;color:var(--foreground-light, #909090)}.svc-toolbox__item:hover .svc-toolbox__item-banner,.svc-toolbox__item:focus .svc-toolbox__item-banner{max-width:calc(100 * var(--base-unit, 8px));padding-left:calc(1.5 * var(--base-unit, 8px));padding-right:calc(2 * var(--base-unit, 8px));opacity:1}.svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,.svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title{padding-left:calc(4 * var(--base-unit, 8px))}.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):focus,.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):hover{overflow:hidden;border-radius:calc(12.5 * var(--base-unit, 8px));background-color:var(--background, #fff);box-shadow:0px 2px 6px rgba(0,0,0,0.1);transition:0.1s ease-in-out}.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):focus .svc-toolbox__item-title,.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):hover .svc-toolbox__item-title{color:var(--foreground, #161616)}.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):focus .sv-svg-icon use,.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):hover .sv-svg-icon use{fill:var(--primary, #19b394)}.svc-toolbox__tool .sv-dots__item:hover,.svc-toolbox__tool .sv-dots__item:focus,.svc-toolbox__tool .sv-dots__item.sv-action-bar-item--pressed{background-color:var(--primary-light, rgba(25,179,148,0.1));border-radius:calc(12.5 * var(--base-unit, 8px))}.svc-toolbox__tool .sv-dots__item:hover .sv-svg-icon use,.svc-toolbox__tool .sv-dots__item:focus .sv-svg-icon use,.svc-toolbox__tool .sv-dots__item.sv-action-bar-item--pressed .sv-svg-icon use{fill:var(--primary, #19b394)}.svc-toolbox-popup .sv-list__item:first-child .sv-list__item-separator{display:none}.svc-toolbox-popup .sv-list__item .sv-list__item-body{padding-top:calc(1.5 * var(--base-unit, 8px));padding-bottom:calc(1.5 * var(--base-unit, 8px));padding-left:calc(2 * var(--base-unit, 8px));padding-right:calc(5 * var(--base-unit, 8px))}.svc-toolbox .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots),.svc-toolbox .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots):hover,.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots),.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots):hover{color:var(--foreground, #161616);opacity:0.5}.svc-toolbox .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots) .sv-svg-icon use,.svc-toolbox .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots):hover .sv-svg-icon use,.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots) .sv-svg-icon use,.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots):hover .sv-svg-icon use{fill:var(--foreground, #161616);opacity:0.5}
|
|
71
|
+
.svc-toolbox__item{display:flex;position:relative;align-items:center;z-index:20;outline:none;padding:calc(1 * var(--base-unit, 8px)) calc(1.5 * var(--base-unit, 8px))}.svc-toolbox__item sv-svg-icon,.svc-toolbox__item .sv-svg-icon{display:block;height:calc(3 * var(--base-unit, 8px))}.svc-toolbox__item-container{outline:none}.svc-toolbox__item-container .sv-svg-icon use{fill:var(--foreground-light, #909090)}.svc-toolbox__item-banner{opacity:0;display:flex;box-sizing:border-box;align-items:center;margin-right:0;margin-left:calc(-1.5 * var(--base-unit, 8px))}.svc-toolbox__item-banner .svc-toolbox__item-icon{position:absolute;display:block;left:calc(1.5 * var(--base-unit, 8px));top:calc(1 * var(--base-unit, 8px))}.svc-toolbox__item-banner .svc-toolbox__item-title{color:var(--foreground, #161616)}.svc-toolbox__item-banner .sv-svg-icon use{fill:var(--primary, #19b394)}.svc-creator__toolbox--right .svc-toolbox__item:hover .svc-toolbox__item-banner,.svc-creator__toolbox--right .svc-toolbox__item:focus .svc-toolbox__item-banner,[dir='rtl'] .svc-toolbox__item:hover .svc-toolbox__item-banner,[dir='rtl'] .svc-toolbox__item:focus .svc-toolbox__item-banner,[style*='direction:rtl'] .svc-toolbox__item:hover .svc-toolbox__item-banner,[style*='direction:rtl'] .svc-toolbox__item:focus .svc-toolbox__item-banner,[style*='direction: rtl'] .svc-toolbox__item:hover .svc-toolbox__item-banner,[style*='direction: rtl'] .svc-toolbox__item:focus .svc-toolbox__item-banner{flex-direction:row-reverse;padding-right:calc(1.5 * var(--base-unit, 8px));padding-left:calc(2 * var(--base-unit, 8px));margin-left:0;margin-right:0;transform:translateX(calc(1.5 * var(--base-unit, 8px)))}.svc-creator__toolbox--right .svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,.svc-creator__toolbox--right .svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title,[dir='rtl'] .svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,[dir='rtl'] .svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title,[style*='direction:rtl'] .svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,[style*='direction:rtl'] .svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title,[style*='direction: rtl'] .svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,[style*='direction: rtl'] .svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title{padding-left:calc(1 * var(--base-unit, 8px));padding-right:calc(4 * var(--base-unit, 8px))}.svc-creator__toolbox--right .svc-toolbox__item,[dir='rtl'] .svc-toolbox__item,[style*='direction:rtl'] .svc-toolbox__item,[style*='direction: rtl'] .svc-toolbox__item{flex-direction:row-reverse}.svc-creator__toolbox--right .svc-toolbox__tool.sv-dots,[dir='rtl'] .svc-toolbox__tool.sv-dots,[style*='direction:rtl'] .svc-toolbox__tool.sv-dots,[style*='direction: rtl'] .svc-toolbox__tool.sv-dots{place-self:flex-end}.svc-creator__toolbox--right .svc-toolbox__tool,[dir='rtl'] .svc-toolbox__tool,[style*='direction:rtl'] .svc-toolbox__tool,[style*='direction: rtl'] .svc-toolbox__tool{justify-content:flex-end}.svc-creator__toolbox--right .svc-toolbox__category,[dir='rtl'] .svc-toolbox__category,[style*='direction:rtl'] .svc-toolbox__category,[style*='direction: rtl'] .svc-toolbox__category{align-items:flex-end}.svc-creator__toolbox--right .svc-toolbox__item-banner .svc-toolbox__item-icon,[dir='rtl'] .svc-toolbox__item-banner .svc-toolbox__item-icon,[style*='direction:rtl'] .svc-toolbox__item-banner .svc-toolbox__item-icon,[style*='direction: rtl'] .svc-toolbox__item-banner .svc-toolbox__item-icon{left:auto;right:calc(1.5 * var(--base-unit, 8px))}.svc-toolbox__item-title{font-family:var(--font-family);font-style:normal;font-weight:600;font-size:calc(1.5 * var(--base-unit, 8px));line-height:calc(2 * var(--base-unit, 8px));display:block;padding-left:calc(1 * var(--base-unit, 8px));padding-right:calc(1.5 * var(--base-unit, 8px));white-space:nowrap;color:var(--foreground-light, #909090)}.svc-toolbox__item:hover .svc-toolbox__item-banner,.svc-toolbox__item:focus .svc-toolbox__item-banner{max-width:calc(100 * var(--base-unit, 8px));padding-left:calc(1.5 * var(--base-unit, 8px));padding-right:calc(2 * var(--base-unit, 8px));opacity:1}.svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,.svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title{padding-left:calc(4 * var(--base-unit, 8px))}.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):focus,.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):hover{overflow:hidden;border-radius:calc(12.5 * var(--base-unit, 8px));background-color:var(--background, #fff);box-shadow:0px 2px 6px rgba(0,0,0,0.1);transition:0.1s ease-in-out}.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):focus .svc-toolbox__item-title,.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):hover .svc-toolbox__item-title{color:var(--foreground, #161616)}.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):focus .sv-svg-icon use,.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):hover .sv-svg-icon use{fill:var(--primary, #19b394)}.svc-toolbox__tool .sv-dots__item:hover:enabled,.svc-toolbox__tool .sv-dots__item:focus:enabled,.svc-toolbox__tool .sv-dots__item.sv-action-bar-item--pressed{background-color:var(--primary-light, rgba(25,179,148,0.1));border-radius:calc(12.5 * var(--base-unit, 8px))}.svc-toolbox__tool .sv-dots__item:hover:enabled .sv-svg-icon use,.svc-toolbox__tool .sv-dots__item:focus:enabled .sv-svg-icon use,.svc-toolbox__tool .sv-dots__item.sv-action-bar-item--pressed .sv-svg-icon use{fill:var(--primary, #19b394)}.svc-toolbox-popup .sv-list__item:first-child .sv-list__item-separator{display:none}.svc-toolbox-popup .sv-list__item .sv-list__item-body{padding-top:calc(1.5 * var(--base-unit, 8px));padding-bottom:calc(1.5 * var(--base-unit, 8px));padding-left:calc(2 * var(--base-unit, 8px));padding-right:calc(5 * var(--base-unit, 8px))}.svc-toolbox .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots),.svc-toolbox .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots):hover,.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots),.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots):hover{color:var(--foreground, #161616);opacity:0.5}.svc-toolbox .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots) .sv-svg-icon use,.svc-toolbox .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots):hover .sv-svg-icon use,.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots) .sv-svg-icon use,.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots):hover .sv-svg-icon use{fill:var(--foreground, #161616);opacity:0.5}
|
|
72
72
|
|
|
73
73
|
svc-toolbox{display:flex;flex-direction:column;position:absolute}.svc-toolbox{height:100%;padding:calc(2 * var(--base-unit, 8px));box-sizing:border-box;overflow-y:auto;direction:rtl}.svc-toolbox--compact{width:calc(10.5 * var(--base-unit, 8px));overflow:visible;direction:ltr}.svc-toolbox__container{direction:ltr}.svc-toolbox__category{display:flex;flex-direction:column;align-items:flex-start}.svc-toolbox__tool:not(.sv-dots){display:flex;width:auto}.svc-toolbox__tool .sv-dots__item{width:calc(6 * var(--base-unit, 8px));margin-top:calc(.5 * var(--base-unit, 8px))}.svc-toolbox__category-separator{height:1px;width:calc(6 * var(--base-unit, 8px));background-color:var(--border, #d6d6d6);margin:calc(1 * var(--base-unit, 8px)) 0 calc(1.5 * var(--base-unit, 8px))}.svc-toolbox__category-header{height:calc(5 * var(--base-unit, 8px));padding:calc(1.5 * var(--base-unit, 8px));background:var(--background-dim, #f3f3f3);border-bottom:1px solid var(--border, #d6d6d6);box-sizing:border-box;width:100%;min-width:calc(20 * var(--base-unit, 8px));position:relative}.svc-toolbox__category-header--collapsed{cursor:pointer}.svc-toolbox__category-title{font-family:var(--font-family);font-size:calc(1.5 * var(--base-unit, 8px));font-weight:bold;line-height:calc(2 * var(--base-unit, 8px));color:var(--foreground, #161616);vertical-align:middle;display:block}.svc-toolbox__category-header__controls{position:absolute;right:calc(1 * var(--base-unit, 8px));top:calc(1 * var(--base-unit, 8px));display:none}.svc-toolbox__category-header__button{fill:var(--foreground-light, #909090)}.svc-toolbox__category-header:hover .svc-toolbox__category-header__controls{display:block}.svc-toolbox__tool{cursor:default}.svc-toolbox__tool .sv-action__content{display:flex;padding-top:calc(.5 * var(--base-unit, 8px));flex-direction:column;align-items:flex-start}.svc-creator__toolbox--right .svc-toolbox__tool .sv-action__content{align-items:flex-end}.svc-toolbox__category--collapsed .svc-toolbox__tool{height:0;visibility:hidden}
|
|
74
74
|
|