BETA
Liquid-based label templates are currently in beta. Please report any issues to [email protected].
Aligni supports label printing for the identification of physical items such as parts, inventory assets, and quality control travelers through customizable label templates. These templates are “merged” with the a source data record (e.g. a part or inventory unit) to generate PDF output for dedicated label (e.g. Zebra and DYMO) printers or multi-label sheets for standard desktop printers.
Label templates are written in the Liquid template language which itself is HTML and CSS along with programming language constructs. Each Aligni organization can have multiple label templates, each of which may be appropriate for a specific labeling task. To help get you started, we provide several example label templates.
Two types of label templates are available:
- Single-Label Design – This is typically used with dedicated label printers to print one label at a time, “per sheet”.
- Multi-Label Sheet – Use this option for specifying an array of labels for printing on a multi-label sheet (e.g. laser and inkjet printers).
Depending on the workflow, Aligni will allow you to select among available label designs.
| Workflow | Data source | Label Design |
|---|---|---|
| Single part label | Part | Single-Label |
| Single inventory unit | Inventory Unit | Single-Label |
| Purchase order receipt | Part or Inventory Unit | Single-Label or Multi-Label |
| Pull ticket | Inventory Unit | Multi-Label |
Data Sources
Part
When a Part is the data source for a label, the part object is available within the Liquid template. It has the following attributes:
part_number– Part Number.manufacturer_partnumber– Manufacturer’s P/N text.manufacturer_name– The manufacturer’s name.description– Description text.comment– Comment text.value_text– Value of the part. Note that this is the text entry and not the numerical representation.revision_name– Name text of the active revision.revision_description– Description text of the active revision.unit_of_measure– Unit of measure for the part.- Custom Parameters are accessible via their API name. For example
x_tolerance. Thex_prefix is required.
Inventory Unit
When an Inventory Unit is the data source for a label, the inventory_unit object is available within the Liquid template. It has the following attributes:
part– See above for attributes of the Part object.created_at– Date and time when the inventory unit was created.quantity– The quantity of the inventory (see alsounit_of_measureunit_of_measure– Unit of Measure for quantity.asset_id– Asset IDdate_code– Date Codelot_code– Lot Codelot_expires_at– Lot expiration dateserial_number– Serial Numberwarehouse_name– Name of the warehouse where the inventory is presently located.warehouse_shortname– Short name of the warehouse.zone_name– Name of the zone within the warehouse where the inventory is presently located.bin– Bin name associated with the inventory.purchase_order– This object represents the purchase order upon which the inventory unit was ordered and provides access to these additional attributes:vendor_name– Vendor name.number– Purchase Order number.quantity– Quantity of the item that was originally purchased (see alsouom).price– Price per unit of measure.receive_date– Date and time when the inventory was received (created).
Creating Label Templates
Label templates are managed through the organization administration page. You must be an owner or admin to access these settings.
Working with Liquid Templates
Label templates are written in Liquid, a language used to create dynamic content using HTML, CSS, and a tag-based syntax used to generate output.
We recommend reviewing the official Liquid Documentation to get an idea of what can be accomplished with Liquid templates. Please note that Liquid only provides rather basic syntax error reporting. Because of this, we recommend the following development strategy:
- Start with very basic HTML and CSS markup to design your labels.
- Exercise your markup using fixed content that represents typical data that will come from your database. It’s a good idea to test a variety of lengths of data (i.e. short descriptions and long descriptions) here as well to make sure your template accommodates the range which will be seen.
- Add Liquid tags slowly so you can easily identify any errors as you go. With each iteration, save the label and generate the PDF to test the label in increments.
- Develop in small iterations. The limited error reporting may make it more difficult to identify and debug any issues introduced with a larger iteration.
Sanitization
Templates are “sanitized” before passing to the Liquid engine and rendering the label. This process removes any potentially unsafe HTML elements or attributes while allowing SVG images to pass though unchanged.
The sanitization process removes any tags that would execute JavaScript.
HTML Style Tag
The HTML <style> tag works as expected within a Liquid template. You can use this to create common styles that can be re-used to improve readability, centralize style attributes, and create more consistent designs. For example:
<style>
.pdf-label {
position: relative;
}
#logo {
position: absolute;
top: 2mm;
left: 2mm;
}
#date {
position: absolute;
top: 3.2mm;
right: 2mm;
font-size: 2.10mm;
}
#barcode {
position: absolute;
bottom: 8.8mm;
left: 14mm;
}
#part-number {
position: absolute;
bottom: 5.5mm;
left: 22mm;
}
</style>
The table below lists the pre-defined CSS selectors used to render the label:
| Selector | Description |
|---|---|
.pdf-label | This selector is applied to the top-level <div>. |
Units of Measure
The units of measure are those we recommend using for label templates. These will generally yield better, more consistent, and intuitive results than using pixels:
| Unit | Name | Equivalent to |
|---|---|---|
cm | centimeter | 1 cm = 37.8 px = 25.2/64 in |
mm | millimeter | 1 mm = 1/10th of 1 cm |
in | inch | 1 in = 2.54 cm = 96 px |
pt | point | 1 pt = 1/72nd of 1 in |
Graphics
You can add graphics such as icons or company logos by incorporating an SVG (scalable vector graphic) into your label design. Many graphic design software can export vector artwork as SVG and these blocks can be placed and scaled like any other component in HTML.
For example, the following SVG describes a polygon with six sides:
<svg height="280" width="360" xmlns="http://www.w3.org/2000/svg">
<polygon points="150,15 258,77 258,202 150,265 42,202 42,77" style="fill:lime;stroke:purple;stroke-width:3" />
Sorry, your browser does not support inline SVG.
</svg>Alternatively, you can encode a PNG into the HTML with Base64 encoding:
<div>
<p>Taken from wikpedia</p>
<img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />
</div>
Barcodes (and 2D Barcodes)
Barcodes are implemented as filters in Liquid. This means that they change the output of some other object or value into a rendered barcode.
{{ part.part_number | barcode: code_type, height, scale }}code_type– The can be one of the following (case insensitive):Code 128-A– High-density barcode defined in ISO/IEC 15417-2007Code 128-B– A variation ofCode 128that supports lower case ASCII.Code 128-C– A variation ofCode 128that encodes characters 00 to 99.Code 39– A common barcode defined in ISO/IEC 16388:2007 supporting capital letters and a small number of special characters.EAN-8– Used for 8-digit UPC. The input for this generator must be 7 characters. The 8th character is a check digit that is automatically computed.QR– A two-dimensional matrix barcode encoding long strings with additional error correction.
height– The height of the area used for the code. This must include the units of measure in the string. For example: “1.2 cm“, “2.5 in“, “16 pt” or “55mm“.scale– The scale is an integer that controls the width of the lines on the barcode. This must be greater than or equal to one. Note that you cannot directly control the exact width of the barcode. The total width is determined by this scale number and the number of characters input to the generator.
Examples
The examples we’ve provided make use of extensive absolute positioning. While this is relatively uncommon in HTML pages intended to be shown in a variably-sized browser window, labels have a fixed size and are more commonly designed as print documents with fixed positioning for more precise layout and consistency.
Similarly, our examples use inches, millimeters, centimeters, and points — units of measure more commonly associated with print document — instead of pixels.
Parameter Listing Example
A basic parameter listing can be created with minimal formatting to explore the Liquid syntax and the parameters available for the different label types:
<div>Part number: {{ part.part_number }}</div>
<div>Manufacturer P/N: {{ part.manufacturer_partnumber }}</div>
<div>Manufacturer Name: {{ part.manufacturer_name }}</div>
<div>Description: {{ part.description }}</div>
<div>Comment: {{ part.comment }}</div>
<div>Value: {{ part.value_text }}</div>
<div>Active revision name: {{ part.revision_name }}</div>
<div>Active revision description: {{ part.revision_description }}</div>
<div>Unit: {{ part.unit_of_measure }}</div>
<div>Custom parameter: {{ part.x_pcb_footprint_1 }}</div>
Inventory Unit Example
<div>Warehouse name: {{ inventory_unit.warehouse_name }}</div>
<div>Warehouse shortname: {{ inventory_unit.warehouse_shortname }}</div>
<div>Zone name: {{ inventory_unit.zone_name }}</div>
<div>Bin: {{ inventory_unit.bin }}</div>
<div>Created at: {{ inventory_unit.created_at }}</div>
<div>Quantity: {{ inventory_unit.quantity }}</div>
<div>Unit: {{ inventory_unit.unit_of_measure }}</div>
<div>Date code: {{ inventory_unit.date_code }}</div>
<div>Lot code: {{ inventory_unit.lot_code }}</div>
<div>Lot expires at: {{ inventory_unit.lot_expires_at }}</div>
<div>Serial number: {{ inventory_unit.serial_number }}</div>
<div>Asset ID: {{ inventory_unit.asset_id }}</div>
<div>Part access: {{ inventory_unit.part.part_number }}</div>
<div>Purchase order vendor name: {{ inventory_unit.purchase_order.vendor_name }}</div>
<div>Purchase order number: {{ inventory_unit.purchase_order.number }}</div>
<div>Purchase order quantity: {{ inventory_unit.purchase_order.quantity }}</div>
<div>Purchase order price: {{ inventory_unit.purchase_order.price }}</div>
<div>Purchase order receive date: {{ inventory_unit.purchase_order.receive_date }}</div>
Alignment Example
Bar codes and labels are often aligned left, right, and center. This example shows how these alignments may be applied.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Label alignment guide</title>
<style>
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.row {
display: table;
width: 100%;
}
.row .cell {
display: table-cell;
}
.margin-top-35 {
margin-top: 35pt;
}
.margin-top-15 {
margin-top: 20pt;
}
.padding-15 {
padding: 15pt;
}
img {
display: inline-block;
max-width: 100%;
height: auto;
}
</style>
</head>
<body style="width: 127mm; height: 76.2mm;">
<svg xmlns="http://www.w3.org/2000/svg" style="display:none;">
<defs>
<symbol id="aligni-logo" viewBox="0 0 240 80">
<path d="M137.246 22.5444H130.096V61.4039H137.246V22.5444Z" fill="black" />
<path d="M121.957 8.46924H114.519V61.3996H121.957V8.46924Z" fill="black" />
<path d="M174.039 26.5363V27.0602L173.668 26.69C172.213 25.2475 170.488 24.108 168.593 23.3367C166.698 22.5655 164.669 22.1778 162.624 22.1959H162.45C157.01 22.1959 152.4 24.0403 149.117 27.5277C145.833 31.0151 144.05 35.9703 143.975 41.8519C144.126 53.6802 151.45 61.3347 162.631 61.3347C166.969 61.2655 170.787 59.67 173.668 56.7216L174.039 56.3428V59.9752C174.039 63.3241 173.297 66.121 171.831 68.2901C169.918 71.1367 166.641 72.7473 162.607 72.823C162.491 72.823 162.37 72.823 162.254 72.823C159.153 72.823 156.117 71.719 153.923 69.7924C152.446 68.5326 151.383 66.8545 150.872 64.9779L150.723 64.4259L144.296 66.883L144.462 67.357C145.41 70.1368 146.999 72.6522 149.1 74.6977C152.528 78.0618 157.256 79.839 162.771 79.839C168.871 79.839 174.101 77.3062 177.499 72.7061C179.961 69.2425 181.264 64.8372 181.264 59.9665V22.5444H174.039V26.5363ZM173.963 41.6159C173.998 45.7289 172.775 49.1752 170.423 51.5564C169.463 52.5309 168.318 53.3031 167.057 53.8276C165.796 54.3521 164.442 54.6185 163.077 54.611C155.777 54.611 151.195 49.7208 151.122 41.8389C151.195 33.9333 155.887 28.8265 163.077 28.8265C164.467 28.8173 165.844 29.0863 167.128 29.6178C168.413 30.1493 169.579 30.9328 170.559 31.9222C172.818 34.2147 173.995 37.5073 173.963 41.4471V41.6159Z" fill="black" />
<path d="M217.925 25.2417C214.335 22.6592 210.045 22.2737 207.807 22.2737C205.61 22.2552 203.435 22.7057 201.426 23.595C199.416 24.4843 197.617 25.7923 196.149 27.4324L195.772 27.8523V22.5443H188.846L188.767 61.4039H195.763V41.5574C195.903 37.847 197.057 34.6973 199.077 32.4416C201.097 30.186 203.889 28.978 207.102 28.978C207.253 28.978 207.404 28.978 207.554 28.978C212.002 29.1014 217.306 31.2705 217.306 40.9058V61.3931H224.301V40.6741C224.298 33.4872 222.151 28.2897 217.925 25.2417Z" fill="black" />
<path d="M239.096 22.5444H231.946V61.4039H239.096V22.5444Z" fill="black" />
<path d="M99.2563 56.3319V61.3866L106.481 61.4018V22.5444H99.2563V27.0602L98.8877 26.69C97.4322 25.2473 95.7071 24.1076 93.8116 23.3363C91.916 22.5651 89.8874 22.1775 87.8422 22.1959H87.6676C82.2279 22.1959 77.6161 24.0403 74.3346 27.5277C71.0531 31.0151 69.2657 35.9703 69.1924 41.852C69.3433 53.6802 76.6653 61.3347 87.8487 61.3347C92.1866 61.2655 96.0029 59.67 98.8855 56.7216L99.2563 56.3319ZM88.295 54.611C80.9924 54.611 76.4108 49.7208 76.3397 41.839C76.4108 33.9333 81.1046 28.8266 88.295 28.8266C89.6846 28.8172 91.062 29.0864 92.3467 29.6184C93.6314 30.1503 94.7974 30.9342 95.7765 31.9243C98.0382 34.2146 99.2154 37.5072 99.1809 41.4492V41.6095C99.2175 45.7225 97.9929 49.1688 95.6406 51.55C94.681 52.5257 93.5368 53.2991 92.2754 53.8247C91.014 54.3503 89.6607 54.6177 88.295 54.611Z" fill="black" />
<path d="M133.654 8.30469C132.44 8.30583 131.276 8.79028 130.418 9.65184C129.559 10.5134 129.076 11.6817 129.074 12.9005C129.076 14.1194 129.559 15.2879 130.417 16.1498C131.276 17.0117 132.44 17.4967 133.654 17.4984C134.868 17.4967 136.031 17.0117 136.89 16.1498C137.748 15.2879 138.231 14.1194 138.233 12.9005C138.231 11.6817 137.748 10.5134 136.89 9.65184C136.031 8.79028 134.867 8.30583 133.654 8.30469Z" fill="black" />
<path d="M230.889 13.5C231.017 14.5009 231.472 15.4309 232.183 16.1443C232.894 16.8577 233.821 17.3141 234.818 17.442C235.017 17.4679 235.217 17.481 235.417 17.481C236.148 17.4781 236.867 17.3 237.515 16.9617C238.163 16.6234 238.721 16.1346 239.143 15.5359C239.564 14.9372 239.838 14.246 239.94 13.5199C240.042 12.7937 239.97 12.0537 239.729 11.3612C239.515 10.7079 239.151 10.1142 238.666 9.62796C238.182 9.14177 237.59 8.77667 236.939 8.56218C236.446 8.3975 235.93 8.3127 235.411 8.31104C234.761 8.31175 234.12 8.4514 233.528 8.72052C232.937 8.98964 232.409 9.38214 231.98 9.87192C231.549 10.3623 231.229 10.9402 231.04 11.5663C230.852 12.1924 230.801 12.852 230.889 13.5Z" fill="black" />
<path d="M48.8908 26.1618C45.9547 20.5653 41.511 15.9101 36.0666 12.7273C31.0515 9.82124 25.3589 8.30123 19.5685 8.32199H19.4974C16.0205 8.32302 12.5654 8.87235 9.2583 9.94989L14.0814 19.0418C15.8549 18.6118 17.6729 18.3938 19.4974 18.3924H19.547C23.5855 18.3625 27.5584 19.4179 31.0538 21.4491C34.5574 23.5034 37.6664 26.7765 40.1092 31.1017L56.2688 61.5099H67.6485L48.8908 26.1618Z" fill="black" />
<path d="M36.9074 33.052C35.0682 29.7724 30.9588 25.4321 26.8882 23.7306C24.4324 22.6696 21.7776 22.1527 19.1048 22.2153C14.0525 22.33 9.24329 24.4156 5.69636 28.0299C2.12558 31.62 0.0871761 36.4648 0.0130153 41.5379C-0.0344424 44.1413 0.438329 46.7278 1.40338 49.1446C2.36843 51.5614 3.80618 53.7594 5.63168 55.6088C7.44635 57.4717 9.61479 58.9502 12.0086 59.9567C14.4025 60.9633 16.9731 61.4774 19.5684 61.4688C22.1457 61.4746 24.6983 60.9658 27.078 59.972C29.4576 58.9783 31.6167 57.5195 33.4296 55.6803L28.1926 45.822C27.8687 46.5324 27.4596 47.2005 26.9744 47.8114C26.0856 48.926 24.9585 49.8258 23.6765 50.4441C22.3946 51.0623 20.9906 51.3833 19.5684 51.3832C18.3071 51.3871 17.0578 51.1372 15.8943 50.6483C14.7308 50.1594 13.6766 49.4414 12.7941 48.5366C11.9059 47.6361 11.2064 46.566 10.7368 45.3897C10.2673 44.2133 10.0372 42.9544 10.0602 41.6873C10.1184 39.229 11.1113 36.8862 12.8352 35.1396C14.5592 33.393 16.8834 32.375 19.3312 32.2944H19.5598C20.8089 32.3226 22.0397 32.6016 23.1798 33.1148C25.1202 33.9245 27.0132 36.2061 27.867 37.6024L29.5919 40.6526L40.6826 61.5251H52.0666L37.7633 34.5241L36.9074 33.052Z" fill="black" />
</symbol>
</defs>
</svg>
<div class="padding-15">
<div class="row">
<div class="cell">
<svg width="0.677in" height="0.2185in">
<use xlink:href="#aligni-logo"></use>
</svg>
<div class="margin-top-15">Left Alignment</div>
</div>
<div class="cell text-center">
<svg width="0.677in" height="0.2185in">
<use xlink:href="#aligni-logo"></use>
</svg>
</svg>
<div class="margin-top-15">Center Alignment</div>
</div>
<div class="cell text-right">
<svg width="0.677in" height="0.2185in">
<use xlink:href="#aligni-logo"></use>
</svg>
<div class="margin-top-15">Right Alignment</div>
</div>
</div>
<div class="row margin-top-15">
<div class="cell text-left">
{{ "OUTATIME" | barcode: "Code 128-A", "7 mm", 1 }}
<div>Left Alignment</div>
</div>
<div class="cell text-right">
{{ "OUTATIME" | barcode: "Code 128-A", "7 mm", 1 }}
<div>Right Alignment</div>
</div>
</div>
<div class="row margin-top-15">
<div class="cell text-center">
{{ "OUTATIME" | barcode: "Code 128-A", "7 mm", 1 }}
<div>Center Alignment</div>
</div>
</div>
</div>
</body>
</html>
Part Label Example
<div class="" style="background-color:#fff; padding: 0.12in; font-family: Arial;">
<table style="color: black; width: 100%; border-collapse: collapse;">
<tbody>
<tr>
<td style="vertical-align: middle;">
<svg width="0.677in" height="0.2185in" viewBox="0 0 240 80" fill="none" xmlns="http://www.w3.org/2000/svg" style="vertical-align: middle;">
<path d="M137.246 22.5444H130.096V61.4039H137.246V22.5444Z" fill="black"/>
<path d="M121.957 8.46924H114.519V61.3996H121.957V8.46924Z" fill="black"/>
<path d="M174.039 26.5363V27.0602L173.668 26.69C172.213 25.2475 170.488 24.108 168.593 23.3367C166.698 22.5655 164.669 22.1778 162.624 22.1959H162.45C157.01 22.1959 152.4 24.0403 149.117 27.5277C145.833 31.0151 144.05 35.9703 143.975 41.8519C144.126 53.6802 151.45 61.3347 162.631 61.3347C166.969 61.2655 170.787 59.67 173.668 56.7216L174.039 56.3428V59.9752C174.039 63.3241 173.297 66.121 171.831 68.2901C169.918 71.1367 166.641 72.7473 162.607 72.823C162.491 72.823 162.37 72.823 162.254 72.823C159.153 72.823 156.117 71.719 153.923 69.7924C152.446 68.5326 151.383 66.8545 150.872 64.9779L150.723 64.4259L144.296 66.883L144.462 67.357C145.41 70.1368 146.999 72.6522 149.1 74.6977C152.528 78.0618 157.256 79.839 162.771 79.839C168.871 79.839 174.101 77.3062 177.499 72.7061C179.961 69.2425 181.264 64.8372 181.264 59.9665V22.5444H174.039V26.5363ZM173.963 41.6159C173.998 45.7289 172.775 49.1752 170.423 51.5564C169.463 52.5309 168.318 53.3031 167.057 53.8276C165.796 54.3521 164.442 54.6185 163.077 54.611C155.777 54.611 151.195 49.7208 151.122 41.8389C151.195 33.9333 155.887 28.8265 163.077 28.8265C164.467 28.8173 165.844 29.0863 167.128 29.6178C168.413 30.1493 169.579 30.9328 170.559 31.9222C172.818 34.2147 173.995 37.5073 173.963 41.4471V41.6159Z" fill="black"/>
<path d="M217.925 25.2417C214.335 22.6592 210.045 22.2737 207.807 22.2737C205.61 22.2552 203.435 22.7057 201.426 23.595C199.416 24.4843 197.617 25.7923 196.149 27.4324L195.772 27.8523V22.5443H188.846L188.767 61.4039H195.763V41.5574C195.903 37.847 197.057 34.6973 199.077 32.4416C201.097 30.186 203.889 28.978 207.102 28.978C207.253 28.978 207.404 28.978 207.554 28.978C212.002 29.1014 217.306 31.2705 217.306 40.9058V61.3931H224.301V40.6741C224.298 33.4872 222.151 28.2897 217.925 25.2417Z" fill="black"/>
<path d="M239.096 22.5444H231.946V61.4039H239.096V22.5444Z" fill="black"/>
<path d="M99.2563 56.3319V61.3866L106.481 61.4018V22.5444H99.2563V27.0602L98.8877 26.69C97.4322 25.2473 95.7071 24.1076 93.8116 23.3363C91.916 22.5651 89.8874 22.1775 87.8422 22.1959H87.6676C82.2279 22.1959 77.6161 24.0403 74.3346 27.5277C71.0531 31.0151 69.2657 35.9703 69.1924 41.852C69.3433 53.6802 76.6653 61.3347 87.8487 61.3347C92.1866 61.2655 96.0029 59.67 98.8855 56.7216L99.2563 56.3319ZM88.295 54.611C80.9924 54.611 76.4108 49.7208 76.3397 41.839C76.4108 33.9333 81.1046 28.8266 88.295 28.8266C89.6846 28.8172 91.062 29.0864 92.3467 29.6184C93.6314 30.1503 94.7974 30.9342 95.7765 31.9243C98.0382 34.2146 99.2154 37.5072 99.1809 41.4492V41.6095C99.2175 45.7225 97.9929 49.1688 95.6406 51.55C94.681 52.5257 93.5368 53.2991 92.2754 53.8247C91.014 54.3503 89.6607 54.6177 88.295 54.611Z" fill="black"/>
<path d="M133.654 8.30469C132.44 8.30583 131.276 8.79028 130.418 9.65184C129.559 10.5134 129.076 11.6817 129.074 12.9005C129.076 14.1194 129.559 15.2879 130.417 16.1498C131.276 17.0117 132.44 17.4967 133.654 17.4984C134.868 17.4967 136.031 17.0117 136.89 16.1498C137.748 15.2879 138.231 14.1194 138.233 12.9005C138.231 11.6817 137.748 10.5134 136.89 9.65184C136.031 8.79028 134.867 8.30583 133.654 8.30469Z" fill="black"/>
<path d="M230.889 13.5C231.017 14.5009 231.472 15.4309 232.183 16.1443C232.894 16.8577 233.821 17.3141 234.818 17.442C235.017 17.4679 235.217 17.481 235.417 17.481C236.148 17.4781 236.867 17.3 237.515 16.9617C238.163 16.6234 238.721 16.1346 239.143 15.5359C239.564 14.9372 239.838 14.246 239.94 13.5199C240.042 12.7937 239.97 12.0537 239.729 11.3612C239.515 10.7079 239.151 10.1142 238.666 9.62796C238.182 9.14177 237.59 8.77667 236.939 8.56218C236.446 8.3975 235.93 8.3127 235.411 8.31104C234.761 8.31175 234.12 8.4514 233.528 8.72052C232.937 8.98964 232.409 9.38214 231.98 9.87192C231.549 10.3623 231.229 10.9402 231.04 11.5663C230.852 12.1924 230.801 12.852 230.889 13.5Z" fill="black"/>
<path d="M48.8908 26.1618C45.9547 20.5653 41.511 15.9101 36.0666 12.7273C31.0515 9.82124 25.3589 8.30123 19.5685 8.32199H19.4974C16.0205 8.32302 12.5654 8.87235 9.2583 9.94989L14.0814 19.0418C15.8549 18.6118 17.6729 18.3938 19.4974 18.3924H19.547C23.5855 18.3625 27.5584 19.4179 31.0538 21.4491C34.5574 23.5034 37.6664 26.7765 40.1092 31.1017L56.2688 61.5099H67.6485L48.8908 26.1618Z" fill="black"/>
<path d="M36.9074 33.052C35.0682 29.7724 30.9588 25.4321 26.8882 23.7306C24.4324 22.6696 21.7776 22.1527 19.1048 22.2153C14.0525 22.33 9.24329 24.4156 5.69636 28.0299C2.12558 31.62 0.0871761 36.4648 0.0130153 41.5379C-0.0344424 44.1413 0.438329 46.7278 1.40338 49.1446C2.36843 51.5614 3.80618 53.7594 5.63168 55.6088C7.44635 57.4717 9.61479 58.9502 12.0086 59.9567C14.4025 60.9633 16.9731 61.4774 19.5684 61.4688C22.1457 61.4746 24.6983 60.9658 27.078 59.972C29.4576 58.9783 31.6167 57.5195 33.4296 55.6803L28.1926 45.822C27.8687 46.5324 27.4596 47.2005 26.9744 47.8114C26.0856 48.926 24.9585 49.8258 23.6765 50.4441C22.3946 51.0623 20.9906 51.3833 19.5684 51.3832C18.3071 51.3871 17.0578 51.1372 15.8943 50.6483C14.7308 50.1594 13.6766 49.4414 12.7941 48.5366C11.9059 47.6361 11.2064 46.566 10.7368 45.3897C10.2673 44.2133 10.0372 42.9544 10.0602 41.6873C10.1184 39.229 11.1113 36.8862 12.8352 35.1396C14.5592 33.393 16.8834 32.375 19.3312 32.2944H19.5598C20.8089 32.3226 22.0397 32.6016 23.1798 33.1148C25.1202 33.9245 27.0132 36.2061 27.867 37.6024L29.5919 40.6526L40.6826 61.5251H52.0666L37.7633 34.5241L36.9074 33.052Z" fill="black"/>
</svg>
</td>
<td style="vertical-align: middle; text-align: right;">
<span style="font-size: 7.5pt; display: block;">
{% assign current_date = "now" | date: "%Y-%m-%d" %}
{{ current_date }}
</span>
<span style="font-size: 7.5pt; display: block;">Capacitor</span>
</td>
</tr>
</tbody>
</table>
<hr style="border: 0; border-top: 0.0104in solid #000; display: block; margin: 0.026in 0;">
<table style="color: black; width: 100%; border-collapse: collapse; table-layout: fixed;">
<tr>
<td style="vertical-align: top;">
<span style="font-size: 9.5pt; display: block;">{{ part.manufacturer_partnumber }}</span>
<span style="font-size: 7.5pt; display: block;">{{ part.manufacturer_name }}</span>
<span style="display: block; font-size: 7.5pt; margin-top: 0.0521in">{{ part.description }}</span>
<span style="display: block; font-size: 7.5pt;">{{ part.comment }}</span>
</td>
</tr>
</table>
<hr style="border: 0; border-top: 0.0104in solid #000; display: block; margin: 0.026in 0;">
<table style="color: black; width: 100%; border-collapse: collapse; table-layout: fixed;">
<tr>
<td style="vertical-align: top;">
<span style="font-size: 7.5pt; display: block;">Value</span>
<span style="font-size: 7.5pt; display: block;">{{ part.value_text }}</span>
<span style="font-size: 7.5pt; display: block;">Tolerance</span>
<span style="font-size: 7.5pt; display: block;">{{ part.tolerance }}</span>
</td>
<td style="vertical-align: top; text-align: left;">
<span style="font-size: 7.5pt; display: block;">Temp Characteristic</span>
<span style="font-size: 7.5pt; display: block;">{{ part.temperature_characteristic }}</span>
<span style="font-size: 7.5pt; display: block;">Package</span>
<span style="font-size: 7.5pt; display: block;">{{ part.package }}</span>
</td>
</tr>
</table>
<div style="text-align: center;">
<div>
{{ part.part_number | barcode: "Code 128-A", "0.5cm", 1 }}
<div style="color:black; font-size: 7.5pt; margin-top:-1mm; padding: 0;">
{{ part.part_number }}
</div>
</div>
</div>
</div>
