{"__symbolic":"module","version":4,"exports":[{"from":"./src/chemical-element.component"}],"metadata":{"MtaPeriodicTableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":15,"character":4}],"declarations":[{"__symbolic":"reference","name":"MtaPeriodicTableComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"exports":[{"__symbolic":"reference","name":"MtaPeriodicTableComponent"}],"providers":[{"__symbolic":"reference","name":"MtaPeriodicTableService"}]}]}],"members":{}},"MtaPeriodicTableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"mta-periodic-table","template":"
A I
A VIII
A II
A III
A IV
A V
A VI
A VII
B III
B IV
B V
B VI
B VII
B VIII
B VIII
B VIII
B I
B II
","styles":["\n .container {\n display: flex;\n }\n .item {\n flex: 1;\n margin: 2px;\n }\n .align-right {\n text-align: right;\n }\n .left-box {\n flex: 3;\n }\n .middle-box {\n flex: 8;\n }\n .right-box {\n flex: 7;\n }\n .index {\n font-family: 'Times New Roman', Times, serif;\n font-size: 1vw;\n text-align: center;\n padding-top: calc(100% - 1.2em);\n color: #cfd8dc;\n border-bottom: 1px ridge #cfd8dc;\n }\n "]}]}],"members":{"isShowElDetail":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"maxSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"canSelectElements":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MtaPeriodicTableService"}]}],"elementChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"MtaPeriodicTableService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"change":[{"__symbolic":"method"}],"isSelected":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"setMaxLength":[{"__symbolic":"method"}],"setCanSelectElements":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"mta-chemical-element","template":"
{{ element.symbol }}
","styles":["\n :host {\n --alkali-metal-primary-color: #ff8a65;\n --alkaline-earth-metal-primary-color: #ffb74d;\n --transition-metal-primary-color: #ffd54f;\n --post-transition-metal-primary-color: #dce775;\n --metalloid-primary-color: #aed581;\n --other-nonmetal-primary-color: #4db6ac;\n --halogen-primary-color: #4dd0e1;\n --noble-gas-primary-color: #4fc3f7;\n --lanthanide-primary-color: #9575cd;\n --actinide-primary-color: #f06292;\n --alkali-metal-background-color: #ffab91;\n --alkaline-earth-metal-background-color: #ffcc80;\n --transition-metal-background-color: #ffe082;\n --post-transition-metal-background-color: #c5e1a5;\n --metalloid-background-color: #a5d6a7;\n --other-nonmetal-background-color: #80cbc4;\n --halogen-background-color: #80deea;\n --noble-gas-background-color: #81d4fa;\n --lanthanide-background-color: #ce93d8;\n --actinide-background-color: #f48fb1;\n }\n .element-card {\n width: 100%;\n padding: calc(50% - 1em);\n padding-top: calc(50% - 0.7em);\n padding-bottom: calc(50% - 0.7em);\n font-size: 20px;\n font-family: sans-serif;\n color: white;\n text-align: center;\n box-sizing: border-box;\n border: 1px solid transparent;\n border-radius: 2px;\n transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.05);\n }\n .element-card:not(.noSelect) {\n cursor: pointer;\n }\n .element-card.active,\n .element-card:not(.noSelect):hover {\n border-color: #333;\n box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),\n 0 1px 10px 0 rgba(0, 0, 0, 0.12),\n 0 2px 4px -1px rgba(0, 0, 0, 0.6);\n }\n .alkali-metal {\n background-color: #ffab91;\n }\n .alkaline-earth-metal {\n background-color: #ffcc80;\n }\n .transition-metal {\n background-color: #ffe082;\n }\n .metalloid {\n background-color: #a5d6a7;\n }\n .post-transition-metal {\n background-color: #c5e1a5;\n }\n .other-nonmetal {\n background-color: #80cbc4;\n }\n .lanthanide {\n background-color: #ce93d8;\n }\n .actinide {\n background-color: #f48fb1;\n }\n .halogen {\n background-color: #80deea;\n }\n .noble-gas {\n background-color: #81d4fa;\n }\n .selected {\n box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),\n 0 3px 14px 2px rgba(0, 0, 0, 0.12),\n 0 5px 5px -3px rgba(0, 0, 0, 0.4);\n }\n .selected:hover {\n box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),\n 0 3px 14px 2px rgba(0, 0, 0, 0.12),\n 0 5px 5px -3px rgba(0, 0, 0, 0.4);\n }\n .noSelect {\n background-color: #eee;\n }\n "]}]}],"members":{"element":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":3}}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":3}}]}],"isCanSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":3}}]}],"onTriggerClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":105,"character":3},"arguments":["click",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MtaPeriodicTableService"}]}],"isSelected":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"mta-chemical-element-detail","template":"
{{element.name}}
 
atomic-number {{element['atomic-number']}}
atomic-weight {{element['atomic-weight']}} u
 
 
 
","styles":["\n .container {\n display: flex;\n width: 100%;\n }\n .item {\n flex: 1;\n padding: 0.2vw;\n }\n .item-3x {\n flex: 3;\n padding: 0.5vw;\n color: #888;\n }\n table {\n font-size: 0.9vw;\n width: 100%;\n }\n b {\n font-size: 0.9vw;\n }\n td {\n width: 33%;\n }\n td.indexer {\n width: 67%;\n }\n "]}]}],"members":{"isShowElDetail":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"element":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]}}},"origins":{"MtaPeriodicTableModule":"./src/periodic-table.module","MtaPeriodicTableComponent":"./src/periodic-table.component","MtaPeriodicTableService":"./src/periodic-table.service","ɵa":"./src/chemical-element/chemical-element.component","ɵb":"./src/chemical-element/chemical-element-detail.component"},"importAs":"mta-periodic-table"}