@asup/tree-of-nodes/dist/main.css.map

REACT Typescript Treeview component

{"mappings":"AAAA;;;;;AAKA;;;;;;;;AAQA;;;;;AAKA;;;;AAIA;;;;;;;;;AASA;;;;AAIA;;;;;;;;;;;;;;;;AAgBA;;;;AAIA;;;;;;;;;;;;;AAaA;;;;;AAKA;;;;;;;AAOA;;;;;;;AAMA;;;;;;;AAQA;;;;;;;;;;;AAUA;;;;;;;AASA;;;;;;AAKA;;;;AAGA","sources":["src/components/TreeNode.css"],"sourcesContent":[":root {\n  --ton-transition-time: 0.3s;\n  --ton-long-transition-time: 0.6s;\n}\n\n.tree-of-nodes {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  max-width: 100%;\n  gap: 1px;\n}\n\n.ton-checkbox {\n  margin-right: 3px;\n  margin-top: 3px;\n}\n\n.ton-expander {\n  margin: 0;\n}\n\n.ton-node {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  width: 100%;\n  max-width: 100%;\n  height: 30px;\n}\n\n.ton-label {\n  height: 26px;\n}\n\n.ton-label-span {\n  border-radius: 3px;\n  border: 1px solid transparent;\n  box-sizing: border-box;\n  display: inline-block;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  line-height: 24px;\n  overflow: hidden;\n  padding: 1px 3px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: 100%;\n}\n\n.ton-rename-holder {\n  width: 100%;\n}\n\n.ton-rename {\n  border-radius: 3px;\n  border: 1px dotted black;\n  box-sizing: border-box;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  line-height: 24px;\n  min-width: 0;\n  padding: 1px 3px;\n  width: 100%;\n}\n\n.ton-rename:focus {\n  outline: none;\n  box-shadow: none;\n}\n\n.ton-child {\n  margin-left: 16px;\n  display: block;\n  opacity: 1;\n  transition: opacity var(--ton-long-transition-time) linear;\n}\n\n.ton-collapsible-wrapper {\n  display: flex;\n  overflow: hidden;\n  width: 100%;\n  max-width: 100%;\n}\n.ton-collapsible-wrapper:after {\n  content: \"\";\n  height: 1px;\n  transition:\n    height var(--ton-transition-time) linear,\n    max-height 0s var(--ton-transition-time) linear;\n  max-height: 0px;\n}\n.ton-collapsible {\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n  transition: margin-bottom var(--ton-transition-time) cubic-bezier(0, 0, 0, 1);\n  margin-top: 1px;\n  margin-bottom: 1px;\n  max-height: 10000px;\n  width: 100%;\n}\n.ton-collapsible-wrapper.collapsed > .ton-collapsible {\n  margin-bottom: -2000px;\n  transition:\n    margin-bottom var(--ton-transition-time) cubic-bezier(1, 0, 1, 1),\n    visibility 0s var(--ton-transition-time),\n    max-height 0s var(--ton-transition-time);\n  visibility: hidden;\n  max-height: 0;\n}\n.ton-collapsible-wrapper.collapsed:after {\n  height: 0;\n  transition: height var(--ton-transition-time) linear;\n  max-height: 20px;\n}\n.ton-collapsible-wrapper.collapsed {\n  visibility: hidden;\n}\n.ton-collapsible-wrapper.collapsed .ton-child {\n  opacity: 0;\n  transition: opacity var(--ton-long-transition-time) linear;\n}\n"],"names":[],"version":3,"file":"main.css.map"}