CINXE.COM
INCHEM
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>INCHEM</title> <link rel="icon" href="./media/img/favicon.ico" type="image/x-icon"> <link rel="stylesheet" href="./media/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="./media/bootstrap/bootstrap-vue.min.css"> <link rel="stylesheet" href="./media/css/app.css?cb2024112317cb"> <script src="./media/js/polyfill.min.js"></script> <script src="./media/js/vue.min.js"></script> <script src="./media/js/vuex.min.js"></script> <script src="./media/js/vue-router.min.js"></script> <script src="./media/js/vue-i18n.min.js"></script> <script src="./media/js/popper.min.js"></script> <script src="./media/bootstrap/bootstrap-vue.min.js"></script> <script src="./media/js/ccohs_search.js"></script> </head> <body class="h-100"> <div id="c-loading"></div> <article id="c" class="d-flex flex-column align-items-stretch h-100"> <header id="inchem-header" class="d-flex flex-column"> <p class="bg-red text-white text-center font-weight-bold mb-0">International Programme on Chemical Safety (IPCS)</p> <div class="container"> <div class="row px-1"><img class="img-fluid" src="./media/img/INCHEM_header.png" alt="World Health Organization - INCHEM - Internationally Peer Reviewed Chemical Safety Information"></div> <form class="row mb-2 px-1"> <b-input-group size="md" class="align-self-stretch"> <template #prepend> <b-input-group-append> <b-button id="inchem-browse-collections" class="text-white text-center bg-primary d-flex flex-column justify-content-center border-0 rounded-0"><i>BROWSE</i><small>Collections</small></b-button> <b-popover target="inchem-browse-collections" triggers="click blur" placement="right" variant="primary"> <div class="list-group ccohs-collection-list"> <a href="/pages/cicads.html" class="list-group-item list-group-item-action">Concise International Chemical Assessment Documents (CICADs)</a> <a href="/pages/ehc.html" class="list-group-item list-group-item-action">Environmental Health Criteria (EHC) Monographs</a> <a href="/pages/harmproj.html" class="list-group-item list-group-item-action">Harmonization Project Publications</a> <a href="/pages/hsg.html" class="list-group-item list-group-item-action">Health and Safety Guides (HSGs)</a> <a href="/pages/iarc.html" class="list-group-item list-group-item-action">International Agency for Research on Cancer (IARC) - Summaries and Evaluations</a> <a href="/pages/icsc.html" class="list-group-item list-group-item-action">International Chemical Safety Cards (ICSCs)</a> <a href="/pages/antidote.html" class="list-group-item list-group-item-action">IPCS/CEC Evaluation of Antidotes Series</a> <a href="/pages/jecfa.html" class="list-group-item list-group-item-action">Joint Expert Committee on Food Additives (JECFA) - Monographs and Evaluations</a> <a href="/pages/jmpr.html" class="list-group-item list-group-item-action">Joint Meeting on Pesticide Residues (JMPR)</a> <a href="/pages/kemi.html" class="list-group-item list-group-item-action">KemI-Riskline</a> <a href="/pages/pims.html" class="list-group-item list-group-item-action">Poisons Information Monographs Archive (PIMs, 1989-2002)</a> <a href="/pages/sids.html" class="list-group-item list-group-item-action">Screening Information Data Set (SIDS) for High Production Volume Chemicals</a> <a href="/pages/ukpids.html" class="list-group-item list-group-item-action">UK Poison Information Documents (UKPID)</a> </div> </b-popover> </b-input-group-append> </template> <b-form-input id="c-search" name="q" placeholder="SEARCH INCHEM for ..." v-model="$root.searchParamQuery" v-on:keydown.enter.prevent="$root.submitSearch(true)"></b-form-input> <template #append> <b-button id="inchem-search-button" variant="primary"> <img class="img-fluid" src="./media/img/search.svg" alt="Search"> </b-button> </template> </b-input-group> </div> </form> <footer class="bg-black text-white py-1"> <div class="container px-0" style="font-weight:500;"> <div class="row no-gutters header-about flex-nowrap"> <div class="text-center px-2 border-right"> <p class="mb-0">Rapid access to internationally peer reviewed information on chemicals published through the International Programme on Chemical Safety (IPCS). All types of chemicals from the full range of exposure situations (environment, food, occupational) are included. Searching across all collections or within individual collections is available.</p> </div> <div class="flex-shrink-1 px-1 align-self-center"> <a class="d-inline-block text-white text-center" href="/pages/about.html">About<br><span class="text-nowrap">INCHEM ></span></a> </div> </div> </div> </footer> </header> <main class="flex-grow-1 px-0 bg-yellow"> <router-view></router-view> </main> <footer id="inchem-footer"> <div class="bg-red"> <div class="container"> <div class="row"> <a class="d-inline-block col-4 text-center text-white" href="/pages/about.html">About</a> <a class="d-inline-block col-4 text-center text-white" href="/pages/disclaim.html">Disclaimer</a> <a class="d-inline-block col-4 text-center text-white" href="https://www.ccohs.ca/ccohs/contacting.html?contact_us=online&topic=3&id=inchem">Contact</a> </div> </div> </div> <div class="bg-black"> <div class="container"> <div class="row"> <div class="col-sm-4 text-center"><img class="img-fluid" src="./media/img/IPCS.svg" alt="International Programme on Chemical Safety (IPCS)"></div> <div class="col-sm-4 text-center"><img class="img-fluid" src="./media/img/who_foot.svg" alt="World Health Organization"></div> <div class="col-sm-4 text-center"><img class="img-fluid" src="./media/img/ccohs.svg" alt="Canadian Centre for Occupational Health and Safety"></div> </div> <div class="row"> <div class="col-12 text-center"> <img class="img-fluid" src="./media/img/iomc.svg" alt="IOMC"> </div> </div> <div class="row"> <div class="col-12 text-center text-white"> <small>This website is provided in cooperation with <a href="https://www.ccohs.ca" class="text-white">Canadian Centre for Occupational Health and Safety (CCOHS)</a></small> </div> <div class="col-12 text-center text-white"> <small>庐 Copyright World Health Organization (WHO)</small> </div> </div> </div> </div> </footer> <b-overlay v-bind:show="$root.isWaiting" v-on:click="$root.setWaiting(false)" spinner-variant="secondary" no-wrap></b-overlay> </article> <script type="text/template" id="tpl-filter-multi-items"> <div> <div class="c-filter-items mb-2 px-1"> <b-form-checkbox-group v-model="checked" stacked> <b-form-checkbox v-for="(item, index) in items" v-bind:key="index" v-bind:value="item.label" class="c-checkbox" size="lg"> <div class="d-flex justify-content-between align-items-start w-100"> <a v-if="item.active" v-bind:title="item.label">{{item.formattedLabel}}</a> <span v-else>{{item.formattedLabel}}</span> <a v-if="item.active" class="item-count" v-bind:title="item.label">{{item.count}}</a> <span v-else class="item-count">{{item.count}}</span> </div> </b-form-checkbox> </b-form-checkbox-group> </div> <b-button v-show="showApply()" v-on:click="$root.replaceFilter(facet, checked)" class="ml-3 mb-3" variant="primary" size="sm">{{$t('Apply')}}</b-button> </div> </script> <script type="text/template" id="tpl-filter-item"> <li> <a v-if="item.active" href="#" v-on:click="$root.applyFilter(facet, item.label)" v-bind:title="item.label">{{item.formattedLabel}}</a> <span v-else>{{item.formattedLabel}}</span> <a v-if="item.active" href="#" class="item-count" v-on:click="$root.applyFilter(facet, item.label)" v-bind:title="item.label">{{item.count}}</a> <span v-else class="item-count">{{item.count}}</span> </li> </script> <script type="text/template" id="tpl-filter"> <div class="c-filter d-block mb-5"> <span class="w-100 d-flex justify-content-between"> <a href="#" v-b-toggle="'collapse-' + filter.name" class="text-black c-filter-collapse" v-on:click.prevent> <h3 class="d-inline-block c-filter-title text-uppercase px-1">{{filter.title}}</h3> </a> <a href="#" v-b-toggle="'collapse-' + filter.name" class="text-black c-filter-collapse" v-on:click.prevent> <div class="d-inline-block pr-3 text-dark-grey text-bold"> <strong v-if="showFilter">-</strong> <strong v-else>+</strong> </div> </a> </span> <b-collapse v-bind:id="'collapse-' + filter.name" v-model="showFilter"> <div v-if="$root.isTypeFacet('Searchable', filter.facet)" class="px-1 pb-2"> <b-form-input v-bind:placeholder="$t('Search') + '...'" v-model="filter.search"></b-form-input> </div> <div v-if="$root.isTypeFacet('MultiSelect', filter.facet)"> <c-filter-multi-items v-if="filterItems.length > 1" v-bind:facet="filter.facet" v-bind:items="filterItems"></c-filter-multi-items> <ul v-else class="c-filter-items list-unstyled px-1"> <li is="c-filter-item" v-for="(item, index) in filterItems" v-bind:key="index" v-bind:facet="filter.facet" v-bind:item="item"></li> </ul> </div> <div v-else> <ul v-if="filterItems.length" class="c-filter-items list-unstyled px-1"> <li is="c-filter-item" v-for="(item, index) in filterItems" v-bind:key="index" v-bind:facet="filter.facet" v-bind:item="item"></li> </ul> </div> <div v-if="$root.isTypeFacet('Searchable', filter.facet)"> <a v-if="filterItems.length" v-show="showMoreLink" class="c-show-more-link" href="#" v-on:click.prevent="toggleShowMore">{{$t(showMore ? 'Show more' : 'Show less')}} <b-spinner v-show="showMoreWaiting" class="ml-1" small></b-spinner></a> <span v-else class="d-block text-dark-grey px-1">{{$t('No results found')}}</span> </div> <div v-else> <a v-show="showMoreLink" class="c-show-more-link" href="#" v-on:click.prevent="toggleShowMore">{{$t(showMore ? 'Show more' : 'Show less')}} <b-spinner v-show="showMoreWaiting" class="ml-1" small></b-spinner></a> </div> </b-collapse> </div> </script> <script type="text/template" id="tpl-results"> <div class="container"> <div class="d-flex align-items-stretch row no-gutters"> <b-nav-toggle id="c-toggle-facets" target="c-facets" class="d-inline-block d-md-none mt-2"></b-nav-toggle> <b-collapse id="c-facets" class="col-md-4 col-lg-3 py-3 align-self-stretch navbar-collapse show"> <small class="d-block mb-2">Filter your search by:</small> <div class="bg-white text-primary w-100"> <p class="p-1 text-white bg-primary">Chemical Identity Search</p> <c-filter v-if="$root.namedFilter('CASNumber')" v-bind:filter="$root.namedFilter('CASNumber')"></c-filter> <c-filter v-if="$root.namedFilter('ChemicalName')" v-bind:filter="$root.namedFilter('ChemicalName')"></c-filter> </div> <div class="bg-white text-primary w-100"> <p class="p-1 text-white bg-primary">Collection</p> <c-filter v-if="$root.namedFilter('Collection')" v-bind:filter="$root.namedFilter('Collection')" v-bind:showMoreLimit="-1"></c-filter> </div> </b-collapse> <div class="col-md-8 col-lg-9 py-3 px-2 px-md-4 align-self-stretch"> <div class="c-response-statistics d-flex justify-content-between mb-2"> <div class=""> <small v-html="$t(foundLabel, this)"></small> </div> <div class="d-flex flex-nowrap"> <b-form-select class="flex-fill d-inline-block" id="resultsPerPage" size="sm" v-model="$root.searchParamResultsPerPage" v-bind:options="[{value:10, text:'Per page 10'}, {value:25, text:'Per page 25'}, {value:50, text:'Per page 50'}, {value:100, text:'Per page 100'}, {value:500, text:'Per page 500'}]"></b-form-select> </div> </div> <div class="bg-white p-3"> <div v-if="Object.keys($root.appliedSearchFilters).length" id="c-remove-filters" class="flex-grow-1 px-2"> <c-applied-filters v-for="(filters, facet) in $root.appliedSearchFilters" v-bind:key="facet" v-bind:filters="filters"></c-applied-filters> <a href="#" class="text-light-grey text-nowrap" v-if="Object.keys($root.appliedSearchFilters).length > 1" v-on:click="$root.removeFilter()"><small>{{$t('Clear All')}}</small></a> </div> <div class="table-responsive"> <table id="c-results" class="table table-striped mt-2"> <thead> <tr> <th class="border-top-0">Document Title</th> <th class="border-top-0">Summary</th> </tr> </thead> <tbody> <tr v-for="result in $root.searchResults" v-bind:key="result.id"> <td> <a class="text-primary" v-if="(result.URL_s || '').length" v-bind:href="result.URL_s">{{result.Title_s}}</a> <span v-else>{{result.Title_s}}</span> </td> <td> {{result.ShortSummary_t}} </td> </tr> </tbody> </table> <b-pagination id="c-results-pagination" v-if="$root.searchResults.length" v-model="$root.searchParamPage" v-bind:per-page="$root.searchParamResultsPerPage" v-bind:total-rows="$root.searchResultsTotal" v-bind:prev-text="$t('Previous')" v-bind:next-text="$t('Next')" align="center" first-number last-number hide-goto-end-buttons></b-pagination> <div v-else class="text-center my-5"> <h2>{{$t('Sorry, there are no results that match your search criteria.')}}</h2> <p class="text-dark-grey">{{$t('Please check your spelling and try using more general keywords.')}}</p> </div> </div> </div> </div> </div> </div> </script> <script type="text/template" id="tpl-applied-filters"> <b-button-group size="sm" class="pr-1 pb-1"> <b-button v-if="filters[0].facet !== 'query'" variant="primary" v-on:click="$root.removeFilter(filters[0])">{{filters[0].facetLabel}}</b-button> <b-button v-for="(filter, index) in filters" v-bind:key="index" variant="light" v-bind:title="filter.filterTitle" v-on:click="$root.removeFilter(null, filter)">{{filter.filterLabel}}</b-button> </b-button-group> </script> <template id="i18n-markup"> <table> <thead> <tr><th>en</th><th>fr</th></tr> </thead> <tbody> <tr><td>Showing {first} - {last} of {total}</td><td>R茅sultat {first} - {last} de {total}</td></tr> <tr><td>Showing All {total}</td><td>Tout afficher {total}</td></tr> </tbody> </table> </template> <script src="./media/js/app.js?cb2024112317cb"></script> <script src="/scripts/google_analytics.js"></script> </body> </html>